Cara Membuat Tombol Share Keren di Blog

Trik Blog

i7-core.blogspot.com -Tombol share sangat berguna bagi SEO sebuah website atau blog. Disini saya mau menunjukkan widget Share yang cukup keren dan ringan.

Bagi sobat blogger yang ingin membuat tombol share keren seperti gambar diatas, silahkan sobat ikuti cara berikut :

1. Login di Blogger.com

2. Masuk ke Tata Letak

3. Tambahkan Gadget

4. Pilih HTML/JavaScript

5. Masukan Kode berikut ini :

KODE HTML:

<!-- Start Shareaholic Sassy Bookmarks HTML-->
<div class='shr_ss shr_publisher'>
</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>
<!-- End Shareaholic Sassy Bookmarks script -->

6. Simpan, dan liat hasilnya...

Mudah bukan... Semoga bermanfaat..

Bagikan

Jangan lewatkan

Cara Membuat Tombol Share Keren di Blog

4/ 5

Oleh Rijal Imnida

Rijal Imnida 06:45 2 Komentar