Blogger9:- Add animated social network in blogger sidebar easily. 0

| | , ,

Now add animated social network widget in blogger sidebar easily.







For adding above widget in blogger sidebar follow below step ---->>>>

* First go to your blogger Dashboard.

* Now 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 .

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

#col2 {
float: left;
width: 320px;
}
.subcol {
width: 150px;
}
.subcol h2 {
font-size: 14px;
padding: 0 0 10px;
color: #999999;
}
#subscribe { background:#f3f3f3; width:308px; padding:8px 5px; border:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; 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(http://1.bp.blogspot.com/_ubwIhqPcR6M/TIZY0sbO0OI/AAAAAAAAA9c/1xJF5-MDwhg/s1600/buzz.png) center top no-repeat; }
.subscribe_icons .subscribe_twitter a { background:url(http://1.bp.blogspot.com/_ubwIhqPcR6M/TIZZDKoUuUI/AAAAAAAAA9k/5tMMs9lM198/s1600/twitter1.png) center top no-repeat; }
.subscribe_icons .subscribe_facebook a { background:url(http://4.bp.blogspot.com/_ubwIhqPcR6M/TIZZXPQXpOI/AAAAAAAAA9s/eUtxrhfsQnw/s1600/facebook1.png) center top no-repeat; }
.subscribe_icons .subscribe_rss a { background:url(http://4.bp.blogspot.com/_ubwIhqPcR6M/TIZZpMLXofI/AAAAAAAAA90/38UW2P6muCw/s1600/rss1.png) center top no-repeat; }
.subscribe_icons .subscribe_email a { background:url(http://3.bp.blogspot.com/_ubwIhqPcR6M/TIZZ2uMQeWI/AAAAAAAAA98/Rl3vTdU58gU/s1600/email.png) center top no-repeat; 

* Now save your blogger Template.

* Again go to your blogger Dashboard. and click in design tab and you are here-->> Add new element.

* Click in add Gadget which is in sidebar.

* When open new window click in HTML/Javascript.

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

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

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

* Now save your HTML/javascript and you are done.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Blogger9:- Add animated social network in blogger sidebar easily. ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories