Add smart feedburner subscription widget to blogger 0

| | , ,

This is smart feedburner subscription box for you add now and enjoy with your blog and everyday do blogging with your blog and get more reader for your blog by this widget.














Follow simple and easy step to adding this widget in your blogger blog easily now ---->>>

* First 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 ]]</b:skin> by CTRL+F key easily.

* Copy below code and paste before ]]</b:skin>
/* Side Feed
----------------------------------------------- */
#sidefeed{
background:url(http://4.bp.blogspot.com/_8Frexm8Y9LQ/TETxDel0R3I/AAAAAAAAAlo/WsqaK7q8vjY/s1600/sb-widget-bottombg.png) no-repeat left bottom;
width:204px;
padding:10px 48px 20px;
float:left;
margin-bottom:30px;
}
#sidefeed h2{
background:url(http://3.bp.blogspot.com/_8Frexm8Y9LQ/TE0OSfNG0LI/AAAAAAAAAuc/tTQKrK_3MJo/s1600/icon-sidefeed.png) no-repeat;
padding:26px 0 0 52px;
margin-bottom:0px;
text-shadow:1px 1px 1px #fff;
}
#sidefeed p{
margin-bottom:8px;
}
#emailfeed{
background:url(http://4.bp.blogspot.com/_8Frexm8Y9LQ/TETxDel0R3I/AAAAAAAAAlo/WsqaK7q8vjY/s1600/sb-widget-bottombg.png) no-repeat left bottom;
width:204px;
padding:15px 48px 30px;
float:left;
}
#emailfeed h2{
background:url(http://3.bp.blogspot.com/_8Frexm8Y9LQ/TE-0jaU47TI/AAAAAAAAAxk/2hd2UqQRxRo/s1600/email-icon.gif) no-repeat;
padding:22px 0 0 52px;
margin-bottom:0px;
text-shadow:1px 1px 1px #fff;
}
#emailfeed p{
margin-bottom:8px;
}
.sidefeed-form {
background: url(http://3.bp.blogspot.com/_8Frexm8Y9LQ/TE_Di0zSRvI/AAAAAAAAAxs/z9QVcZALCiY/s1600/bg-sidefeed3.png) no-repeat;;
width:204px;
float: left;
}
.sidefeed-text{
background:transparent;
/*background:#f00;
filter:alpha(opacity=50);opacity:0.5;*/
width:192px;
padding:8px 0 4px 12px;
font: normal 12px Arial;
color:#b2b2b2;;
display:block;
border:none;
}
.sidefeed-submit{
background:transparent;
/*background:#939;
filter:alpha(opacity=80);opacity:0.8;*/
margin:14px 4px 0 0;
width:87px;
height:26px;
border:none;
float:right;
}

* Again go to  Blogger Dashboard .

* Now click in design Tab and you are here---->>> Page element.

* Now click in add new gadget which is in sidebar.

* When open new window select HTML/javascript from list.

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

<div id='sidefeed'><h2>WIDGET TITLE HERE</h2>
<p>Get Updates in inbox:</p>
<p><a href='YOUR FEEDBURNER ADDRESS'><img alt='' height='26' src='http://3.bp.blogspot.com/-dWL1RISMPbE/TZ2pOY9iTKI/AAAAAAAAC2Y/WGs_WfiORfI/s1600/feedicon.gif' style='border:0' width='88'/></a></p>
<p style='margin-bottom:2px;'>SUBSCRIBE RSS:</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='sidefeed-form' method='post' onsubmit='window.open(\'http://feedburner.google.com/fb/a/mailverify?uri=YOUR_FEED_NAME\', \'popupwindow\', \'scrollbars=yes,width=550,height=520\');return true' target='popupwindow'>
<input class='sidefeed-text' name='email' type='text' value='Enter email address here'/>
<input class='sidefeed-submit' type='submit' value=''/>

<input name='uri' type='hidden' value='SplashyTemplates'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
</div>

Note:- Remove  HIGHLIGHTED TEXT in above code with your own as feedburner address and your feedburner email address which you find by edit your feedburner email form ok.

* Now save your blogger template and you are done.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Add smart feedburner subscription widget to blogger ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories