Cara Mudah Memasang Tombol Like FB, Twiter, G+ di Bawah atau Atas Postingan Blogger

Menyertakan tombol Like Facebook, Share Facebook, Follow Twitter atau google+ di postingan cukup penting bagi seorang blogger. Hal ini akan memudahkan pengunjung untuk melakukan share atau hanya sekedar menyukai postingan anda sebagai apresiasi karena merasa terbantu dengan artikel yang telah dibuat. Cara seperti ini juga dilakukan untuk meningkatkan pengunjung bagi blog anda sehingga trafik blog anda akan meningkat.

Cara memasang link fb, tweet, google+ atau share di postingan blog anda tidak terlalu sulit, bahkan jika anda tidak menguasai bahasa pemrograman sekalipun, anda bisa menemukan banyak sekali cara dan kode script yang bisa digunakan yang merupakan kreasi dari rekan-rekan blogger lain dan tersebar di internet secara gratis tapi saya akan mencoba berbagi trik cukup mudah tentang cara memasang link fb, tweet, google+, share dibawah postingan atau di atas postingan.

Silahkan perhatikan dan ikuti langkah-langkah berikut :
1. Silahkan masuk ke Dashbord blog blog anda
2. Pilih menu template kemudian pilih edit HTML
3. Jangan lupa download template anda secara lengkap untuk berjaga-jaga
4. Cari kode <data:post.body/> gunakan fasilitas ctrl+F untuk pencarian lebih cepat
5. Penting: untuk menempatkan tombol di bawah postingan letakan kode di bawah <data:post.body/>, dan untuk menempatkan di atas postingan letakan di atas <data:post.body/>
6. Jika anda menemukan dua kode <data:post.body/> maka anda pilih kode yang kedua.
7. Berikut adalah kode yang harus anda letakan di bawah kode <data:post.body/> atau diatasnya.

Jika anda ingin tampilan Like Facebook, Share Facebook, Follow Twitter atau google+ berbentuk tombol seperti ini di positingan
Gunakan kode berikut :

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background:#222; border:1px solid #000; border-bottom:1px solid #444; border-right:1px solid #444;padding:8px 0;margin:12px 0px;width:100%;float:left;height:20px'>
<div style='float:right;padding-right:10px;'>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=4rifin' type='text/javascript'/
</div>
<div style='float:right;padding:2px 10px 0px 0px;font:normal 12px Arial;color:#eceaea;text
shadow: 1px 1px 1px #000'>
<strong>Share this article</strong> :
</div>
</div>
</b:if>

Jika anda ingin tampilan Like Facebook, Share Facebook, Follow Twitter atau google+ berbentuk tombol seperti ini di postingan
Gunakan kode berikut:

     <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='450'/>

    <a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

    <g:plusone expr:href='data:post.url' size='medium'/>

    <iframe class='twitterx-follow-button' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;  align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=Dedencakra&amp;show_count=&amp; show_screen_name=&amp;text_color=' style='width: 250px; height: 20px;' title='Follow @Dedencakra'/>

Silahkan ganti kode yang berwarna merah dengan akun pribadi milik anda.
Simpan perubahan anda dan silahkan lihat hasil dari modifikasi template yang telah anda anda lakukan.

Semoga membantu. (cakra)