Hi friends now add this best css feedburner subscription box your blogger blog easily now.
* 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>
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;
}
* 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>
* Now click to save your HTML/javascript and you are done ok.
No comments:
Post a Comment