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>
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHcbSJTgMveeb7VHZ-kvSerRWQtSGOeNhwEkcLFzAHGtz9eQitgjiFnE-H9gHetUjmdmyo2QMIYpG0A54TPtwu74NReKsxGT2WmWYQ2v65X0juj96NBr1W5OVooazVS0EHx5Ei-q0Mp3Q/s1600/buzz.png) center top no-repeat; }
.subscribe_icons .subscribe_twitter a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu4_HVd0-d8LkWOqq0WeoIhyMbp-FB2QhkOF7XyS-8YcffjY7gToRxqfHAWEW_YFnQbE2so4RkeGAzzXkSEvVxZ4OgmZ_5GMYmU14q_wCRsqQ6Wo7k-IijTnf6r8ugsZo37zt_4q_hhgI/s1600/twitter1.png) center top no-repeat; }
.subscribe_icons .subscribe_facebook a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaOyapulQy9_7CwRk-FdAON-rGZtSDtztrHwL73OeYgJqnsr8GCr1KpWC7XXEyQUPt1I88OOfn7Uyls1CH9su5kaQjXhyB36-xGZHYAvENbDY7sBNyV3zE0EQgzDV4DaRaRuv9NbJa2Dw/s1600/facebook1.png) center top no-repeat; }
.subscribe_icons .subscribe_rss a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipgIIFIhe6lzPV7LOMAEyzf4F51HRWw8NJa8438riBySvHLRLoKgoD8SFUfrzioxLTaQusw3ieQJ5Roaw1ZPtSwPrJ8QmmMUpXblJqDChj-ipaTcFRxaio3b_TubJjixWWoHFI9N9Gm6E/s1600/rss1.png) center top no-repeat; }
.subscribe_icons .subscribe_email a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3qMK6ceCYUS1L6xKinWnMDOhfW3qMwKkm-aoaACPcNTxkPPfW0LTqBxXVEFBf6F3ehSJL4Kzl6epSoyOrvaFkgcwJP_fX1iAlyOM7-xcwcgPtXSYrwGMUoi6dD4Ms2oIXJG4TKMcx7j8/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.
|
0 Responses So Far: