Monday, 3 September 2012

Add Yellow color feedburner subscription box in blogger sidebar.

Now add this special yellow color feedburner email subscription box in blogger easily.

Follow simple and easy step to adding this widget box 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.

* Now find this code
]]</b:skin> by CTRL+F key.
* Now copy below code and paste before
]]</b:skin>
#subscribe {
background : #efd279;
width : 288px;
margin : 0 0 5px 0;
padding : 8px 5px;
border : 1px solid #e6e6e6;
border-bottom : 1px solid #e6e6e6;
font-size : 90%;
}
.subscribe_icons {
width : 286px;
margin : 0 auto;
}
.subscribe_icons li {
display : inline;
float : left;
margin : 0 2px 5px 2px;
width : 52px;
text-align : center;
font-size : 11px;
}
.subscribe_icons a {
display : block;
padding : 40px 0 2px;
color : #444 !important ;
}
.subscribe_icons a:hover {
color : #000099 !important ;
text-decoration : none;
}
.subscribe_icons .subscribe_buzz a {
background : url(http://santabanta.mywapblog.com/files/icon-buzz1.png) no-repeat center top;
}
.subscribe_icons .subscribe_twitter a {
background : url(http://santabanta.mywapblog.com/files/icon-twitter1.png) no-repeat center top;
}
.subscribe_icons .subscribe_facebook a {
background : url(http://santabanta.mywapblog.com/files/icon-facebook1.png) no-repeat center top;
}
.subscribe_icons .subscribe_rss a {
background : url(http://santabanta.mywapblog.com/files/icon-rss1.png) no-repeat center top;
}
.subscribe_icons .subscribe_email a {
background : url(http://santabanta.mywapblog.com/files/icon-email1.png) no-repeat center top;
} 
* 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 choose HTML/javascript from list.

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

<div id="subscribe">
  <ul class="subscribe_icons">
  <form style="padding:3px;text-align:center; " action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('YOUR FEEDBURNER EMAIL URL HERE', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p><strong><font color="black" >Sign up for our Daily Email Newsletter.</font></strong></p>



<p><input type="text" style="width:155px" name="email"> <input type="submit" value="Sign Up"></p><input type="hidden" value="YOUR BLOG TITLE HERE" name="uri"><input type="hidden" name="loc" value="en_US">

<br>

</form>
  </ul>
  <ul class="subscribe_icons">
   <li class="subscribe_email"><a href="YOUR FEEDBURNER EMAIL URL HERE&amp;loc=en_US" rel="nofollow" target="_blank">Email</a></li>
   <li class="subscribe_rss"><a href="YOUR FEEDBURNER URL HERE" rel="nofollow" target="_blank">RSS</a></li>
   <li class="subscribe_twitter"><a href="YOUR TWITTER URL HERE" rel="nofollow" target="_blank">Twitter</a></li>

   <li class="subscribe_facebook"><a href="YOUR FACEBOOK URL HERE" rel="nofollow" target="_blank">Facebook</a></li>
<li class="subscribe_buzz"><a href="YOUR GOOGLE PROFILE URL HERE" rel="nofollow" target="_blank">Buzz</a></li>
  </ul> <!--end .subscribe_icons-->

NOTE:- Remove Highlighted text in above code with your own ok....
* Now click to save your HTML/javascript and now you are done.

No comments: