Saturday, November 12, 2011

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

<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType ==&quot;item&quot;'>
<div class="addthis_toolboxaddthis_default_style ">
<aclass="addthis_button_facebook_like"fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<aclass="addthis_button_google_plusone"g:plusone:size="medium"></a>
<a class="addthis_counteraddthis_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 -->
 
<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType ==&quot;item&quot;'>
<div class="addthis_toolboxaddthis_default_style ">
<aclass="addthis_button_preferred_1"></a>
<aclass="addthis_button_preferred_2"></a>
<aclass="addthis_button_preferred_3"></a>
<aclass="addthis_button_preferred_4"></a>
<aclass="addthis_button_compact"></a>
<a class="addthis_counteraddthis_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 <divclass='post-header-line-1'/>
6. Simpan template

Selesai dan Selamat mencoba 
 

No comments:

Post a Comment

My Ping in TotalPing.com
Feedage Grade D rated
Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Ping your blog, website, or RSS feed for Free