Saturday 19 May 2012

Sexy Hover Effect Social Media Sidebar Button


This gadget I added in my SEO Nature Blogger Template,Many people ask me that how to add this gadget so Today I am making this post for them who want to add this sexy hover effect social media sidebar buttons.

To Add this button follow below steps-

  • Go to Blogger Dashboard > Template
  • Now find </body>  code in your template
  • Now Copy below code and paste it before </body>


<!-- Code Start (lordhtml.blogspot.com)-->
<div class="shr_ss shr_publisher">

</div>
<!-- Code End ( lordhtml.blogspot.com ) -->
<!--  Code Start 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>

<!-- Code Start End ( lordhtml.blogspot.com ) -->

Now save your template and you are done


Comment is best way to say thanks :)

0 comments:

Post a Comment