Friday, November 22, 2013

// // Leave a Comment

Add SpiceUpYourBlog Style Social Widget In Blogger

Add SpiceUpYourBlog Style Social Widget In BloggerHi Friends, Today i goona Share this Awesome social widget with roung spinning effect for your blogger blog.SpiceUpYourBlog is a Popular blog which covers topics like Blogging Tips, SEO etc. You must have visited this blog before and if you did, you must have noticed its awesome social widget. The Social widget has a nice spinning effect on mouse hovering.this is very cool widget.Its main feature is it covers all major social links facebook, twitter, feedburner feeds, google+, Pinterest.It changes your blog look attractive.



How To Add SpiceUpYourBlog Style Social Widget In Blogger?


  • First for All Go To Blogger.com > Page Elements > Add a Gadget
  • Choose HTML/JavaScript from the list of the gadgets
  • Copy and paste the code below in the content box. 

 <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/Tonysblaster"  target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh2efHnb5xWF6VevPAznjMh63ltZp4Hbk7x6BkAFSlvNImz_tIwmaESClFOybkSgXVCpJm8D8dhPlj4PhChbi6Jj2EDoVWmUoHnIe8AdzupWifj2-4reqpm_cIfWc0E4R3zWJEgSupALqh/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=Tonysblaster&amp;loc=en_US"  target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh5qhhZ6zwjWCFDOFRc4Ny-AuUGe-LFbqIWj-TsFQNUGAmurXyEW4kwoWiRE8Z6HVKSn6jaoVKEfK1UltyABwr9nQAAywTj2NwyOQT1Oa_J__LRLy1ExCa4iwmWuJ6iktGmqKOGwM6NFdD/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="http://facebook.com/infoblogmaz"  target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVHqfsh-GbWt5FSBNDEPfrecThNCVXfBwLPDMvAJ11KN3i5GdMLPWhekyon_vxG-tAPfI8QJzwlU7BhO5NdZlnQALL9dEErdfOnaSV4cknALP9mvq3MCV8HKOvT6mwz2oH_f_pJI4nafTy/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="http://twitter.com/Infoblogmaz"  target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi12uajoBC1M43plIWk2BYBF7Wnay0Gc6GMjo3cosmSLtZ0jDOj5S8X9pjRa7tqkV5vqOUU7SzHUYqPS-AHFblMKte58pyDZnOR-2cZ99gTKsUiQcljo-Uk_OU2I2rwpT3io3dmm3-1TU0/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/YOUR ID" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJlYrfdQgplUAAVgnbNBGxq9k-0pTrF5i9DLTujOh_4zqtUCOJYTmOszYkw20rNg7slf9Pg7aJtCx56JzfOFs60qZ-RyR0kY9up_xNvHj6kA7R-gjpj-euTeXyhxk4kn_8oQfmuq8DgxYN/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="http://pinterest.com/YourUserName" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-QpGxI54ac-DFJMiDA8vjVb3QadIOvlthIHU5jg3O3ufTMO_zaC5xzGNiDKX1-lcXcYJgQfqZ7QYas83650jDAtPjGaxnpmLFTGwES0FYIn5gKwT-Y758pcdM776XxPmZ-l12FV7KPco-/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div></center> 


Change all Red words with your URL's


Replace Tonysblaster with your feedburner Feed ID
Replace Infoblogmaz with your facebook Page ID
Replace Infoblogmaz with your twitter ID
Replace https://plus.google.com/YOUR ID with your Google+ ID
Replace http://pinterest.com/YourUserName with your URL

Well Done!

If you need any further information about this you please feel free to comment below your reply will highly appreciate.

0 comments:

Post a Comment

Confused? Don't hesitate to ask We love to hear your feedbacks and suggestions. We will try our best to reply to your queries as soon as time allows.

Note: Please do not spam. Those type of comments will be deleted upon our review.