Sunday, December 2, 2012

Cara Membuat Tombol Share Keren


Baru login blogger ehh,,, ada sebuah tips yang sangat menggoda yang ingin saya bagikan kepada teman-teman blogger saya, saya dapat tips ini dari partner blogger saya Infotips-rama.blogspot.com. Mau tau apa yang akan saya bagikan kali ini ? yuk kita simak.

Cara Membuat Tombol Share Keren Versi 2
Mengapa saya berinama Versi 2 ? Karena sebelumnya saya sudah pernah membagikan tips membuat tombol share keren juga, maka dari itu saya berinama Versi 2.




Ya, diatas merupakan demonya bila sobat merasa kurang puas dengan hanya melihat demo diatas, silakan sobat coba sendiri diblog sobat. Berikut langkahnya...

1. Login blog sobat.
2. Masuk ke Tataletak.
3. Tambahkan Gadget.
4. Pilih HTML/JavaScript.
5. Masukan Kode berikut ini.

<!-- 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. Yang terakhir, simpan dan lihat hasilnya.

1 comment: