Add best css feedburner subscription widget in blogger blog. ~ Blogger Tips And Tools |Latest Blogger Tricks| SEO Tips

Hi friends now add this best css feedburner subscription box your blogger blog easily now.

PREVIEW:-

Follow simple and easy step to adding this widget in blogger blog 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 easily.

* Copy below code and paste before ]]</b:skin>

.list_section a:link, .list_section a:visited {
text-decoration : none;
}
.list_section li a:hover {
text-decoration : underline;
color : #555555;
} 
.intro-twitter {
background : url(http://lh4.ggpht.com/_TqPdHmAEwTM/SonzwRz1udI/AAAAAAAAFjE/94Kc8yXghU4/tweet.jpg) no-repeat 0% 4px;
}
.intro-feed {
background : url(http://lh4.ggpht.com/_TqPdHmAEwTM/SonzwKomHZI/AAAAAAAAFjA/v5awrhm_p0g/rss.jpg) no-repeat 0% 4px;
} 

.email-input input {
width : 143px;
height : 16px;
padding : 7px;
border : none;
float : left;
font-family : georgia;
color : #74756d;
background : url("http://www.techieblogger.com/wp-content/uploads/2009/09/searchbar.jpg") no-repeat;
} 


.email-go {
width : 43px;
height : 30px;
border : none;
background : url("http://www.techieblogger.com/wp-content/uploads/2009/09/searchbutton.jpg") no-repeat;
} 



#subscribeform .subscribesubmit {
float : left;
border : 0;
margin-left : 5px;
}

* 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 your blogger template sidebar.

* When open new window click in HTML/Javascript from list.

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

<div id="pop2">
<div class="list_section" id="intro" style="margin-bottom: 5px;">
<ul class="intro-ul">
<li class="intro-twitter1"><div style="padding-left:15px;"><a href="YOUR FEEDBURNER URL HERE"><img src="http://www.techieblogger.com/wp-content/uploads/2009/09/email-news.gif" align="center"></a><br>
<span>Subscribe to this <a href="YOUR FEEDBURNER EMAIL URL HERE">RSS</a> feed or use Email</span>

<form style="border: medium none ; padding: 0pt; margin-top: 5px;" action="http://feedburner.google.com/fb/a/mailverify" method="post" 'YOUR FEEDBRNER EMAIL URL HERE', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<div class="email-input"><input value="" name="email" type="text"></div>
<div><input value="GildedSkies" name="uri" type="hidden"></div>
<div><input name="loc" value="en_US" type="hidden"></div>
<div><input class="email-go" value="" type="submit"></div>
</form></div></li>

<li class="intro-twitter"> <span style="padding-left:40px;">         Twitter <a href="YOUR TWITTER URL HERE">Follow</a>  on Twitter</span> </li>

<li class="intro-feed"> <span style="padding-left:40px;">   RSS Feed <a href="YOUR FEEDBURNER EMAIL URL HERE">Subscribe</a> to stay up to date</span></li>

</ul>
 </div>

NOTE:- Remove Highlighted text in above code with your own .

* Now click to save your HTML/javascript and you are done ok.