Cara Memasang Addthis Button Di Bawah Post

Tau addthis button kan? kalau tidak tahu liat pada gambar, Fungsinya untuk apabila pengunjung blog sobat ingin menshare post ke social network seperti facebook, twitter, google+ dll. Cara memasangnya agak rumit, tapi kita akan tetap membahasnya. Berikut langkah - langkahnya:

1. Login pada blog sobat
2. Rancangan
3. Edit HTML
4. Pilih dulu button yang sobat inginkan dibawah ini

PREVIEW:








<!-- 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 -->

Preview:










<!-- 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 -->

5. Jika sudah memilih, copy kodenya dan pastekan di atas kode <div class='post-footer'> jika anda ingin memasangnya di bawah post. Jika ingin memasangnya di bawah judul post pastekan di atas kode <div class='post-header-line-1'/>
6. Simpan template
Sumber



0 komentar:

Posting Komentar