Salam
Blogger, Kali ini SATORES mau berbagi artikel tentang Cara Mudah 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 Satores (http://satores.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/AVvXsEgxX0X2hyphenhyphennLCCdpiLN9G8xq8lxn5o2YKpN80PcFhAPJjj1EVJJlW0a1h2rDvVRfx0If9UsE8swhAElYMYIAurb3pdoF-nsgz5dv5Y1IxGYxCj43Sou77K5bl6-dAbvXDYAvjyAbiQp29NoU/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/AVvXsEg7JRDX7wLgMRqe6cDSlLPxvQJ31AAeUZV_jrvCzUcQdedDT3ZKAE6ODr8dPwF6rI2ynUm3m_P1PpHHv-pL-hpoyEqjFxsz3KXCKiziD24RVh83ODAzbbBlnEUcrxOlcqhN3SYhdvNEuEg/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/AVvXsEigyRaw5a8jwEA4h1kpNqhXK_gEUNeIq6jkBb53TwLUb-HBDrexHR35d71ut7kRVhsOTVF40yI7ZN1pqelubd7WsgYZDmt1d4ytakju6lwOxCQD2-PkEj8viczYYt6eSxLYHUBQBUIuoMfK/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/AVvXsEhFpkPBxXkp6kQpiAdZaCBD6PVKQmIpYJ9V3F7cN3QqUyPESd8qSRtCbZSlsIC-kj5QRByX8ybrV-SUv7ohpEhWvsTyO96GO4DVyE0WghDu85M9mLuU1q6TF6RppArYylITfHEyZs2O5in1/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 Mudah Membuat Widget Subscribe Feedburner MELAYANG ( Pop-up ) di Blogger. Semoga bermanfaat dan terima kasih..
Ditulis Oleh : Teguh ~ Satores
Sobat sedang membaca artikel tentang Cara Mudah Membuat Widget Subscribe Feedburner MELAYANG ( Pop-up ) Keren di Blog . Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terima Kasih...
0 Response to "Cara Mudah Membuat Widget Subscribe Feedburner MELAYANG ( Pop-up ) Keren di Blog"
Post a Comment
- Silahkan berkomentar sesuai tema
- Gunakanlah kata-kata yang baik dalam berkomentar (no iklan, no porn, no spam)
- Komentar yang menyertakan link aktif, iklan, atau titip link, akan dimasukkan ke folder SPAM
- Kritik dan saran sangat dianjurkan agar blog ini menjadi lebih baik
Terima Kasih.