Thursday, November 8, 2012

Membuat Tombol Share di Bawah Postingan





Pada postingan kali ini saya akan memberikan Tutorial Membuat Tombol Share di Bawah Postingan seperti gambar dibawah ini.


Tombol share tersebut berguna untuk memudahkan pengunjung blog sobat yang ingin membagikan artikel yang telah dibacanya ke Jejaringan mereka seperti Facebook Like, Tweeter Tweet, Google +1, dan lain-lain.

Berikut cara pemasangannya :

1. Seperti biasa Sobat login dahulu ke Blogger
2. Klik Design/Rancangan => Edit HTML
3. Centang pada Expand Template Widget

Tips : Biasakan untuk mendowload Template Sobat sebelum melakukan pengeditan. Agar tidak terjadi hal-hal yang tidak Sobat inginkan.

4. Cari Kode <data:post.body/>  yang No.2 (gunakan tombol CTRL + F) pada keyboard untuk pencarian cepat.
5. Kalau sudah ketemu Sobat copy script dibawah ini, dan Sobat paste tepat dibawah Kode  <data:post.body/> yang No.2 tadi. (kalau tidak muncul tombol sharenya Sobat coba di Kode No.1)

<!-- AddThis Button BEGIN -->
<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>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053"></script>
<!-- AddThis Button END -->

6. Jika sudah selesai Klik Save/Simpan Template.

Demikianlah Tutorial Membuat Tombol Share di Bawah Postingan semoga berguna untuk Sobat semua.

Newer Post Older Post Home

2 comments:

Terimakasih kang ari hermana, ini yang dari tadi saya cari-cari, akhirnya nemu disini, tapi ada ga ya yang tombol sharenya kaya blogintang.com, jadi melayang gitu, salam hangat farhanshare.blogspot.com

maturnuhun kang tutornya, ini yang lagi saya cari-cari.

Post a Comment