Cara Membuat Widget Subscribe Feedburner MELAYANG ( Pop-up ) di Blog

Salam Blogger, Kali ini bloggingpasuruan mau berbagi artikel tentang Cara Membuat Widget Subscribe Feedburner MELAYANG ( Pop-up ) di Blogger. Widget Subscribe Feedburner ini akan mempercantik tampilan Blog sobat sekaligus tampak lebih profesional ( lihat gambar di atas )

Apakah Sobat ingin memasangnya di Blog milik Sobat ???

Ikuti langkah langkah Cara Membuat Widget Feedburner MELAYANG ( Pop-up ) di Blogger :

1. Masuk ke Akun Blogger Sobat

2. Masuk Dashboard >> Layout ( tata letak ) >> Add a HTML/JavaScript Gadget

3. Pastekan KODE di bawah ini di dalamnya

<script type="text/javascript">

    /*** Widget oleh Bloggingpasuruan (http://bloggingpasuruan.blogspot.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/AVvXsEi3lAQ1QvTs4Vuqx2cgihmEVviHP_JCneBr5aXNthgpeHs_MXk3-ydPfb8QA-QJcg0lSIizRtQikIhu3mk0JGZ1LqpKSm5vD9bk6MPOkVlBu0QJ4m6tAOe13UdL1DJX7bHClyHQ6CclBI9l/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBtC5JoBuUWWNz1J46QMDCew8wjdbpba30FLr5gpp-p4agzGuRVmBEaCiKyk8A9RVOEbSipcRtdMzF_vW7wntspmINDQTf8UBBAeIKsg1r5jIuUgyZtDglE9txvq_OZPJm3_xz5Z7yKOM/s1600/Feedburnerpasuruan.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/AVvXsEiogrLkzt04MhSIwg_Uau3QAuPb5iSHIiEdNNnPmaAADojuiAIk6PHyL27DwaD8_x23A2lBZKr9PQcYHYNgDmKZGi2D7m8TeJlle01Wphpw-1uQOOi_eHadeBcQjk5Mk6na4snm9bb9NjRq/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=TutorialDanTipsBermanfaat', 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true">

    <input type="hidden" value="TutorialDanTipsBermanfaat" 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/AVvXsEhzrjiIsw3-MzKyhTZMqh4SQXZ5RH2YRPW7Ch0_lJX2gEFzb6-h7ogCeZ70vtjrhXLDGwX40L2qM-5DY3L4-4rd0SZ2I9H8KV2Rc9RkPAoqc7tjBtxcsqxHP6Jx-DQE9pW5OKPC7KmPbNli/s1600/wgtnn.gif" id="wgbutton" />

    </form>

    </div>

    </div>

    </div>

Catatan :

>>> Ganti TutorialDanTipsBermanfaat dengan ID Feedburner milik Sobat

>>> Tekan Save/Simpan

Selesai

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Cara Membuat Widget Subscribe Feedburner MELAYANG ( Pop-up ) di Blogger. Semoga bermanfaat dan terima kasih..

Facebook

Twitter

Pinterest

More

Less

Tumblr

Mix

E-Mail

GMail

LinkedIn

Reddit

XING

WhatsApp

Hacker News

VK

Telegram

OK

Messenger

Line

Copy Link