Breaking News

Attractive Feedburner Email Subscription box for blogger

Email Subsciption Box

<!-- Email subsciption box -->
<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=Your-FeedBurner-Feed ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><b>Like This Blog's Posts?</b> Get the Latest of It Directly from your Inbox for Free - Enjoy your Day!<br />
<div style="text-align:center">
<input type="text" value="Enter your email address..." id="subbox" onfocus="if (this.value == &#39;Enter your email address...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address...&#39;;}" name="email" style="width:250px;" />
<input type="hidden" value="Your-FeedBurner-Feed " name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input type="submit" value="OK" id="subbutton" />
</div></form>

<div>
<center>
<table>
<tr> <td>
<a href="http://feeds.feedburner.com/Your-FeedBurner-Feed "><img src="http://feeds.feedburner.com/~fc/Your-FeedBurner-Feed ?bg=99CCFF&amp;fg=111111&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a>
</td><td>
<script type="text/javascript" language="JavaScript" src="http://twittercounter.com/embed/Your-Twitter-User-Name/111111/99CCFF"></script>
</td></tr>
</table></center>
</div>

<div style="padding-left:10px;">
<table>
<tr><td><a href="http://feeds.feedburner.com/Your-FeedBurner-Feed " target="_blank" title="Subscribe To The Latest Posts"><img style="float:left; margin-right:5px; width:20px; height:20px;" src="http://img243.imageshack.us/img243/2619/10rssicon.png" /></a><a href="http://feeds.feedburner.com/Your-FeedBurner-Feed " target="_blank" title="Subscribe To The Latest Posts">Subscribe to The RSS Feed</a>
</td></tr>
<tr><td>
<a href="Your-Facebook-Page-Url" target="_blank" title="Facebook time"><img style="float:left; margin-right:5px; width:20px; height:20px;" src="http://img163.imageshack.us/img163/8637/10facebookicon.png" /></a>
<a href="Your-Facebook-Page-Url" target="_blank" title="Facebook time">Connect via Facebook</a>
</td></tr>
<tr><td>
<a href="http://twitter.com/Your-Twitter-User-Name" target="_blank" title="Twitter time"><img style="float:left; margin-right:5px; width:20px; height:20px;" src="http://img189.imageshack.us/img189/6853/10twittericon.png" /></a><a href="http://twitter.com/Your-Twitter-User-Name" target="_blank" title="Twitter time">Follow Us on Twitter</a>
</td></tr>
</table></div>

Add  feedburner email subscription box in blogger blog.

Hi friends now add this wall effect feedburner subscription box in your blogger blog with great Social network.














Follow simple step to adding this box in your blog ---->>>>>

* First go to your blogger Dashboard.

* Now click in Design tab and you are here--->>> Add new element.

* Now click in Add Gadget which is in your sidebar.

* When open new window click in HTML/javascript .

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


<h2>Dont Miss Another Post Connect With Us !</h2>

<center>
<form action='ADD HERE YOUR FEEDBURNER EMAIL URL' id='subscribe' method='post' onsubmit='window.open('ADD HERE YOUR FEEDBURNER EMAIL URL', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><p> 
</p><b>Get The Latest Full Posts By Email - It's Free</b><br/><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'enter your email address';}' onfocus='if (this.value == 'enter your email address') {this.value = '';}' style='width:230px;' 
type='text' value='enter your email address'/> 
<input name='uri' type='hidden' value='blogger toolz'/> 
<input name='loc' type='hidden' value='en_us'/> 

<input id='subbutton' type='submit' value='go'/>



<p><a href='YOUR FEEDBURNER URL'><img alt='' height='26' src='ADD HERE YOUR CHICKLET BUTTON SOURCE URL'/></a></p>
<ul>
<a href='YOUR FEEDBURNER URL' target='_blank'><img alt='feedburner' height='70' src='http://santabanta.mywapblog.com/files/rss1.png' style='background:transparent;border:none;' title='subscribe to rss feed' width='70'/></a>
<a href='YOUR FACEBOOK URL' target='_blank'><img alt='facebook' height='70' src='http://santabanta.mywapblog.com/files/fb1.png' style='background:transparent;border:none;' title='find us on facebook' width='70'/></a>
<a href='YOUR TWITTER URL' target='_blank'><img alt='twitter' height='70' src='http://santabanta.mywapblog.com/files/twitter1.png' style='background:transparent;border:none;' title='follow me on twitter' width='70'/></a>
</ul>
<br/>
<div style='background: transparent url(http://4.bp.blogspot.com/_4hkuhiry_2u/tgkypieu5ai/aaaaaaaaboc/_zpvocmyhmq/post+line-1.png) no-repeat scroll center top; height: 2px; overflow: auto;'>
</div>
<div class='post-footer'>
<div class='postbox' style='padding-left:15px;color:#1b5983;background:transparent url() repeat scroll left top;line-height:20px;'>
</div>
<div style='clear: both;'></div></div></form></center>

NOTE:- Change Highlighted text in above code with your own if you have any problem comment so i will solve ok. Dont forget to leave comments

Add feed special feedburner widget box in your blogger blog.

Hi this is very effective and special feedburner email subscription box for your blogger blog add this now.










Follow simple and easy step to adding this widget box in your blogger Sidebar now--->>>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Now click in small box to expand your blogger template.

* Find this code ]]</b:skin> by CTRL+F key easily.

* Copy below code and paste before ]]</b:skin>

.subsboxfull{width:230px;padding-top:20px;padding-right:20px;padding-bottom:30px;padding-left:10px;color:#333;height:100px;border:1px solid #353434;background:transparent url() top center no-repeat;margin-bottom:0}
.rss-boxicon{background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/THYhZ2kS0hI/AAAAAAAABSs/zo_1kFSp2yg/rssfeed-box.png) left no-repeat;padding-left:20px;margin-right:1em;font-weight:bold}
.email-boxicon{background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/THYhZbNwJHI/AAAAAAAABSk/5uF275VBciU/s1600/email-box.png) left no-repeat;padding-left:20px;font-weight:bold}


* Now save your blogger template.

* Again go to your blogger DASHBOARD.

* Now click in design tab and you are here--->>> Add new element.

* Click in add Gadget which is in sidebar and 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 class='subsboxfull'>

<a href='your-twitter-url' rel='nofollow' target='_blank' title='twitter'><img src="http://3.bp.blogspot.com/_4HKUHirY_2U/THYkpeld56I/AAAAAAAABTM/WiM7MA5NvQM/twitter-box.png" /></a>

<a href='your-facebook-url' rel='nofollow' target='_blank' title='facebook'><img src="http://1.bp.blogspot.com/_4HKUHirY_2U/THYkpJ_QyhI/AAAAAAAABTE/8-EJqMr_vbs/s1600/facebook--box.png" /></a>

<a href='your-delicious-url' rel='nofollow' target='_blank' title='delicious'><img src="http://1.bp.blogspot.com/_4HKUHirY_2U/THYko6jtDII/AAAAAAAABS8/VtZSXjWq6V8/s1600/delicious-box.png" /></a>

<a href='your-stumbleupon-url' rel='nofollow' target='_blank' title='stumbleupon'><img src="http://3.bp.blogspot.com/_4HKUHirY_2U/THYkpxH3PoI/AAAAAAAABTU/i5--EpJ97BA/stumbleupon-box.png" /></a>

<a href='your-linkedin-url' title='linkedin'><img src="http://1.bp.blogspot.com/_4HKUHirY_2U/THYocATEqOI/AAAAAAAABTk/Spx7AhBEVHc/linkedin-box.png" /></a>

<a href='your-contact-url' title='contact'><img src="http://4.bp.blogspot.com/_4HKUHirY_2U/THYlLyj8TUI/AAAAAAAABTc/bJYDy5WKjh8/contact-box.png" /></a>


<form action='YOUR FEEDBURNER EMAIL URL' method='post' onsubmit='window.open(\'YOUR FEEDBURNER EMAIL URL', \'popupwindow\', \'scrollbars=yes,width=550,height=520\');return true' target='popupwindow'><p><input name="email" style="width:230px; border: 1px solid #ccc; padding: 5px;" type="text" value="Enter your email address" /></p><input name="uri" type="hidden" /><input name="loc" type="hidden" value="en_US" /></form>

<p><span><a class='rss-boxicon' href='YOUR FEEDBURNER URL' rel='nofollow' target='_blank'>RSS</a></span>
<span><a class='email-boxicon' href='YOUR FEEDBURNER EMAIL URL' rel='nofollow' target='_blank'>Email</a><span><span style="float:right;"><a href='YOUR FEEDBURNER URL' rel='nofollow'><img alt="" height="26" src="YOUR FEEDBURNER FEED COUNTER CHICKLET SOURCE URL" /></a></span></span></span></p>

</div>
</div>
<div class='clear'></div>

NOTE:- Now change Highlighted Text in above code with your own if you any problem ask me.
 

 

 

 

5 comments:

  1. theres any bloganol owner pic..hihihi :P
    nice theme ^^

    ReplyDelete
  2. Ingenious Business techniques to ignite profitability: Check out
    bizmd.blogspot.com

    ReplyDelete
  3. Nice collection!..
    I'll try one of this...
    Thanks....

    ReplyDelete
  4. Thanks For This Tool, Been Looking for such combined Subscription Form that provides such features as this.

    Getting this added now on My Blogger Blogs Directory blog.

    Thanks.

    ReplyDelete
  5. I appreciate the time and effort you've put in to present here the code for attractive feedburner email subscription box along with social media connects included. You can check out this attractive feedburner email subscription box live in action on my "Wonderful Tech Stuff" blog's facebook fan page at facebook.com/WonderfulTechStuff || If you're on Facebook and have a couple seconds I would much appreciate if you like the page and join-in. Any tech enthusiast is welcome to our community. Thanks!!

    ReplyDelete

Any Comments ?

Designed By GP