Cara Membuat Button Share dengan Berbagai Bentuk di Blog

Pada postingan sebelumnya saya sudah menulis tentang artikel tentang tombol like fb, share twitter dan StumbleUpon yang bentuknya melayang di side bar blog. Kali ini saya ingin berbagi tentang cara memasang tombol (masih sosial media) tetapi dengan bentuk lebih elegan, yan gbisa ditempatkan dimana saja, sesuka anda. 

Tentu disini saya tidak akan menjelaskan lagi apa fungsi tombol ini, karena pada postingan terdauhlu sudah saya kupas habis. Oke langsung saja saya kasi tahu bagaimana cara memasang tombol share (sosial media).

Langkah pertama tentu anda harus masuk ke blog anda. Untuk membuat tombol share ini, dilakukan dengan mengcopy kode html ke dalam blog. Dengan demikian ada 2 kemungkinan anda bisa melakukan editing, yaitu di templete dan widget. Ada beberapa pilihan tombol yang bisa anda gunakan di blog anda, yaitu :

 1. Kecil

<!-- AddThis Button BEGIN --><b:if cond='data:blog.pageType == &quot;item&quot;'><div class="addthis_toolbox addthis_default_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></b:if><script type="text/javascript"src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71feed783c3890"></script><!-- AddThis Button END -->

 2. Besar

<!-- AddThis Button BEGIN --><b:if cond='data:blog.pageType == &quot;item&quot;'><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></b:if><script type="text/javascript"src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71ff8750bee738"></script><!-- AddThis Button END -->

 3. Klasik

<!-- AddThis Button BEGIN --><b:if cond='data:blog.pageType == &quot;item&quot;'><div class="addthis_toolbox addthis_default_style "><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div></b:if><script type="text/javascript"
src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71fdea5bff8d67"></script><!-- AddThis Button END -->

Anda bebas memilih kode (tombol) mana yang akan anda pilih dan anda pasang di blog anda. Pilihan ini tergantung selera anda, tidak berpengaruh pada SEO, hanya pada tampilan saja. Untuk pemasangan kode ini berikut adalah 2  langkah yang bisa anda lakukan, tergantung pilihan anda :

Memasang tombol share melalui templete

1. Masuk ke dashbord blog anda

2. Masuk ke templete 

3. Untuk templete >> Edit HTML, centang Expand widget template.

4. Cari kode <div class='post-header-line-1'/> pastekan kode html di atasnya

4. Save template dan lihat hasilnya.

Memasang tombol share melalui widget

1. Masuk ke dashbord blog anda

2. Masuk ke lay out/tata letak

3. Tambah gadget >> cari gadget HTML/Java Script

4. Pastekan kode html di atas

4. Save 

5. Pilih lokasi dimana tombol share ingin ditempatkan 

Demikianlah sedikit informasi yang bisa saya bagikan. Semoga bermanfaat.

Good Luck, Selamat Mencoba :)