Judul : Cara Membuat Kotak Berlangganan via Email di FEEDBURNER - Modifikasi
link : Cara Membuat Kotak Berlangganan via Email di FEEDBURNER - Modifikasi
Cara Membuat Kotak Berlangganan via Email di FEEDBURNER - Modifikasi
Hmm,, pada hari ini Mazinu akan posting kepada Kalian tentang bagaimana Cara Membuat Kotak Berlangganan via Email di FEEDBURNER yang telah saya modifikasi sendiri. Kalian penasaran cara membuat Kotak berlangganan lewat email bukan?
yang nanti hasilnya seperti ini :
Ingin tahu caranya?
Berikut mazinu akan menuliskan caranya step by step.
Selanjutnya:
Copas Code HTML di bawah ini pada Form HTML/JavaScript yang kalian inginkan.
Keterangan:
yang nanti hasilnya seperti ini :
Ingin tahu caranya?
Berikut mazinu akan menuliskan caranya step by step.
- Login ke Blogger.
- Klik Menu Design/Rancangan
- Selanjutnya Klik Add a Gadget , Pilih HTML/JavaScript
Selanjutnya:
Copas Code HTML di bawah ini pada Form HTML/JavaScript yang kalian inginkan.
<style>
.form {
border:0px solid #ccc; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:ancho; /* panjang form */
height:180px /* tinggi form */
}
.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP3hfj-hrI5HMtH0DPBEn2yNaNFi06OEtUV6i-bPjbUOEVQ00GkBzghLuZOwulprrHUJQZHaVzO5k2y-Bq7Hu8XuaO09-tohyng1tm1S3xVAUjYhtPhduKSmS-nJCTfxLsatkSEp3uTi_m/s128/rss_feed_logo.png") no-repeat top right;
}
.button {
background: #006699; /* warna tombol subscribe */
color: #FFFFFF; /* warna font subscribe */
font-size: 11px; /* ukuran font subscribe */
font-family: Arial, Tahoma, Verdana; /* font subscribe */
margin-left: 5px; /* margin kiri tombol subscribe */
border: 1px solid #234B69; /* warna garis pinggir tombol subscribe */
padding:3px 5px 3px 5px; /* jarak antara font dengan garis pinggir tombol subscribe */
font-weight: bold;
}
</style>
<div class="form">
<div class="rss">
<div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><a href="http://feeds.feedburner.com/blogspot/lON"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi53pUIW5QpBBq4yPZt5rNLGJkL5-n2_69TAR_T-HCUj1W8MEiol1O1ONCGUvUOeOyya243UFzfih8m4eHiYj2MlKmFBVxJAyGfwo778t9WwKVLdhiPP11IJ0Xco8eLyUZqinBVvmVr2l9w/s800/005.png" /></a> <a href="http://feeds.feedburner.com/blogspot/lON">Catatan "Untuk Sahabat"</a></div>
<div style="font-weight:bold; padding:10px 10px;">Berlangganan Lewat Email !</div>
<div style="padding-left:10px">Dapatkan kiriman artikel terbaru langsung ke email anda!</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/lON', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" name="email" onblur="if (this.value == "") {this.value = "Ketik email anda disini...";}" onfocus="if (this.value == "Ketik email anda disini...") {this.value = ""}" type="text" value="Ketik email anda disini..." /> <input type="hidden" value=blogspot/lon" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>
<div style="padding-left:10px"><a href="http://feeds.feedburner.com/blogspot/lON"><img src="http://feeds.feedburner.com/~fc/blogspot/lON?bg=ff7c00&fg=444444&anim=0" width="88" height="26" style="border:0" alt="" /></a></div>
</div></div>
.form {
border:0px solid #ccc; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:ancho; /* panjang form */
height:180px /* tinggi form */
}
.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP3hfj-hrI5HMtH0DPBEn2yNaNFi06OEtUV6i-bPjbUOEVQ00GkBzghLuZOwulprrHUJQZHaVzO5k2y-Bq7Hu8XuaO09-tohyng1tm1S3xVAUjYhtPhduKSmS-nJCTfxLsatkSEp3uTi_m/s128/rss_feed_logo.png") no-repeat top right;
}
.button {
background: #006699; /* warna tombol subscribe */
color: #FFFFFF; /* warna font subscribe */
font-size: 11px; /* ukuran font subscribe */
font-family: Arial, Tahoma, Verdana; /* font subscribe */
margin-left: 5px; /* margin kiri tombol subscribe */
border: 1px solid #234B69; /* warna garis pinggir tombol subscribe */
padding:3px 5px 3px 5px; /* jarak antara font dengan garis pinggir tombol subscribe */
font-weight: bold;
}
</style>
<div class="form">
<div class="rss">
<div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><a href="http://feeds.feedburner.com/blogspot/lON"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi53pUIW5QpBBq4yPZt5rNLGJkL5-n2_69TAR_T-HCUj1W8MEiol1O1ONCGUvUOeOyya243UFzfih8m4eHiYj2MlKmFBVxJAyGfwo778t9WwKVLdhiPP11IJ0Xco8eLyUZqinBVvmVr2l9w/s800/005.png" /></a> <a href="http://feeds.feedburner.com/blogspot/lON">Catatan "Untuk Sahabat"</a></div>
<div style="font-weight:bold; padding:10px 10px;">Berlangganan Lewat Email !</div>
<div style="padding-left:10px">Dapatkan kiriman artikel terbaru langsung ke email anda!</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/lON', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" name="email" onblur="if (this.value == "") {this.value = "Ketik email anda disini...";}" onfocus="if (this.value == "Ketik email anda disini...") {this.value = ""}" type="text" value="Ketik email anda disini..." /> <input type="hidden" value=blogspot/lon" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>
<div style="padding-left:10px"><a href="http://feeds.feedburner.com/blogspot/lON"><img src="http://feeds.feedburner.com/~fc/blogspot/lON?bg=ff7c00&fg=444444&anim=0" width="88" height="26" style="border:0" alt="" /></a></div>
</div></div>
Keterangan:
- Ganti Tulisan yang berwarna Merah dengan alamat Feedburner Kalian.
- Simpan, dan Lihat hasilnya !
9 Responses to "Cara Membuat Kotak Berlangganan via Email di FEEDBURNER - Modifikasi"
ni widget bermanfaat bgt karna dpt mengundang org via email
thanks sudah berhasil..blog sudah di follow minta follow back di http://ilmubloggersyahdan.blogspot.com/
terima kasih gan........ work di blog ane..
http://www.miqbal20.blogspot.com
Makasih banyak ya ... atas tips and infonya bermanfaat.
Frendship :http://ozanmewexgent.blogspot.com
Belum punya teman nih...
Lumayan gan.... dan Terima kasih...
Kunjungan Balik ya di sini
http://zillashare.blogspot.com/
Thanks Berkat mazinubersahabat Blog saya makin keren terima kasih buat agan mazinu yaa...
Bila ada waktu kunjungi blog ku di
frindmautau.blogspot.com
Thanks
Wassalamualaikum Wr. Wb
Info yang bermanfaat OM :D
terima kasih infonya
iya gan :)
Post a Comment