Caranya Mudah Memasang Tombol Share Di Blogspot

Memasang tombol share selain tampak indah jikalau diposisikan baik, juga mempunyai kegunaan meningkatkan trafik ke blog kita.

Di banyak sekali postingan, telah banyak yg memperlihatkan trik memasang tombol ini di dalam postingan, namun banyak yg juga tidak mengerti trik memasangnya. Hal ini pula yg menimpa saya waktu awal-awal mengenal dunia blog.

Pada postingan kali ini kita bakal mencar ilmu memasang tombol share di blogspot dengan mudah. Tombol share yg bakal kita Memasang mirip yg diterapkan di blog ini, atau lihat gambar dibawah ini.

• Untuk memasangnya, mirip biasa kita Musti login dulu ke akun blogspot. setelah itu pilih Template dan Edit HTML.

• Nah, kita kini ada dihalaman HTML. Selanjutnya cari aba-aba dibawah ini. supaya lebih mudah, tekan tombol Ctrl F untuk mencarinya.

<data:post.body/>

• setelah menemukan, kemungkinan besar di blog Anda bakal ada dua atau lebih aba-aba mirip diatas. Pilih yg pertama dan copy script dibawah ini.

<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<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'/>
</div>
<div style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type =
'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
</b:if>

Untuk memasangnya ada dua trik, jikalau ingin tombol share ada dibawah judul postingan, paste script diatas ini sempurna diatas aba-aba <data:post.body/> tapi jikalau ingin memasang tombol share dibawah postingan, paste script diatas sempurna dibawah <data:post.body/>.

Seperti diblog ini, saya menaruh tombol share dibawah judul postingan, sehingga meletakkan script diatas sempurna diatas dikode <data:post.body/>. Lebih jelasnya lihat gambar dibawah ini.

Khusus untuk goresan pena berwarna merah pada script diatas, dapat Anda rubah sesuka hati, misal "Sebarkan Tulisan Ini" dan lain-lainnya sebagainya. setelah itu jangan lupa tekan tombol Simpan. Sekarang, lihat postingan Anda, tombol share sudah nongol bukan!. Semoga bermanfaat.

Jika punya pertanyaan atau sekedar sharing, tak ada salahnya meninggalkan komentar dikolok Disqus dibawah ini.

Tweet