Now add this special yellow color feedburner email subscription box in blogger easily.
* 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>
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;
}
* 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&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:
Post a Comment