21/09/13

Cara menambahkan tombol share dibawah postingan





Kali ini saya akan mempostingkan cara menambahkan tombol share dibawah postingan blog, agar bagi para pengunjung yang ingin membagikan ke jejaring sosial seperti facebook like, twitter dan google +,

tak usah berlama-lama lagi kita lihat caranya dibawah:

1. masuk terlebih dahulu ke blog anda
2. pilih menu template lalu pilih edit html
3. lalu cari sctipt </head>
4. kemudian copy script di bawah tepat di atas kode </head>

<script src="http://w.sharethis.com/button/buttons.js" type="text/javascript"></script>
<script type="text/javascript">stLight.options({onhover:false , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>

5. lalu cari kode <data:post.body/> jika anda menemukan banyak kode tersebut anda gunakan yang ke 2
6. lalu copy paste kode dibawah tepat dibawahnya




<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_fblike_hcount' displayText='Facebook Like'/>
</p></b:if>

7. jika sudah simpan template...

sekian yang dapat saya postingkan sekarang mudah mudahan berhasil dan bermanfaat buat kalian..

terimakasih....


Tidak ada komentar:

Posting Komentar