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/AVvXsEgP_giAphSvVX_9kwlBfMbekJvI3nR65oIcsDa2OChVUb0Tr73YuXJm_C1DvMxNBuyNZRxQyHuGVn-46MirnvsCGScvUm4m9dhuoYmpKOVJ4YOp6wLqvsVLAO9UCShPRmxUypyFsSh309wa/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/AVvXsEg9XXwmSuQtYEJ4aBs70u_KCzjXLIo6uZbujjsm0gm0k_x2tQyzNRpomjU8yyFogo7BSLbGlxrQkqIh5li-ZS9W5ZcpWXWwkX2R_sG4g3WGth13HoKAj0KpnRQvPwtYYpmJm4kizitC-g0A/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/AVvXsEj5o8Xei7mVomxB-cvofobw5AsLVNHkzZGVfDRhyVonBHKITZoaUg8U6VRGGNs4lWAe-ciacDAzdHtgNKd2mClzP7Umu5sKr_Skb2xvClfr3zILdOxN9f_7cUDHsZo35j8cBcnHs9BlyE5E/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/AVvXsEiNMWLfo-BEaiMBDYyZ75OG4Xi-G8hpa7ZH_iDK9oJtWcbaScaBxyHAyrwnCi4cLiAwvHZJrpw3IlblaDyfQss9bGeVyPhaTXSjOoa9xPV7w0Ej4Fz7rq4mq8ov8csqk0Wbh66DrVLEFeBr/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/AVvXsEj__fnFgo-YIuYX5OyIoFz81kbjsHULgUg_dbrKj9TVGH7GWbDqCt9SpIuyBwrVMGic6NnLBTzKNAGv_7Ot66W5Je4KafqGo5dFTKhsogscmOIIhJxJU9RzHNGUbFcXj63nJRCLkD8eBBMI/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/AVvXsEji5eUBq7BIbciijnvInyrh8SVaStrdRyITNd5IGaF_RA6plBH03mn5XtuHax4uw9q0YtWHt9Tuu1tNhKtCAREDJTNpP2VzQdG4Lr0spGW5zD7KO3Acwk9n_nxDjUHXRJ_kliHv7Q6Hig-V/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