Wednesday 29 August 2012

Plus best dancing style subscription widget in blogger sidebar

Hi friends now add this special dancing style subscription widget in blogger sidebar easily.
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;
} 

* Now click to save your Blogger Template.
* 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.

No comments: