Thursday, November 29, 2012

Animated Social Sharing Widget with Cool Hover untuk blogger

Social Sharing Widget pada 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

Artikel Terkait

Animated Social Sharing Widget with Cool Hover untuk blogger
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email