Monday, 3 September 2012

Add best css feedburner subscription widget in blog.

Hi friends now add this best css feedburner subscription box your blogger blog easily now.
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.

No comments: