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>
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.
0 Responses So Far: