Selasa, 15 Januari 2013

Cara Membuat Tombol Share Keren di Blog

Kali ini blog Portal Informasi Online update lagi, dengan informasi mengenai Cara Membuat Tombol Share Keren yang tentunya dapat bermanfaat bagi kita semua.
Cara Membuat Tombol Share Keren di Blog - 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 :

    <!-- 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...

Tidak ada komentar:

Posting Komentar