Get Spice Up Your Blog Sharing Widget for blogger blogs at free of cost

Hi guys as every one knows these days the Spice Up Your Blog sharing widget or subscriber widget for the blogs are very hot to be seen and look well equipped social box with some cool subscription rates going high well with this post you can also get the same kind of sharing widget as shown in the image beside even at your blog. This sharing has got cool rotating option at their same position using some jQuery Effect.

To do this you just need to follow these two below steps to get the box live at your blog.




Step 1. Go to your Blogger Dashboard => Layout => Click Add a Gadget => Choose HTML/JavaScript
and paste the following code in the content area and give some name to this widget like subscribe to us/stay connected, etc.


<style>
#social img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#social img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.comments .comments-content .icon.blog-author{position:absolute;top:-1px;right:-12px;margin:0;background-image: url(http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/keditbookmarks.png);width:36px;height:36px}
.CSS_LIGHTBOX_BG_MASK
{
background-color:#990000 !important;opacity: 0.8 !important;
}
.post img {max-width:95% !important;}

--></style>

<center><div id="social"><a title="Grab Our Rss Feed" href="http://feeds.feedburner.com/feedburnerurl"  target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAxA2E1PPRLqZLm-Xmne1jBAsvGIgtOXSKVTFocjPox28kPXH5jZiY0KiO5Zgf-kBM4FLaKx1fmG45fo4EQCv9q_snIQ6WGGJsI-h1K9BdtzjtZjMQoj_ELrvGcJRp_ANtERHbJhsy_i3M/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="http://feedburner.google.com/fb/a/mailverify?uri=feedburnerurl&amp;loc=en_US"  target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf3hrYRkcFBum_cAElmd9cOFk-NLGP8xrriMMr6AzYuSCtunLOSCpyqA11H0FW-2YmskcrrfJc4UENLZGu1zPX-lmlxDdK8pTO8kghfesi5KYoiYtDPq1zhvtZHDpRUVu0Tx2DefLLSo-z/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="http://facebook.com/fbpageurl"  target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDOm0HWZDtRQZyj382Ajz318-OzmSy3pxHdh5B5DF502olN3LYcgWbI53OnAjWCEUeeeccLgfdMVIGquoyS9kMy7PaEQtmQVGBk0c6AGQX1-3HVw6xviIDHKKzGm6mjNdBhVu8HywMeNcG/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="http://twitter.com/twitterurl"  target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLOL53GSmqJzMmgXwuCcIwYxT4jeU0uzPHR4Jbgq7we1ZidslyorFqZGx3lO-nZhEn4AHydcyf9Db_bK2M7hTPZx2K__gGbJGE6Uh-Qz2qKN-XWRUk_3CHquDfdAqQ-Ee4A2tS1ygu2vkV/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/googleplusurl" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZy_jX48hEjqq70h7cXmyfe-VsYgg6sIwwpDv4lEjEes49N_FXOFTSZzYmCxVW4-kZrCD18aUQgCVhE4fuob-QCv2k8J10nK_tTJECzb2ZyYeaqz6TTTz050SeLB8EK8osqn4NVVYZsnAd/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="http://pinterest.com/pinteresturl/" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_8sbqcWU_XAspGZF61C1KetHlhaO3v_PHvF7IIdImMr-8ACaUnxuga6EFJkrsfuIL-EPQG626ZPZcA5JDr96U_atBZXt8Bm9Dypw3Q_feh4AuoMDjW6USPF5aK_avcu8DGDFZvvUiNJnf/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a><a href="http://www.newbloggingtipz.org/2012/08/free-spice-up-your-blog-sharing-widget-for-blogger-blogs.html" target="_blank"><img alt="Get this widget " border="0" height="18" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTrgsF7kPVHWHaw-tnetSUghUdJ1bCzkO5keSW0aLMrQK9bUYbLZp9EF4RIEmO4rV3d_Y4G3EuKVE1sG6TXUDWwN2HufQqlgdiEeSV311p8_pjITBc_YNdhGHkk6uRki57XwBr1nLlSQ7g/s1600/Get+this+widget.png" width="70
" /></a></div></center>


Step 2: Customise the words with red in color with your details.


 http://facebook.com/facebookurl

http://www.twitter.com/twitterurl (twitter)

http://feedburner.google.com/fb/a/mailverify?uri=feedburnerurl (RSS feed URL, I think twice)

https://plus.google.com/googleplusurl (Google Plus URL 2 times)

http://pinterest.com/pinteresturl (pinterest URL)

That's all for now friends hope you liked it.

Enjoyed the article?
Subscribe to this Blog via Email:

Click here to subscribe to FREE email updates from "Everything About Blogging", so that you do not miss out anything that can be valuable to you and your blog!

    Other Recommended Posts

  • Blogger Widgets, jQuery

Use the tab below to comment. No spam please!!!

[netinsert=0.0.1.11.14.1]