Hi friends now add this special dancing style subscription widget in blogger sidebar easily.
* First go to your blogger dashboard.
* Now click in design tab and edit HTML.
* Click in small box to expand your blogger Template.
* Again find this code ]]</b:skin> by CTRL+F key.
* Copy below code and paste before ]]</b:skin>
Follow simple and easy step to adding this special widget in blogger ---->>>>
* First go to your blogger dashboard.
* Now click in design tab and edit HTML.
* Click in small box to expand your blogger Template.
* Again find this code ]]</b:skin> by CTRL+F key.
* Copy below code and paste before ]]</b:skin>
#social .inside {
border : 2px solid #4783b0;
}
#social ul {
border : none;
margin : 10px 0 10px -25px;
}
#social li {
padding : 10px 10px;
border-bottom : none;
border-top : none;
background : none;
}
#social li:hover {
padding-left : 20px;
background-repeat : no-repeat;
}
#social li img {
float : left;
margin : 0 10px 0 0;
}
#social li a {
padding : 0;
line-height : 14px;
}
#social li a .site {
display : block;
line-height : 15px;
padding : 3px 0 0 0;
font-size : 16px;
font-weight : bold;
text-transform : uppercase;
color : #111;
}
#social li a .url {
display : block;
line-height : 15px;
font-size : 12px;
color : #193b51;
font-weight : bold;
}
* Again go to your blogger Dashboard and click in design tab.
* Now you are here--->>> Page element.
* Click in add Gadget which is in sidebar.
* When open new window click in HTML/javascript from list.
* When open new blank box copy below code and paste in blank box ok.
<div class="textwidget">
<ul id="social">
<li id="social-rss">
<img src="http://santabanta.mywapblog.com/files/email-rss.png" alt="EMAIL">
<a href="YOUR FEEDBURNER EMAIL URL HERE" title="EMAIL" target='_blank'>
<span class="site">Subscribe Via EMAIL</span>
<span class="url"></span>
</a>
</li>
<li id="social-rss">
<img src="http://santabanta.mywapblog.com/files/rss-32.png" alt="RSS">
<a href="YOUR FEEDBURNER URL HERE" title="rss" target='_blank'>
<span class="site">Subscribe Via<br/> RSS Feed</span>
<span class="url"></span>
</a>
</li>
<li id="social-twitter">
<img src="http://santabanta.mywapblog.com/files/twitter-32.png" alt="twitter">
<a href="YOUR TWITTER URL HERE" title="twitter" target='_blank'>
<span class="site">Follow us on Twitter</span>
<span class="url"></span>
</a>
</li>
<li style="border-bottom: 0px none;" id="social-facebook">
<img src="http://santabanta.mywapblog.com/files/facebook-32.png" alt="Facebook">
<a href="YOUR FACEBOOK URL HERE" title="facebook" target='_blank'>
<span class="site">Find me in Facebook</span>
<span class="url"></span>
</a>
</li>
</ul>
</div>
Note:-Change Highlighted text in above code with your own ok.
* Now click to save your HTML/javascript and you are done.
* Now click to save your HTML/javascript and you are done.
No comments:
Post a Comment