Senin, 13 Agustus 2012

AddThis Floating Horizontal Share Bar Untuk Blogger

AddThis adalah salah satu situs share and boomarks yang keberadaannya sangat membantu para blogger. Widget AddThis banyak sekali di gunakan oleh para blogger tidak lain tidak bukan karena mereka ingin agar pengunjung bisa membagikan artikel atau keberadaan blog mereka kepada teman-teman yang lain.

Di artikel ini saya akan berbagi widget addthis kembali kepada Anda, dan kali ini temanya adalah AddThis Floating Horizontal Share Bar Untuk Blogger. Widget ini sangat keren, akan melayang di bagian atas dan disertai tombol close.

Yang perlu Anda kethui bahwa widget ini diciptakan oleh AddThis.com dan saya merubah gadget ini agar bekerja dengan sempurna pada blog Anda.

Saya telah membuat instalasi semudah mungkin karena Anda hanya harus menyalin dan menyisipkan dua potongan kode. Sekarang lihat demo terlebih dahulu sebelum menerapkannya pada blog Anda.




Cara Menginstal AddThis Floating Horizontal Share Bar Untuk Blogger


1. Login ke akun blogger Anda.

2. Pada Dasbor klick Template ➨ Edit HTML.

3. Sekarang temukan kode </head> (Bila kesulitan mencari kode HTML coba klick DISINI)

4. Sekarang letakkan kode berikut tepat di atas kode tadi.



<script type="text/javascript">
var addthis_config = {
    bar_show_below : 150
}
</script>
<script type="text/javascript" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/addthis_widget.js"></script>

5. Selanjutnya temukan kode </body> dan letakkan kode berikut tepat di atasnya.

<div class="addthis_bar addthis_bar_medium">
    <label>Share This Page:</label>
    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
        <span><a class="addthis_button_preferred_1"></a></span>
        <span><a class="addthis_button_preferred_2"></a></span>
        <span><a class="addthis_button_preferred_3"></a></span>
        <span><a class="addthis_button_preferred_4"></a></span>
        <span><a class="addthis_button_compact"></a></span>
        <span><a class="addthis_counter addthis_bubble_style"></a></span>
    </div>
</div>

6. Simpan template.

Sekarang Anda bisa lihat hasilnya pada blog Anda!

Tidak ada komentar:

Posting Komentar