Cara Mudah Membuat tombol 'Share' melayang Shareaholic Sassy

Mungkin sobat blogger banyak menemukan widget sahreholic sassy ini, namun yang saya akan terapkan ini tidak melalui edit tamplate HTML, namun cukup memasukan kode HTML ke Tab HTML/JavaScript, jadi tanpa harus mengedit isi tamplate blog.

Langsung saja caranya :

1. Log-in akun blogger

2. Masuk tab 'Tata Letak', dan klik link 'Tambahkan Gadget'.

3. Lalu pilih HTML/JavaScript

4. Lalu, masukkan kode CSS berikut:

<!-- Start Shareaholic Sassy Bookmarks HTML widget by :<a href="http://www.pangkal.biz/">T11U</a>-->

    <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 widget by : <a href="http://www.pangkal.biz/">T11U</a> -->

5. Lalu klik Simpan atau Save.

Berkomentarlah dengan Sopan, Sara, SPAM akan dihapus...

ADVERTISMENT