Monday 3 September 2012

Add attractive feedburner subscription widget in your blog.

Now add best designing and attractive feedburner widget box in your blogger blog sidebar easily.
Follow simple and easy step to adding this feed box in your blogger blog ---->>>> * First go to your blogger Dashboard.
* Now click in design tab and you are here--->>>Page element

* Click in add Gadget which is in your blogger 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='widget-content'>
<div style="border:3px solid #E7E7E7; padding: 5mm;"><div style="text-align: justify;font-size:13px; font-family: sans-serif; font-weight: bold; color: #666;">Remain updated with unique & latest Blogger Resources by subscribing to our <a href="YOUR BLOG  URL HERE/feeds/posts/default" target="_blank">Regular Feed Updates</a>   <a href="YOUR FEED URL HERE"><img width="88" style="border:0" alt="" src="YOUR FEED COUNT IMAGE SOURCE HERE/></a></div> 

<br/>

<center><a href="YOUR BLOG URL HERE/feeds/posts/default" target="_blank"><img border="0" width="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwCdmsyBw1WewipfCB0LBlgs4YewzHvCH2Vf4QwBGKMtoFLkFQJw-Xn1ZLU_LVkCShB0ZkmVftaflbvlz535SLHyRkb4Bv_PVcKCKSmQEOFXF2bUxtDeVj8xYhAowSHrsUdTFpmk717F8/s800/rss-128.png" height="100" title="Receive Free updates by clicking here!"/></a></center>
</div>

<span style="font-weight: bold; color: #666;"><center>OR</center>
<div style="border:3px solid #E7E7E7; padding: 5mm;">
<style type="text/css">
input.mbt { 
color:#FF8E1F; 
font:bold 100% sans-serif, verdana, arial; 
background-color:#fff; 
border:2px solid #C9C8C8; 
height:31px; 
padding:2px;

} 
input.mbthov { 
color:#56ABFF; 
font:bold 100% sans-serif, verdana, arial; 
border:2px solid; 
} 
</style>
<center><img border="0" width="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzYaksmKGDTZ_Xcz6hj36RsxMNMJo59wbNv-B9-HOFdmnUaurrNY3q1fnmvf9fN55mLKZFSfa1x2Ja4pMCM-H8tr5DIrpjTY-C-miw1U25vIVnOyTivBQBT137VJwNp3YacOGfVmLGSck/s800/contact-128.png" height="100"/></center>
<div style="text-align: justify; font-size:13px; font-family: sans-serif; font-weight: bold; color: #666;">Subscribe by E-mail and receive free Download Copies of some Coolest Blogger Resources straight to your inbox!</div>


<form action="http://feedburner.google.com/fb/a/mailverify" style="padding: 5px; " target="popupwindow" method="post" onsubmit="window.open('http://feedburner.googlejavascript:void(0).com/fb/a/mailverify?uri=YOUR FEED URL LAST WORD', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style="width: 150px;" class="mbt11" name="email" type="text"/><input value="YOUR BLOG NAME" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/>  <input onmouseover="this.className='mbt mbthov'" onmouseout="this.className='mbt'" class="mbt" value="Submit Email" type="submit"/></form></div></span>
</div>
NOTE:-  Change Highlighted text in above code
* Now click to save your HTML/javascript and you are done .

No comments: