Add best Yellow color feedburner subscription box in blogger sidebar. 1

| | , , , , , , , ,

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

PREVIEW:-










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.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Add best Yellow color feedburner subscription box in blogger sidebar. ~ Twitter FaceBook

1 Responses So Far:

Shashank said...

Can you tell how to add this to Wordpress?

Categories

Select Your Categories