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!

Poskan Komentar Blogger Disqus

  1. sangat dibutuhkan karena mempermudah pengunjung, saya juga pake.

    BalasHapus
  2. susah le kotak areanya bikin bingung :p

    BalasHapus
  3. @M.YusufImaduddinTidak ada yang bikin bingung disini.
    Anda hanya perlu mendekatkan cursor ke text area, maka kode akan terlihat seutuhnya.

    BalasHapus
Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top