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/AVvXsEiozisk9WXTiF40yarjlxmgi3RxDUhZfHSBRVcdjtA4mC8lDDLyoRc7xGTKeX2-ssXrBOBxboK94tGsYCkM19hJGDxlcdruSuYn33n4P4xccWTuU1sDu6kHGyYD9BIdUyCsUML0dOWjQW0a/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&loc=en_US" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCKpADYowWMPeYp-s5i9V4HHr41l_CrU_r_n5xMIb7tgY_JBgZxJ4C0tA4bl3F65rpLrwlhyphenhyphenXC4wvoM8OhlAz5-w4-tTGPn85Xj0Erd6tvKZuWoU1itUsppgGT19WOvUYl7ZuUM2m5dk2f/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/AVvXsEjVcLNMMA1nazZ1vzf6IuOV3XJjE_pX585jVfvL5yk9ECspO60JIP4tunCeL2WPOx4EoI98tNoKfMZNehF9ERiUxu2gD1ghuZjoRoGCkcr-SxBvw0gE1eLv01hOpLZv8xPUdG2LEDkBj_kH/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/AVvXsEj7YlQ8qMrvBxq7k_mROe0rdlarXkljafJ9tYIX69NM0H6iaoG4F3-H0VCOyFXJN6CiQ7TO0HqK2YqbRoUlNmljXQsNp3LlGihk5_1jQ1xUXp5Y6dtCL3a544yztQ-kGH0h_lm1BQpqXA2M/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/AVvXsEgOqY3Jp3JWFr88pcVnKaxRPBYXcLJ5O9arqCVTPzzoBj-kOgN9yc74PcuhCxHyf-A8Zx6-BksLP0GzmG4oyKb6bBXk1b6l0TFQ4VYOrbQHWlaRLO4sAFVJWT5znq4XuyffRKgj88CkpqAr/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/AVvXsEgdcdHjUZug2Nm1g0Rwr51FJooQMElic7E__7dSFwdwnLpV2rjCZWEw9BpblpqGKVjdmOAeOXHix0iOesCaTObP1tZgez6IwEWJXuFK3erGJd4Mv5UokW1t4jqbVaGQXfAjHVPO_XHj5ZR7/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.

No comments:
Post a Comment
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.