Cara Membuat Tombol Share / Bookmark pada Blog

Setelah berkeliling mencari tombol share dan bookmark untuk blog saya akhirnya saya menemukan situs yang dapat memberikan layanannya pada blog saya. Bisa kalian lihat pada saat ini tampilan pada setiap posting blog sudah tersedia tombol share yang bisa di tujukan ke berbagai macam situs seperti:

1. Facebook 

2. Twitter 

3. Digg

4. Google 

5. Dll.

Untuk cara memasangkan blog tersebut pada blog bisa melakukannya dengan mengikuti tahap – tahap di bawah ini:

1. Masuk ke situs www.addthis.com

2. Tampilannya kayak yang di atas ya...

• Select a button style ( pilih sesuai selera )
• lalu klik "Get the Code"

3. Untuk masuk websitenya kamu bakal dimintain nama, alamat email dan password untuk registrasi. Kalo dah masuk kamu pasti dapetin halaman yang kayak gini :

4. Setelah dapetin halaman di atas, kamu pasti ngeliyat code script nya, 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/300/addthis_widget.js#pubid=ra-4ef5e15f0bcc0bb6"></script>
<!-- AddThis Button END -->

5. Setelah kamu copy, tinggal kamu masukin aja tuch pada blog kamu misalnya Blogger, caranya:

• Buka blog kamu pilih rancangan dan EDIT HTML
• Klik Expand Widget Templates
• Lalu cari kata <div class='post-footer'>. (Jika susah nyaarinya gunakan saja ctrl-F lalu isi dengan kata tersebut)
• Masukan kode di atas, di bawah kata <div class='post-footer'>

6. Dan akan terlihat seperti ini :

   <div class='post-footer'>
<!-- 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/300/addthis_widget.js#pubid=ra-4ef5e15f0bcc0bb6"></script>
<!-- AddThis Button END -->
7. Lalu save dan liyat perubahannya, surprice...


Selamat mencoba dan semoga bermanfaat