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.
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/AVvXsEiHjpft8LJHVTnI7ZU8K4pG9EAHaMoinVAlIS8cSr1CrVP1LxM4WwzVEOExbgSzS6E55VElEGBhV6MgN-HHbaM8JskBfGHVgxLBCBg1heF9wHSM2PlQJVG3xeCQX2kHiNyD7MJ786-BNoc/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/AVvXsEiZF-1lGo_yUN0Rw4MlloV5oC8-wkrZUvRzvkCtoouf3zpv_dzVjbwYPgMT5qfVBUrRnExFHKlpFf3e4JN0xcuil480BNce3bZxAhrIpqMyWLAPoDgEw4Imgob-aNYrfmD9lLxHGrCsZw0/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 .
2 Responses So Far:
thanks for the design bro, helpfully :)
Can you provide some other design?