Artikel Terbaru

Cara Membuat Tombol Share SosMed Di Bawah Postingan

Blogger Sukabumi - Tombol Share SosMed Di Bawah Postingan terdapat beberapa tombol share  button seperti Facebook, Facebook like buttton, Tweet button, Pinterest button, Digg button, Stumbleupon button dan juga disertai jumlah orang yang  telah menshare artikel kita. 

Jika sobat berminat memasangnya ikuti cara atau langkah dibawah ini:

1. Masuk akun blogger sobat  
2. Lalu masuk ke Template (backup dulu template sobat untuk jaga-jaga apabila nanti ada kesalahan dalam memasukan kode script)
3. Klik Edit HTML.
4. Kemudian cari kode </head> gunakan CTRL + F untuk mempermudah pencarian.
5. Apabila sudah ketemu dengan kode tadi simpan kode dibawah ini tepat diatas kode </head>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type='text/javascript'>stLight.options({onhover:false , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>
6. Lalu cari kode <data:post.body/> gunakan CTRL + F (sobat akan menemukan lebih dari satu kode ini dan cobalah pada salah satunya dan sebaliknya)
7. Jika sudah ketemu sobat simpan kode dibawah ini tepat dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.doncaprio-share-buttons{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #BBBBBB;background-color:#FFFFFF;-webkit-box-shadow: #B3B3B3 5px 5px 5px;-moz-box-shadow: #B3B3B3 5px 5px 5px;box-shadow: #B3B3B3 5px 5px 5px;padding: 5px;margin: 10px;}
</style>
<p align='center' class='doncaprio-share-buttons'>
<span class='st_facebook_hcount' displayText='Facebook'/>
<span class='st_plusone_hcount' displayText='Google +1'/>
<span class='st_twitter_hcount' displayText='Tweet'/>
<span class='st_pinterest_hcount' displayText='Pinterest'/>
<span class='st_digg_hcount' displayText='Digg'/>
<span class='st_stumbleupon_hcount' displayText='StumbleUpon'/>
<span class='st_fblike_hcount' displayText='Facebook Like'/>
</p></b:if>

8. Simpan/Save Template.
9. Selesai ( Bukalah salah satu artikel sobat u/ melihat hasilnya)
Biar sobat nggak penasaran dengan hasilnya, saya kasih screenshotnya:





Semoga bermanfaat....

Sumber : http://flamboyan68.blogspot.com 
Artikel Yang Terkait

2 Responses to "Cara Membuat Tombol Share SosMed Di Bawah Postingan"

Supported by Blogaul