Animated Social Sharing Widget with Cool Hover untuk blogger

Social Sharing Widget ini sangat menarik dengan efek yang mengembang dan terlihat begitu cantik saat ketika terkena kursor, lihat saja sebagai bukti pada blog saya ini.
penempatan yang berada dipojok kiri bagian bawah blog ini juga membuat Widget Social Sharing ini jadi lebih ringan dan tidak menggangu isi konten blog.

Tujuan sharing sitenya juga banyak dan pastinya adalah yang paling populer seerti Facebook dan Twitter .

Kegunaan Social Sharing Widget pada blogger

Manfaat utama widget Social Sharing ini masih sama dengan yang sebelumnya pada artikel  membuat Widget Social Boomark melayang di blog .

Cara memasang Social Sharing Widget with Cool Hover pada Blog

Step pertama :

Menambahkan ke Blogger/Blogspot!

• Go to Blogger Dashboard > Template
• Take a backup of your template.
• Cari kode  </body>
• Tambahkan kode dibawah ini sebelum kode </body>

<!-- Start Social Sharing Widget Sassy Bookmarks HTML (allbloggingtips.com)-->
<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 -->

Step selanjutnya tinggal kita Save dan selesai

Anda baru saja membaca artikel yang berkategori Tips Blogging / WIDGET dengan judul Animated Social Sharing Widget with Cool Hover untuk blogger . Anda bisa bookmark halaman ini dengan URL https://sisatruk.blogspot.com/2012/11/animated-social-sharing-widget-with.html .

Artikel Terkait Tips Blogging , WIDGET

Ditulis oleh: Pramudya Ksatria Budiman - Rating : 4.5