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&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.