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:
- mengambil kode script share button dari situs addthis
- Memasang kode script ke dalam template blog kita.
Berikut langkah-langkah untuk mengambil kode script share button:
- kunjungi situs http://www.addthis.com
- klik button "Get the code for your site"
- 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)
- 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)
- Klik tombol "Grab It" ( seperti ditunjukkan gambar anak panah merah no. 2 pada gambar di atas)
- 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
- Login ke Akun Blogger Anda
- 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
- Langkah berikutnya adalah klik "Edit HTML" ,kemudian centang "Expand widget"
- Cari kode <data:post.body> jika terdapat dua kode tersebut, maka pilihlah kode yang kedua.
- Untuk memasang share button di atas postingan, maka paste / letakkan kode sript share button sebelum / di atas kode <data:post.body> yang kedua,
- Untuk memasang share button di bawah postingan, maka paste / letakkan kode sript share button setelah / dibawah kode <data:post.body> yang kedua,
- 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'/>
- 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.
PRODUK KAMI
Tutorial Blogspot
Produk keren lainnya: