How to Add social gadget in blogger Sidebar easily. 0

| | , ,


Hi friends now add best animated style social bookmarking widget in blogger sidebar easily.











Follow simple and easy step to adding this social widget in your blogger blog---->>>>

* First go to your blogger Dashboard.

* Click in design tab and edit HTML.

* Click in small box to expand your blogger template.

* Now find this code ]]</b:skin> by CTRL+F key easily.

* Copy below code and paste before ]]</b:skin>

#social-box {
overflow:hidden;
}
#social-box ul li {
display:block;
background:#EBF4FB;
border:#b6daf6 1px solid;
padding:10px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-bottom:10px;
}
#social-box ul li:hover {
border:#276dc1 1px solid;
background:#d3e6f5;
}
.soc-icons-bar {
list-style:none;
margin:0px 0 0px;
padding:0
}
.soc-icons-bar a {
font:18px Arial, Helvetica;
padding:4px 28px 16px 43px;
background:none;
text-decoration:none;
font-weight:bold;
text-shadow:1px 1px #fff;
}
.soc-icons-bar a:hover {
color:#276dc1;
}
.soc-icons-bar li{
display:block;
padding:5px 10px 5px 0;
height:25px;
background:none;
}
.soc-icons-bar li.tw a{background: url(http://4.bp.blogspot.com/-ASykdggJLF0/TXVqfONMDsI/AAAAAAAAET8/pqEyxcfG1Yc/twitter_32.png) no-repeat scroll 0 0}
.soc-icons-bar li.fb a{background: url(http://1.bp.blogspot.com/-1SHrcXai4U8/TXVqXLy5_iI/AAAAAAAAETc/oxSLPBnPQvc/facebook_32.png) no-repeat scroll 0 0}
.soc-icons-bar li.rss a{background: url(http://2.bp.blogspot.com/-pU9va9j6CRM/TXVqXVqF78I/AAAAAAAAETk/Om3018umd6c/rss_32.png) no-repeat scroll 0 0}
.soc-icons-bar li.email a{background: url(http://1.bp.blogspot.com/-PZs2wKjVkYo/TXVqXNIlQkI/AAAAAAAAETU/H20hbb9BsDw/email_32.png) no-repeat scroll 0 0}
#sidebar-banners img {
margin-bottom:5px;
}

* Now save your blogger template .

* Again go to your blogger dashboard.

* Click in design tab and  you are here--->>> Page element.

* Click in add Gadget which is in sidebar and when open new window click in HTML/javascript from list.

* And when open new blank box copy below code and paste in blank box.

<!-- Subscribe Options -->
<div id='social-box'>
<ul class='soc-icons-bar clearfix'>
<li class='rss'><a href='YOUR FEEDBURNER URL HERE'>Subscribe via RSS</a></li>
<li class='tw'><a href='YOUR TWITTER URL HERE' title='Spread the word on Twitter!'>Follow us on Twitter</a></li>
<li class='email'><a href='YOUR FEEDBURNER EMAIL URL HERE'>Subscribe via Email</a></li>
</ul>
</div>

<!-- End of #social-box -->

NOTE:- Change Highlighted text in above code with your own ok.

* Now click to save your HTML/Javascript and now  you are done.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: How to Add social gadget in blogger Sidebar easily. ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories