Cara Memasang Tombol Share dibawah Posting Blog

Cara Memasang Tombol Share dibawah Posting Blog
Memasang Tombol Share sangat berguna sekali untuk web atau blog karena dengan adanya tombol share bagi para pengunjung blog bisa dengan mudah berbagi artikel yang sedang dibaca atau mungkin yang dicari kepada temannya , tapi dengan catatan buatlah artikel yang berkwalitas agar pengunjung blog tidak ragu ragu untuk membagikan atau mengsharenya di jejaring sosial mereka .

Untuk mendapatkan kodenya Bisa di :

• Add This URL [ https://www.addthis.com/get/sharing#.UGXmEJHNW0k ] 

• Sharethis URL [ http://sharethis.com/publishers/get-sharing-tools# ]

Untuk saya pribadi memakai Sharethis . untuk Memasang Tombol Share dibawah Posting Blog
Ikuti saja caranya di bawah ini .

Cara Memasang Tombol Share dibawah Posting Blog :

• Login Dasbor

• Edit Template » Expand Template widget , Cari kode </head> [Gunakan Ctrl+F] , letakkan Scriptnya diatas kode </head>

Contoh untuk Template saya [Klik Gambar Bila Kurang jelas]

• Langkah selanjutnya cari kode <div class='post-footer'> Bila ada dua pilih yang pertama , lalu letakkan kode untuk blog anda diatas kode <div class='post-footer'>

Contoh untuk Template saya

Untuk CSSnya bisa anda modifikasi sendiri . sama seperti punya saya juga boleh

<div style='background:#f9f9f9;border-top:2px solid grey;border-bottom:4px solid #bbb; padding:10px 0px;margin:30px 0px 8px 0px;width:100%;float:left;height:20px;'>

<div style='float:right;padding-right:10px;'>

<span class='st_googleplus_hcount' displayText='Google +'/>

<span class='st_facebook_hcount' displayText='Facebook'/>

<span class='st_twitter_hcount' displayText='Tweet'/>

<span class='st_sharethis_hcount' displayText='ShareThis'/>

</div>

<div style='float:right;padding:2px 10px 0px 0px;font:normal 12px Arial;color:#666'>
<strong>Share this article</strong> :
</div>
</div>

Yang berwarna biru ganti dengan kode anda

• Pratinjau . bila OK simpan template