Cara Membuat Pop Up Email Subscribed Feedburner di Blog

Cara Membuat Pop Up Email Subscribed di Blog - Halo sobat blogger, kali ini ipoeng akan memberikan panduan membuat email subscribed yang akan muncul melayang (Pop up) di blog Anda. 

Email subscribed yaitu adalah berlangganan artikel pada suatu web atau blog yang akan dikirim ke email. Jadi, jika anda sesorang melakukan subcribed email pada blog Anda maka otomatis setiap artikel baru yang anda buat akan masuk ke emailnya. Ini salah satu trik marketing dan berguna untuk meningkatkan pengunjung. 

Pada blogger ada widget untuk membuat Email Subscribed dengan mengunakan feedburner, yang hasilnya bisa anda lihat seperti dibawah ini :

Cara Membuat Pop Up Email Subscribed Feedburner di Blog

Dengan Email Subscribed ini akan mempercantik tampilan blog Anda sekaligus tampak lebih profesional. Untuk membuatnya silakan ikuti langkah langkah Cara Membuat Pop Up Email Subscribed di Blog berikut ini :

1. Masuk ke Akun Blogger Anda.

2. Masuk ke Dashboard blogger anda lalu klik "Layout ( tata letak )" lalu klik "Add a HTML/JavaScript Gadget".

3. Pastekan kode di bawah ini di dalamnya.

<script type="text/javascript">
    /*** Widget oleh ipoeng(http://ipoeng.com)***/
    function wg_style_v4_popup(){document.getElementById('wg-style-v4-popup-main').style.display='block'}setTimeout('wg_style_v4_popup();',4000);
    </script>
    <style type="text/css">
    * html #wgstylepopupdiv {
    position:absolute;
    }
    #wgstylepopupdiv {
    z-index:999;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:fixed;
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF82JNQp7YFJ9nAGm4r9pcepGZScQ60KkludRoPffa_rzepEVhq3b_AR9sNPC4B1iDliVDZgOo2-SbTLnqYUL6mMGI6b9vMRw9cabxmBmJ463eywbPdyg9kImJB8nANrtMH_LybQjbN7Rm/s1600/wgspir.png);
    overflow-y:auto;
    margin:0;
    }
    .wgstylepopup {
    width:619px;
    height:475px;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-237.5px;
    margin-left:-309.5px;
    }
    #wgstylepopup {
    overflow:none;
    background-image:url(https://dl.dropboxusercontent.com/u/23071021/Blogger/ipoeng/images/membuat-email-feedburner/membuat-email-feedburner.png);
    background-repeat:no-repeat;
    }
    form#wgstylepopup {
    display:block;
    margin:0;
    }

    form#wgstylepopup #wgfield {
    position:absolute;
    top:297px;
    left:352px;
    width:250px;
    font-size:16px;
    border:none;
    background:transparent;
    padding:10px;
    }

    form#wgstylepopup #wgbutton {
    position:absolute;
    left:352px;
    top:350px;
    width:249px;
    height:42px;
    border:none;
    background:transparent;
    }
    </style>
    <!--[if lte IE 6]>
    <style type="text/css">
    /*<![CDATA[*/
    html {overflow-x:auto; overflow-y:hidden;}
    /*]]>*/
    </style>
    <![endif]-->
    <div id="wg-style-v4-popup-main" style="display:none;">
    <div id="wgstylepopupdiv">
    <div id="wgstylepopup" class="wgstylepopup">
    <center style="color:#000;cursor:pointer;float:right;margin-right:10px;margin-top:-20px;" onmouseup="document.getElementById('wgstylepopupdiv').style.display='none'">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLsNFVsQaO9OkR0fAMKTbhv8ov7bfsiRZXpc8RkaAWesWeju5hY-vJoB5uDNQwWvjDyhHX3TQx6UkqckHLc0Ff3EuV5T89HaYwTEczLZ1GIHUH3O91Luq5xDn7QcThjASi3f-MVx29_yqQ/s1600/closebtnwg.png"/>
    </center>
    <form id="wgstylepopup" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ipoeng', 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true">
    <input type="hidden" value="ipoeng" name="uri"/>
    <input type="text" id="wgfield" name="email" value="Masukkan Email disini..." />
    <input type="hidden" name="loc" value="en_US" />
    <input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLYnGeOaNbrd56D25JyYYiF5XVGeJE9gFqFYStMICaubK5C7FhA9se6auJqX_lC8_ZVqgNoRmCEpyVUjKKJV4s6TcYDEFUmDXCeS5E-VAOsy3qhtMs9RH4VzdU9gJ8qo2TEfXW3uljbQh/s1600/wgtnn.gif" id="wgbutton" />
    </form>
    </div>
    </div>
    </div>

Catatan :

- Ganti ipoeng dengan Id Feedburner milik Anda. Untuk mengetahui ID Feedburner anda, bisa lihat di : Cara Mengetahui ID FeedBurner Blog.
- Tekan Save/Simpan

- Selesai

Sangat mudah bukan ? 

Semoga artikel "Cara Membuat Pop Up Email Subscribed di Blogbermanfaat untuk Anda, jangan lupa terapkan di blog Anda agar lebih banyak pengunjung setia blog Anda.

Post a Comment

6 Comments

  1. To acquire a greater exposure for your facebook account, Folks expend funds to Buy Facebook Followers to quickly obtain publicity on internet.
    ordering facebook followers

    ReplyDelete
  2. Terima kasih infonya gan, saya cari gadget yg ringan responsive untuk feed burner ada gk yg lain

    ReplyDelete
  3. thank infonya, tar mau coba saya pasang

    ReplyDelete