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 == "item"'><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>
.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