Saturday, December 13, 2014

Peeling Sticker Styled Social Media Widget For Blogger

;
We have seen different social media widgets in most of the blogs. A blog without social media is an incomplete blog. For making a blog complete and more advanced, social media is highly required. So, in this post, we will be discussing on adding social media widget for blogger. We will be adding Peeling sticker styled social media widget for blogger. It looks much attractive.
For Live Demo, you can click below Link:
LIVE DEMO
Or you can watch the picture on the right side.
Now Let's Add This. Follow My Steps To Add This:

  • Go To Blogger Dashboard
  • Click On Layout
  • Click On Add A Gadget
  • Select HTML/JAVASCRIPT
  • Copy and paste the given codes there
<!-- bloggercruzer.blogspot.com !-->
<style>
p#socialicons img {    -moz-transition: all 0.2s ease-in-out;    -webkit-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;} 
p#socialicons img:hover {    -moz-transform: rotate(70deg);    -webkit-transform: rotate(70deg);    -o-transform: rotate(70deg);    -ms-transform: rotate(70deg);    transform: rotate(70deg);}
p#socialicons1 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;}
p#socialicons1 img:hover {    -moz-transform: rotate(360deg);    -webkit-transform: rotate(360deg);    -o-transform: rotate(360deg);    -ms-transform: rotate(360deg);    transform: rotate(360deg);} 
p#socialicons2 img {    -moz-transition: all 0.5s ease-in-out;    -webkit-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;    transition: all 0.5s ease-in-out;} 
p#socialicons2 img:hover {    -moz-transform: rotate(-360deg);    -webkit-transform: rotate(-360deg);    -o-transform: rotate(-360deg);    -ms-transform: rotate(-360deg);    transform: rotate(-360deg);}</style>

<center><p id="socialicons">    
<a href="http://www.facebook.com/Nischalcreation" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheFAj_ah9MrP15pX1O6qhj_AoH3YiTWMHeAU1svf07vwaFpl30gbDrNt1bypAKnz26n3wfermBebAtKF3Fx0xpjh27Qib8WqSxFpL76MbNx-OtV4z1A1GHzO7PN0hRr-MYzTvDheVXsK3T/s1600/bloggertrix-facebook.png" /></a>    
<a href="http://www.twitter.com/Nischalcreation" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidWmYfZJ82JT8iiDB0J6EWXgzDSK0IWIohptuQrPUSo5jFfMtdNzy4yqvcccrNsCPrrZyC8J-i8GPIj8fRO3WucAiq14naZcySwYqWca_C7_9Xhb_Ws7J_9btxGKu0PwbqzVRGkuPjCANC/s1600/bloggertrix-twitter.png" /></a>    
<a href="https://www.stumbleupon.com/Username" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNu1fEdl1OG4ioskZN0Q3qtuLZXR7_EFV7NApCIvB4vLtP7XvHmn3wOeJ-C-tVqzD3aLsC_E3HYx8NkrPTgn-L5lgfxKj9SKUJhHLGw6SPzbgNoSAy3qsKnUhP9IfOQa6pH7g-E4fpub65/s1600/bloggertrix-stumbleupon.png" /></a>    
<a href="http://feeds.feedburner.com/Bloggercruzer/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqzS7yuDpBm-B8kQw1XL8DVZ-RM4z9tSbTkACSi8k164gsqRb5JV5rm1puYwu16PkJsMsQn0pv36uVqal0b9Ck3Qqb0myncrjuv9VyAXZNfFJ6RElL_Al8dSLCKgaqpLVhr92YOh_JEJTR/s1600/bloggertrix-rss.png" /></a></p></center>
Change https://facebook.com/Nischalcreationwith your Facebook Page Name
Change https://twitter.com/nischalcreation with your Twitter Username
Change http://stumbleupon.com/username with your Stumbleupon Username
  • Save The Gadget
  • Save The Template
  • Check Your Blog

All Done. If you have any problems regarding this, Comment and I Shall be Helping You. Happy Blogging!!!

0 comments:

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.

Post a Comment

Blogger Cruzer

Blogger Cruzer

Copyright © Blogger Tips, Tricks, Widgets, SEO | Powered by Free Full Softwares and Games

Design by Nischal Khanal Blogger Cruzer

Don't You Think this Awesome Post should be shared ??
| Peeling Sticker Styled Social Media Widget For Blogger |
Auto Scroll Stop Scroll