Social Network Sidebar Gadget For Blogger

Social Bookmark site helps to get more traffic to your blog.There fore we need some more followers for our social profile. By using this gadget you can link your profile with this gadget. Your users can follow you from your site. It include Facebook fan,Twitter followers, and Rss subscribers. you can do with easy steps. Follow these steps to add it your blog.

1. Log in to blogger account and Go to Design >> Edit HTML

2. Find this tag by using Ctrl+F    ]]></b:skin>

3. Paste below code Before ]]></b:skin> tag

#col2 {

float: left;

width: 320px;

}

.subcol {

width: 150px;

}

.subcol h2 {

font-size: 14px;

padding: 0 0 10px;

color: #999999;

}

#subscribe { background:#none; width:308px;  font-size:8px; }

.subscribe_icons { width:286px; margin:0px auto; }

.subscribe_icons li { display:inline; float:left; margin:0px 2px 5px 2px; width:52px; text-align:center; font-size:11px; }

.subscribe_icons a { display:block; padding:40px 0px 2px; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; color:#444 !important; }

.subscribe_icons a:hover { color:#26b !important; text-decoration:none; -moz-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); -webkit-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); }

.subscribe_icons .subscribe_buzz a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3LUMpv1o-_uHPyshWmWVY1enQDv6V1pHqWyuYbq0yDrGCBPBpcjHkVAsp7M8Q-xgO_cbbtLPYvSfAUAX5mdwcmcQtjdhjK84GC8q-BX8VP3DzwMwKbwop5jMsLg-qfT9A6JeIv8zfoyo/s1600/buzz.png) center top no-repeat; }

.subscribe_icons .subscribe_twitter a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-zSu0XJBW90SgtH6U3mEQq3-DeNKUaPUCT7QHXNNqJTU-BIEs8v3eOUww68hAd8_wd3cdp1gTV7ch_1M9bf9Rk77QUHPSIpFXHR313EQVyT23Ntb49YCq3b-qRDDrDoK3XURieY7uYLU/s1600/twitter1.png) center top no-repeat; }

.subscribe_icons .subscribe_facebook a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg2M-6Ec0GuKLWrF9FtamLEn7-Ky7M7lXQzBYLg89ubJecIUIXIDutmqUOvVctxCn8TIaZ5zRqM5fWypJP99i50LQDWHqTjSVdDgtpN9PdtDoVxEG5aIlMy7N2YUHvtsPWuHuZwrDUCnY/s1600/facebook1.png) center top no-repeat; }

.subscribe_icons .subscribe_rss a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOWGad5bdD2YZvgqrvSrLFF0qm0Ln-GemTLjOBPqWyi8WwXp0Clu7Den7A0sJkOmwDdEtTqEHLgDHzA8SqnFhy9zPKUgrgQIWssazDBTMmtsT-E251gCjlD8dPeTW5BxVoI1jP6ZcwcGM/s1600/rss1.png) center top no-repeat; }

.subscribe_icons .subscribe_email a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF81cIYdOQ0Y-HOc8seCFlQIgA66roheGQbNtRIbn8l32qp_7J0HJ4xp7-QBZRbKWgOWTNIUh1wbelYvoctvJfUKM8wnOHYjb7mgHI3L6PD5bAYzhc46Gvs3dBaWptqfPg6cF6ReRy2bc/s1600/email.png) center top no-repeat; 

4. Now Go to Design >> Page Element

5. Click Add Gadget and select 'HTML/Javascript'

6. Paste  below code.

<!-- www.bloggertrix.com -->

<div id='col2'>

<div id='subscribe'>

<ul class='subscribe_icons'>

<li class='subscribe_buzz'><a href='ADD HERE YOUR GOOGLE PROFILE URL' rel='nofollow' target='_blank'>Buzz</a></li>

<li class='subscribe_twitter'><a href='ADD HERE YOUR TWITTER URL' rel='nofollow' target='_blank'>Twitter</a></li>

<li class='subscribe_facebook'><a href='ADD HERE YOUR FACEBOOK URL' rel='nofollow' target='_blank'>Facebook</a></li>



<li class='subscribe_rss'><a href='ADD HERE YOUR FEEDBURNER URL' rel='nofollow' target='_blank'>RSS</a></li>

<li class='subscribe_email'><a href='ADD HERE YOUR FEEDBURNER EMAIL URL' rel='nofollow' target='_blank'>Email</a></li>

</ul>

<!-- End -->

Replace highlighted word with your URLs

7. Now save 'HTML/Javascript'
 you are done.