Saturday, December 13, 2014

Wooden Style 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 Wooden Styled social media widget. This 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

<style>
/* bloggercruzer.blogspot.com*/

a.social-icons {
 margin-right: 5px; 
height:45px;
width:45px;
}

a.social-icons:hover {
 opacity: .7;
 filter:alpha(opacity=70); 
}   height:45px;
width:45px;
</style>

<a class="social-icons" href="https://facebook.com/Nischalcreation"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglpbsBu9qVFs5DEOR37bTd5vsjteTKJniqC-Py1JzE1SQ5A4WlrKV843xZU9abxqtkeTLIHjmT7Q0WmloLTzyUCYdUmIhkdik6O9ftGEhlLNoJUmu5zsJ40vIPC3SKn123mgUGEXFDdwk/s1600/btrix_facebook-icon.png" /></a>
<a class="social-icons" href="https://twitter.com/Nischalcreation"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4ob2hBQlmYiKZtOqldK_jxO36mULW16LQAgQB7ORQhQyY5nAXh14UD5N2ffMX2ECYCxVXX9rO4ZsEKF43ae30-TuSU-iWqyV5mAbE5L7UtgtMHn0EGzrG0RhnI3GrleYuiUSKezA70zE/s1600/btrix_twitter-icon.png" /></a>
<a class="social-icons" href="https://digg.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPbJE9_ERZuE2kv6tHizlzgOUPpyrxO7gw0_mTUsgTtN7f365LxTkmujbHLx6M1_KErQBg_qqEcixq-54CJLZxKVwF8STuKP0e-S1pY6GUD26xJ-fL6z8GMHXNvSLb3GNVwVIK8nDTN8M/s1600/btrix_digg-icon.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/Bloggercruzer"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijM4uO3NMDyoxj3KeSeID2DsQuu9aEsj9LyAMhknUe-UWVPMyeuDxhyphenhyphenqlE1QMpel914QJtl-YpsEKSOcMmTeuH8MUvA2tQF9W9KHdaF1fBcD52fcVYTuLNcs4NKVseC-On3fqL6m2EFxM/s1600/btrix_rss-icon.png" /></a>
<a class="social-icons" href="http://stumbleupon.com/username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7m1lsetddlrPsw3m6u_WL4JsieOjc16KFmqJvd3fR-phZ1Mb_DmIKpj_XAunxwsM_XGUwj3cCVq2LLuaK1o2kwncu2B18F-Ds7_bPZRr0sZMmOx1GWQt2jlnEUFoUuR8Fa5OK6Fq7s9E/s1600/btrix_stumble-icon.png" /></a>
Change https://facebook.com/Nischalcreationwith your Facebook Page Name
Change https://twitter.com/nischalcreation with your Twitter Username
Change https://digg.com/userId with your Digg User Id
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

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 ??
| Wooden Style Social Media Widget For Blogger |
Auto Scroll Stop Scroll