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.
Click to see the code!
To insert emoticon you must added at least one space before the code.