How to Add Stylish Feed burner Box to Blogger Blog


 How to Add Stylish Feed burner Box to Blogger Blog

 How to Add Stylish Feed burner Box to Blogger Blog

Follow simple and easy step to adding this feed box to blogger ---->>>>

* First Log in your blogger blog & 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 </head> by CTRL+F key.

* Copy below code and paste before </head>


<style type="text/css">

.newsletter-outer  {

border : 1px solid #cecece;

padding : 3px;

margin-bottom : 10px;

}

.newsletter {

background : url(http://santabanta.mywapblog.com/files/newsletter-bg.gif) no-repeat center top;

height : 68px;

padding-top : 17px;

padding-left : 75px;

color : #fff;

}

#sidebar .newsletter a, #sidebar .newsletter a:visited {

color : #fff;

}

.newsletter form {

font-size : 14px;

}

.newsletter #subscribe_email {

vertical-align : top;

margin-right : 5px;

padding : 3px;

background : none;

width : 190px;

} 

</style>

* 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 blog sidebar.

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

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

<div class="newsletter-outer">

<div class="newsletter">

<form action="ENTER HERE YOUR FEEDBURNER EMAIL URL" method="post" name="newsletter" id="newsletter">Enter your email address:

<div><input type="text" name="subscribe_email" id="subscribe_email" /><input type="image" src="http://santabanta.mywapblog.com/files/go.gif" name="submit" id="sumbit" /></div>



</form>

<a href="ENTER HERE YOUR FEED URL/">Subscribe to RSS Feeds</a>

</div>
NOTE:- Remove Highlighted text from above code with your own.

* Now click to save your HTML/javascript and now you are done,

No comments:

Post a Comment

 
 
Blogger Templates