Problogger Clone Electronic Mail Subscription Widget

March 25, 2013

Good day! today I volition part a novel e-mail subscription widget that includes feedburner chicklet, facebook too a twitter push clitoris placed inward it. It is a widget similar used inward ProBlogger. The subscription shape used inward ProBlogger is aweber, then nosotros alter that to feedburner which by too large blogspot users use. If you lot desire to role this e-mail subscription widget, kindly follow the steps below.

today I volition part a novel e-mail subscription widget that includes feedburner chicklet ProBlogger Clone Email Subscription Widget
[preview of the widget]













Adding ProBlogger Clone Email Subscription Widget

1. Go to your blogger dashboard > Layout > Add gadget

2. Select > HTML > Javascript

3. Paste below code too click save

<style>
#bgemailsub .subcount{margin:3px 0 0 0;float:right;}
#bgemailsub h5{color:#FFFFFF;font-size:16px;font-weight:bold;margin:0 0 5px 0;text-decoration:none;text-shadow:#2F4249 1px 1px;text-transform:none;line-height:20px;} #bgemailsub img{margin:0 5px 5px 0;}
#bgemailsub #text-8 img{margin:3px 5px 2px 5px;}#bgemailsub #text-10 img{margin:5px 5px 10px 0;} #bgemailsub .textwidget p{margin:0;padding:0;}
#bgemailsub .subscribe{background:#74868C;width:240px;height:190px;margin:10px 0 0 0;padding:10px 15px 10px 15px; z-index:99;}
#bgemailsub .subscribe-line{margin:0;padding:10px 0 10px 0;text-align:center;clear:both;}#bgemailsub .text_input, #bgemailsub .subscribe input.email{background:#FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Q0yiXn0VabM05mWuHRUitEkdQQ0kzcWOY-d0y4wG0SW3J5edfuRtHnx_ntA3jxxodt-56xRtZYpuGo00ZDeAdmk8pA8XbiSJUtY7g4yPMnE6ji-kj3E5Gi8sqqlVhH11cY1UQtAQ8zAi/s1600/subscribe-icon.png) left no-repeat;width:208px;color:#333333;font-family:Arial,Tahoma,Verdana;font-size:13px;padding:5px 0 4px 30px;margin:5px 5px 10px 0;border:1px company #C5CFD5;}

</style>


<div id="bgemailsub" class="bgemailsub widget-area">
<div id="text-9" class="widget widget_text"><div class="widget-wrap"> <div class="textwidget"><div class="subscribe">
<h5>Subscribe to the Newsletter:</h5>
<form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=FromHobby2money', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input class="text_input" type="text" value="Enter your e-mail address …" id="subbox" onfocus="if ( this.value == 'Enter your e-mail address …') { this.value = ''; }" onblur="if ( this.value == '' ) { this.value = 'Enter your e-mail address …'; }" name="email" />
<input type="hidden" name="uri" value="FromHobby2money" />
<input type="hidden" name="loc" value="en_US" />
<input id="zoosbmt" type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihcT_RbBvL614iecHK37HAT4CXmm_3lRKtgNiPneg7WyX3la6Jgcb1paO3LX8M5srBloFvkDJTFyQszy9ZHGu7WGFLl0EhQ3TmKz68buVR9yuNfvHtcoThQVO29z6jJQaxIJVTkP4kjAOn/s1600/subscribe-button.png" alt=" today I volition part a novel e-mail subscription widget that includes feedburner chicklet ProBlogger Clone Email Subscription Widget" class="subbutton"/>

<a href="http://feeds.feedburner.com/FromHobby2money"><img src="http://feeds.feedburner.com/ fc/FromHobby2money?bg=333333&amp;fg=FFFFFF&amp;anim=1" height="26" width="88" style="border:0" alt=" today I volition part a novel e-mail subscription widget that includes feedburner chicklet ProBlogger Clone Email Subscription Widget" class="subcount"/></a>
</form>
<div class="subscribe-line">
<a href="http://feeds.feedburner.com/FromHobby2money"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEVShIE3TCdVQsB6vXGWKWueHNGR_2CxjAV0ut_GQK1qloH2VKCEEVjeWjjDHTU-I9jWynOTvQb_dx0TVbNPZXns90i_oB4NgUa5GLLDHvHHm39KxO3lqebr3kLsckX4IqYFvVnCrMGERS/s1600/subscribe-rss.png" alt=" today I volition part a novel e-mail subscription widget that includes feedburner chicklet ProBlogger Clone Email Subscription Widget"/></a><a href="http://www.facebook.com/FromHobby2Money"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin2aKWy_15nJqIq4c71qky9gNvbiaBgrULEsGOZKBkfe9a8A-8hUjqfXPy3FPmbni2cTNFDTu8pHYQqj_evLgCiFnTqVZgiBrtKsFIt8w7N7Gc6malXnZlCJdkd8vnZcUAHQ4C_E1VFJYj/s1600/subscribe-facebook.png" alt=" today I volition part a novel e-mail subscription widget that includes feedburner chicklet ProBlogger Clone Email Subscription Widget"/></a><a href="http://www.twitter.com/dadhust"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAWeXo19-A7pRT4Ql_Qq-YzXHYV1SUIN0qg56osCunMopHM7L7M99jpMnAfmOrlTIHIn1T2KJT9Z020XG6Oct86b-DgUXM9ssMYa_SrpAjgB2XCjltxPiL-diWyDrLpqvhTEEVuESDtcKC/s1600/subscribe-twitter.png" alt=" today I volition part a novel e-mail subscription widget that includes feedburner chicklet ProBlogger Clone Email Subscription Widget"/></a>
<p align="center">Join Over <strong>2000</strong> Readers</p>
</div>
</div></div>
</div></div></div>

Customize

  • Replace 2000 with your full subscriber count.
  • Replace FromHobby2money with your feedburner ID.
  • Replace dadhust with your twitter username.
  • Replace FromHobby2Money with your facebook fan page username
  • Change 74868C if you lot desire to alter the background. You tin laissez passer on notice role my color code generator to gain upwards one's postulate heed which color you lot want. Click HERE. 
You are done! Just pose the  widget on your sidebar to become far expect beautiful. 

Do you lot liked it?

Kindly share