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/AVvXsEg2NnkrWtuCta2Zn2h_IHi9NX_50mX5c4B_6tuvQO-h5FAeD0TglszzOnsZgaU870Fr5-dAi41Logm7mmV5EfUksIeQlfRDfeIy6udjK0djt645AsRYrh51kupInJBSrb45rXT8kYGPVzfg/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/AVvXsEjDwBQYYC6VpawUQXlql1higVK4HEfnqW0KzvN619QAuwPgQm9Bk-NLTDtKYwdIuYG9gpMUE2T84kGe86qAafoEfYpUK_2g-9kEZ-UG3Ims8_AHoWsR9d1GOOmc2wPEgYkCNn4QmcKzjryW/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/AVvXsEjeUDwYHjT2yWqTeQCQXr81CE7Y2NR5NDy50rGIOzL2Ou_HvxITnPcGXu79WR6VqqY-i1N6K4BekDhq87dI8EnsvnTYvycZhIJee3DejpF-Oi0djxhn83BGoQ8gHFtXvR71Z0i9fDD6aCZM/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/AVvXsEjyJU3lpNlao_k7E7runTDEu23I3HxkTus81_CsHeRggEquLuGe96r0UUBv83_Y0c4WvgZ0UNoKlW_vs5azft9PTl140QlrLYsiYdv1HyUls-_dOZPBE4QWeGPSCyEdLq2YPVc3DHGvTXWx/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/AVvXsEheMBcrF98I8ey04xkI2hmoBe2yibmMCSQh2eZx92EXs6hIvhhCjOqiOJe65R3XtZa8M07WJW9V3e-aKwa54okmT1Opj7c-fnSRII8FsuTYSzdfuW9GyLUL1w70cuJjxoGsSXdSB2EvoUDG/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/AVvXsEiWFTJR1P-bjhF2Hj0hqr-KsHNMHmiqEwekBos5xJHipooeBqQwwVkhrJ5PAAyb0869X855oLMLOlKI1B8VkWHE9n9oBPK-PyM2Dz8PiLC9LTaNdSsR_zRo-RfKodp7Uv2ocBh502n6zWMM/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