Cara Memasang Tombol Share Facebook, Twitter dan Google+ Di Bawah Judul Artikel

Jika blog Anda belum ada fitur share facebook, twitter dan Google+ mka sekarang saatnya Anda bisa menambahkan fitur tersebut karena kali ini saya akan bagikan tips bagaimana memasang tombol share Facebook, Twitter dan Google+ di bawah judul artikel. Contohnya bisa Anda lihat di blog Masrahmat.Com ini, dibawah judul artikelnya ada tombol sharenya. Untuk template blogger bawaan dari Blogger biaanya sudah dilengkapi tombol share facebook, twitter dan Google+. Cara ini diperuntukkan bagi Anda yang blognya beum ada tombol sharenya.

Fungsi tombol share Facebook, Twitter dan Google+ ini tentunya adalah agar link blog kita bisa tersebar ke akun Facebook, Twitter dan Google+ orang yang membaca blog kita sehingga blog kita juga bisa berpotensi dibaca oleh teman-teman pengunjung yang membaca blog kita. Jadi intinya bisa membantu meningkatkan pengunjung blog kita. Nah, bagaimana cara memasang tombol share Facebook, Twitter dan Google+ ini ?

Berikut ini cara memasang tombol share Facebook, Twitter dan Google+ di bawah judul artikel blog:

1. Login ke Blogger.com kemudian klik Tata Letak => Edit HTML

2. Kemudian cari kode yang sesuai untuk dibawah judul artikel. Misalnya cari kode  <div class='post-header-line-1'/>

3.Setelah ketemu, Anda tinggal copy paste script tombol share facebook, twitter dan google+ berikut ini persis dibawah kode tadi.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Jangan lupa di share ya :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>

<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>

<div style='float:left;padding-left:5px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</div>
</div>
</b:if>

3. Kemudian klik Save Template dan lihat hasilnya.

Bagaimana sobat ?. Gampang kan ?.

Demikianlah tips bagaimana cara pasang tombol share facebook, twitter dan google+ di bawah judul artikel blog blogspot. Semoga bermanfaat untuk Anda.

Related Post:

Tips Blogspot

• Membuat Slide Menu horisontal dibawah posting
• Cara Mudah Pasang YM Di Blog
• Cara Pasang Rich Snippet Di Blogspot Dengan Mudah
• Membuat Bounce & Share - Widget Social Bookmarking Blogger
• Mengganti Tulisan Older Post dan Newer Post Dengan Judul Arrtikel
• How to Install Related Posts Widget related links at the side column (OK)
• Cara Menambah Gadget diatas Header
• Hidden Chatbox
• Widget artikel terkait / Related post dgn Scroll
• Code Color
• Edit Lebar Posting Pada Template
• Cara Memasang Button Share Artikel Di Blog
• Top 15 Most Popular Social Bookmarking Websites | August 2012
• Cara Update Blog Ke Webrank Stats
• 5 Tools For Tracking Your Digital PR Campaigns
• Membuat Widget Like Facebook Melayang
• membuat scroll pada artikel terkait / related post
• New WordPress plugin: Tag Pages
• Cara Membuat Artikel Terkait Dengan Gambar
• CARA MENGUKUR KECEPATAN BLOG
• Membuat 3 Kolom Footer
• Kode Warna ( Color Code )
• Membuat Back To Top Button (100% OK)
• Effect Scroll Text pada artikel tertentu

Tutorial Blogspot

• Effect Scroll Text pada artikel tertentu
• Translate Google + Flag
• Memberi Background Menu Teks di Bawah Header
• Sisipkan Gambar di Posting Blog
• Bikin BLOG untuk Pemula
• Cara Membuat Link di Blog
• Fungsi Label dan Cara Menggunakannya
• Mengenal Area Post Editor Blogspot
• Cara Setting Blog
• Membuat Halaman Statis (Static Page)
• Cara Membuat Blog di Blogspot
• Cara Posting Artikel di Blog
• Membuat Email

Widget by [ Iptek-4u ]

Posted in: Tips Blogspot,Tutorial Blogspot