Saturday, January 21, 2017
Cara Membuat Widget Subscribe Feedburner MELAYANG Pop up di Blog
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/AVvXsEjJS4hgCytU2o9wjIGgfGMWLABawWF9sfjkkFXms8RQTK6Hkmd55NEVJliBp1YMG7A9MfXzWpHGQHHjcAW9uvD9hLf8hjNKDusy2NeyVQjAjw-dL0d8zIoTtD96oNctFfAmUjhENMPdciQ/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/AVvXsEj5GZJlBKRhX4oye5NoeCGVOmImZPQQmodlW-4xoJpYeBYUrnRcNaFX6Jarw8luq7tWed0hksGvyBkz8PEylk4sp3RXzyaP9o_iUXVeqkSHvPCbw-wNszhuMl47-iGc166ZBQqCMkaPkw/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/AVvXsEjy38bzZgcHkxsX18YcMkwEyTvqoc9csDaylEKfe-6v2lSrWNf1RZtVbp3eOcL-QDgMvJ_Rd-uTtWTR8jNM3QlY6jFlFL3CBeuyY32SxoeAbdTM2_aL1rNtcedEN_ZIl_StU6AOxpxm8VY/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/AVvXsEgXd8BhEnV7qTy6zUX1HnD1c8C1q5Xcu5CTGpSUfem4XB7iOPTYaVOQmZU4VFHGPzPDfrkgkPJJGvfaqgsd28Poyyy8HZkKgCRfeBFfqHXym_XuSmpvHXXZ7XAAgGEcveLU-qnvT0rK2As/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..
Available link for download
