Now add best designing and attractive feedburner widget box in your blogger blog sidebar easily.
* 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.
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>
* Now click to save your HTML/javascript and you are done .
No comments:
Post a Comment