How To Create Popup Stylish Email Subscribe Blogger Widget?


Increases your blog readers of course you need to install responsive RSS Feed email subscribe widget in your blog. You can put this widget in any web blog like blogger, wordpress etc. This widget also attach in between post and comment box.

Pop Up Email Subscription Box For Blogger

Pop Up Email Subscription Box For Blogger:

  • Log in blogger
  • Select your blog
  • Select ‘Layout’ at left side bar
  • Click ‘Add a Gadget’
  • Select ‘HTML/JavaScript’
  • Copy the bellow CSS widget code then past here and save

Feedburner Email Subscription Popup CSS Code:

<style type="text/css">/***********************************************  This code updated by: help2blogging.blogspot.com***********************************************/* html #exestylepopupdiv {position:absolute;}#exestylepopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}#exestylepopup {background-color: #EB226A; overflow:none;}.exestylepopup {width:510px; height:232px; position:fixed; top:50%; left:50%; margin-top:-150px; margin-left:-200px;}</style><!--[if lte IE 6]><style type="text/css">/*<![CDATA[*/html {overflow-x:auto; overflow-y:hidden;}/*]]>*/</style><![endif]--><br /><div id="exestylepopupdiv"><div class="exestylepopup" id="exestylepopup"><center onmouseup="document.getElementById('exestylepopupdiv').style.display='none'" style="color: black; cursor: pointer; float: right; margin-right: -20px; margin-top: -20px;"><img src="https://lh6.googleusercontent.com/-uSW_8HWcJII/T9shJ_kvWwI/AAAAAAAACgI/9xs1KMJtUtc/s40/exeideasclose.png" /></center><style>.mtc-newsletter-box {width:500px; height:222px; background:#f5f5f5; border:10px solid #ABABAB;padding:5px;}.mtc-newsletter-box h1{font-size:20px; font-weight:bold; color:#444; text-align:center;}.mtc-newsletter-box p{font-size:16px; font-family:georgia; text-align:center;line-height:25px;}.mtc-newsletter-box input{background: white url(http://2.bp.blogspot.com/-dcien5QLnB8/UOb4N7eNU1I/AAAAAAAAAhw/NxzO8UXjgG4/s1600/subscribe-email.png) no-repeat right;font-family: Georgia, Times, &quot;Times New Roman&quot;, serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px; border: 1px solid #111 !important;font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important; box-shadow:2px #ABABAB;}.mtc-newsletter-box .submit{background:#ABABAB;}.mtc-newsletter-box .submit:hover{background-color: #444;border: 1px solid #444;color: white;text-decoration: none;}</style><div class='mtc-newsletter-box'><h1 style="text-align: center;"><span style="color: #a64d79;"> Join Us To Get Latest Software Via Email!</span></h1><p>Submit your email ID to get latest or updated any software automatically delivered in your email inbox.</p><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Feed Burner ID&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><div align="center"><input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Type email here and press enter.....&quot;;}' onfocus='if (this.value == &quot;Type email here and press enter.....&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='Type email here and press enter.....'/><input name='uri' type='hidden' value='help2blogging'/><input name='loc' type='hidden' value='en_US'/><input class='submit' type='submit' value='Now of course check your email inbox to confirmed.'/></div></form></div></div></div>

Customize Feedburner/ Newsletter Popup in Blogger:

  • Change help2blogging with your RSS Feedburner ID and save.
Useful tip:
---------------------------------------------

If you have any question and suggestions related blogger
Please don't hesitates just sent email or leave comment
Thanks to follow this tutorial
Best regards
help2blogging team
Stylish Popup Email Subscription Box For Blogger- help2blogging logoBlogger Newsletter Email Subscription Widgets- help2blogging smile logo

How to Create RSS Reader Count Button In Blogger?

When you want to how much visitors subscribe your blog feed, firstly of course you need to install RSS Google feedburner widget after make feed count widget and show. You can manually count RSS email subscription with this widget.
 
 How to Create RSS Reader Count Button In Blogger

How to Track RSS Email Subscribers: 

Step 1- Start Your Feedburner Subscriber Count Button:

  • Go to Feedburner then sign in with Google account
[A] Select your blog feed

How to Track RSS Email Subscribers

Customizing Subscribe Button For Website:

[B] Select ‘Publicize’ tab
[C] Select ‘FeedCount’
[D] Select button Style – Static or animated button
[E] Select body or text color
[F] Click ‘Activate’

Display Your Feedburner Subscriber Count Button

Get RSS Subscriber Count Button HTML Code:

[G] Copy the counter widget code

Get RSS Subscriber Count Code
[H] Click ‘Save’

Related tip-

Step 2- Display My RSS Feed Subscription Count:

  • Go to blogger and select your blog
  • Go to 'layout'
  • Add a Gadget
  • Select HTML/JavaScript
  • Past the FeedCount code in HTML place
That's all
---------------------------------------------

If you have any question and suggestions related blogger
Please don't hesitates just sent email or leave comment
Thanks to follow this tutorial
Best regards
help2blogging team
Get RSS Subscriber Count Button HTML CodeDisplay My RSS Feed Subscription Count

Add HTML/ CSS TextBox With Image Background In Blogger Post?

Hey friends have a nice day. In this tips you know how to create Textbox With Image Background Using CSS in your blogger post or page. You can put this textbox right side or left side with stylish border with Image, logo, picture Background. Just you follow the bellow lesson and add your CSS text border.

Add HTML/ CSS TextBox With Image Background In Blogger Post

Step 1: 

Textbox With Image Background Using CSS:

[A] Go to blogger blog
[B] Go to ‘Template’ " ‘Edit HTML’
(Before you editing template firstly create a backup of your blogger template because if you have any wrong this template after edited, you can restore this. So click on Backup/Restore and download Full Template.)
[C] Click anywhere in code area then the press CTRL+F on keyboard to find ]]></b:skin> tag and past the bellow code before ]]></b:skin> tag.

.post blockquote {background: #ffffff url(http://4.bp.blogspot.com/-cK3z-UtEMDY/ViHxlWQ8VLI/AAAAAAAAIWE/ZuhXDZpyl3U/s1600/h2b.png);background-position:top left;background-repeat:repeat-y;margin: 0 20px;padding: 10px 20px 10px 45px;border-top: 2px solid #DDD;border-right: 5px solid #666;border-left: 2px solid #DDD;border-bottom: 5px solid #666;font-size: 0.9em;}.post blockquote p {margin: 0;padding: 0 0 15px;}.blockquote {font: 18px normal  sans-serif,Tahoma;padding-top: 10px;margin: 5px;text-indent: 65px;}.blockquote div {display: block;padding-bottom:10px;}.blockquote p {margin: 0;padding-top:10px;}

Customizing Textborder Background Image:

Replace http://4.bp.blogspot.com/-cK3z-UtEMDY/ViHxlWQ8VLI/AAAAAAAAIWE/ZuhXDZpyl3U/s1600/h2b.png with your own image or logo.
If you want to this logo put on right side please change left to right
[D] Finally save your template.


Step 2:

Add Image in Textbox Using CSS:

[A] Go to post or page (where you want to put text box)
[B] Type your text and select then go to top bar just click “Quote” to optimize text box

Textbox With Image Background Using CSS

That’s all. Thank you

Most Popular:
---------------------------------------------

If you have any question and suggestions related blogger
Please don't hesitates just sent email or leave comment
Thanks to follow this tutorial
Best regards
help2blogging team
Place an image inside a text borderBackground image inside text box