Add Popup Email Subscription Widget with Light Box Effect

This is really a great widget because any viewers can subscribe your blog by simply write own Email address in popup Email widget. It get the best attention of the visitors which makes them so effective in doing their job. A visitors either have to subscribe your blog or click on a cross icon to continue suffering on your blog. If you have quality content on your blog then many viewers will want subscribe your blog, so this widget will be very helpful for you.

Note: The code I have provided below will show-up the subscription box when the page has been loaded.

blogger-RSS-subscription-box


Install Popup Email subscription Box in Blogger:



- Go to Blogger and log-in to your account

- Select your blog and navigate to the "Template" section

- Hit on "Edit HTML" Button

- Click anywhere inside the code and press Ctrl + F to open the search box

- Find <body> tag and replace with the given below code

<body onload='lightbox_open()'>

- Now just after that paste the given below code


<div id="light"> <div style='position:absolute;left:-20px;top:-20px;text-align:center;font-size:31px;width:40px;height:40px;background-color:white;border:4px solid black;border-radius:100%;color:black;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif' onClick="lightbox_close();">X</div>  <center><img style='width:400px;height:125px;' src='https://lh5.googleusercontent.com/-wsjbg3uaeUU/VLbFISkW_xI/AAAAAAAAAWw/jYnp3D3MLQc/w400-h125-no/MakeMoneyOnline72.BlogSpot.png'></img></center> <form id='sub' action="http://feedburner.google.com/fb/a/mailverify?uri=makemoneyonline-72" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=makemoneyonline-72', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><center> <p style='font-size:35px;margin-bottom:15px;'>Subscribe To Our Mailing List</p> <input class='sbox' id='sbox' type='text' name='uri' placeholder='Your Email Address...'/></center><input class='sbutton' id='sbutton' style='border:0; vertical-align: top;' name='upload' type='submit' value='Subscribe'/></form><center><p style='font-family:Source Sans Pro, sans-serif;' ><b>P.S</b> I will never spam you...100% GUARANTEED!</p></center></div><div id="fade"></div><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'/>
<style>input:focus{outline: 0.5px solid #4c004c;}#sbutton {padding: 5px;font-size:30px;margin-top:10px;width:500px;margin-left:50px;:font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;background-color:#DFDFDF;}form { margin:0px;font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;}#sbox {width: 500px;height:30px;vertical-align:bottom;}#sbox:focus{border: 1px solid #4c004c;}#fade{    display: none;    position: fixed;    top: 0%;    left: 0%;    width: 100%;    height: 100%;    background-color: #000;    z-index:1001;    -moz-opacity: 0.7;    opacity:.70;    filter: alpha(opacity=70);}#light{    display: none;    position: fixed;    top: 29%;    left: 29%;    width: 600px;    height: 400px;    margin-left: -150px;    margin-top: -100px;                   padding: 10px;    border: 2px solid #FFF;    background: white;    z-index:1002;    overflow:visible;}</style><script>

window.document.onkeydown = function (e){    if (!e){        e = event;    }    if (e.keyCode == 27){        lightbox_close();    }}function lightbox_open(){ window.scrollTo(0,0);    document.getElementById('light').style.display='block';    document.getElementById('fade').style.display='block'; }function lightbox_close(){    document.getElementById('light').style.display='none';    document.getElementById('fade').style.display='none';

}</script>

Customization:


* Change the Blog Image/Logo URL in red with your logo url ( you can make this url by uploading image/logo on Google + site )

* Replace the Feed Burner "User Name" in pink with your Feed Burner User Name

* Now it's complete. Hit on "Save" template button

Recommended: Free Download CustomizeMe SEO Friendly Template

Do let me know how this widget is working on your blog.If you are having any trouble with this subscription box then leave your experience down in the comment section below. I'll fix any bugs present in this widget and off-course if you liked it just stay turned for more :)


22 تعليقات

You are welcome to share your ideas with us in comments.

  1. Husqvarna Chainsaw Sharpener

    What is required to file the chain?
    Certain chainsaw sharpening tools are required to keep the chain sharp, and these are round file, flat file, stump vise, and file gauge.

    It should be noted that there should be different round files and gauges for different types of chains.

    Filing angles
    Depending on these angles, the cutters should be filed-

    Side plate cutting angle
    Top plate cutting angle
    Depth gauge setting
    File down angle
    Different types of the chain have different angles, but the correct angles of the cutter can be restored by using a filing gauge. With this, there is no chance of getting a wrong angle, and thus, the result is always good.

    What should be the frequency of filing of a chain?
    Even if the chainsaw is not used to cut the objects that reduce its sharpness like rock, its sharpness reduces with time, and its chain becomes blunt.

    If a chainsaw is used for a longer time in a day, the chain should be sharpened appropriately with a file every time the chainsaw is refueled. With a sharpened chainsaw, the work becomes more effective and precise.

    ردحذف
  2. Get bulk mails, with in cheap price and huge Quantity for
    Email Marketing
    Email Advertising
    More Growth
    Stay Online
    Better Growth

    ردحذف
  3. This article has benefited me a lot. Unknowingly I was making some of these mistakes, and I will be taking steps to stop this. I think your article will help a lot of upcoming bloggers.
    http://insightss.co/

    ردحذف
  4. Amazed with the quality of content, must recommend to others and thankyou for sharing nice posts. https://bismillahlogistics.com/

    ردحذف
  5. The most popular search tool for blogs is Google Blog Search. It's set up much MetFind like the familiar Google search engine and updated in real time. The homepage


    ردحذف
  6. 54th Street Grill & Bar: Favorite Happy Hour - See 159 traveler reviews, 32 candid photos, and great deals for Olathe, KS, at Tripadvisor.54th-street-happy-hour

    ردحذف
  7. I found this article very helpful, you sharing amazing content, thanks for sharing content.
    https://bismillahlogistics.com

    ردحذف
  8. I found this article very helpful, you sharing amazing content, thanks for sharing content.

    ردحذف
  9. Monet ihmiset etsivät tarjousta tai halpaa hintaa torilta ostoksilla, tämä on sinulle, tutustu tähän upeaan oppaaseen <a href="https://smarket403502172.wordpress.com/2022/08/17/supermark

    ردحذف
  10. Very informative article for wilbur soot merch store

    ردحذف

  11. Worth reading, thankyou soo much for sharing such a worthy information.

    Electric Scooter

    ردحذف
  12. I've been looking for this information everywhere. You're a lifesaver!

    ردحذف
  13. Enhance your business website with our Popup Email Subscription Widget featuring a captivating Light Box Effect. Elevate your  strategy, especially beneficial marketing photography for businesses. Boost engagement and capture leads seamlessly.

    ردحذف
  14. Empower your projects, streamline your workflows, and achieve success with the efficiency unleashed by Microsoft Project 2021 Professional. Whether you're managing a small team or overseeing complex, multi-phase projects, this license provides the tools and flexibility to help you achieve your project goals.

    ردحذف
أحدث أقدم