Blogger9:- Add attractive feedburner subscription widget in your blogger blog. 2

| | , , ,

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/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 .

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Blogger9:- Add attractive feedburner subscription widget in your blogger blog. ~ Twitter FaceBook

2 Responses So Far:

Sherlogic said...

thanks for the design bro, helpfully :)

Toufiq said...

Can you provide some other design?

Categories

Select Your Categories