Cara Membuat Share Button FB, Twitter, Google+1 Di Atas Posting/Artikel Blog.

Pada postingan sebelumnya telah kita bahas  tips mengenai cara buat widget berupa tab share button FB, tweet dan Google+1 melayang di blog. dan pada postingan kali ini saya akan berbagi tips bagaimana Cara Membuat Share Button FB, Twitter, Google+1 Di Atas Posting/Artikel Blog..

Share button kali ini kita bisa mendapatkannya dari adthis,com, dan kita bisa memilih berbagai alternatif bentuk dan ukurannya sesuai dengan temp;ate blog kita.

Adapun untuk memasang tombol ini terbagi menjadi dua langkah yaitu:

1. mengambil kode script share button dari situs addthis
2. Memasang kode script ke dalam template blog kita.

Berikut langkah-langkah untuk mengambil kode script share button:

1. kunjungi situs http://www.addthis.com
2. klik button "Get the code for your site"
3. Muncul jendela "register " silahkan isi data Anda berupa alamat email dan pasword kemudian klik "register" ( sebenarnya tanpa register juga tidak apa-apa, cuma kita tidak mendapatkan analytics summary blog kita secara berkala dari situs ini)
4. Pilih Style Share Button sesuai dengan kebutuhan / selera kita, dengan cara klik pada list button ( seperti ditunjukkan gambar anak panah merah no. 1 pada gambar dibawah ini)
   
5. Klik tombol "Grab It" ( seperti ditunjukkan gambar anak panah merah no. 2  pada gambar di atas)
6. Paste dan Simpan Kode tersebut dalam Word edior misalnya Notepad sebagai arsip / back up   kita
   jika Anda memilih style button share seperti pada gambar no.1 di atas, maka kode scripnya seperti ini:
   

   <!-- AddThis Button BEGIN -->
   <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
   <a class="addthis_button_preferred_1"></a>
   <a class="addthis_button_preferred_2"></a>
   <a class="addthis_button_preferred_3"></a>
   <a class="addthis_button_preferred_4"></a>
   <a class="addthis_button_compact"></a>
   <a class="addthis_counter addthis_bubble_style"></a>
   </div>
   <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fc219323d1f796e"></script>
   <!-- AddThis Button END -->

Berikut ini langkah-langkah cara memasang kode sript Share Button ke template Blog kita

1. Login ke Akun Blogger Anda
2. Pilih Menu "Template" dan jangan lupa back up template dengan cara klik "cadangkan/pulihkan" dipojok kanan atas kemudian klik"unduh template lengkap"  dan simpan template
3.  Langkah berikutnya adalah klik "Edit HTML" ,kemudian centang "Expand widget"
4. Cari kode <data:post.body>  jika terdapat dua kode tersebut, maka pilihlah kode yang kedua.
5. Untuk memasang share button di atas postingan, maka paste / letakkan kode sript share button sebelum / di atas kode  <data:post.body> yang kedua, 
6. Untuk memasang share button di bawah postingan, maka paste / letakkan kode sript share button setelah / dibawah kode  <data:post.body> yang kedua, 
7. Jika Anda tidak menemukan kode <data:post.body>, maka cari kode: <div class='post-header-line-1'/> dan paste / letakkan kode script share button  diatas kode <div class='post-header-line-1'/>
8. Simpan Template Anda, kemudian lihat hasilnya

Demikian lah ostingan saya kali ini yang berjudul Cara Membuat Share Button FB, Twitter, Google+1 Di Atas Posting/Artikel Blog.., semoga dermanfaat bagi Anda.