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/AVvXsEhE_X4L9k6ftq6rhplV8qiZz-c9IdTfeGsYSO_-pPWa4K8Yt5xkhZ6sAu776wGImjBx111WJUeu8TNgG7DgOs872dhv8yQPHurX5M9X25-tk_n1b3FfYWCjFBJOVsgQP0gsVKAsXspbxxJe/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/lONHr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl63ieosex8Ts8-ds6Ogg5_cIJqmAxQjL_jNi-Qu1C9HelGmMScIqKRfOeMmjHpEb887ynFmmRo_-z0YNxPpH5ni-Rlt6V_Oz53YTseRro3fPW5VuUVxoHjyfdJ9wY_Gtd9vPFCgEgNhaE/s800/005.png" /></a> <a href="http://feeds.feedburner.com/blogspot/lONHr">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/lONHr', '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/lonhr" 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/lONHr"><img src="http://feeds.feedburner.com/~fc/blogspot/lONHr?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/AVvXsEhE_X4L9k6ftq6rhplV8qiZz-c9IdTfeGsYSO_-pPWa4K8Yt5xkhZ6sAu776wGImjBx111WJUeu8TNgG7DgOs872dhv8yQPHurX5M9X25-tk_n1b3FfYWCjFBJOVsgQP0gsVKAsXspbxxJe/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/lONHr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl63ieosex8Ts8-ds6Ogg5_cIJqmAxQjL_jNi-Qu1C9HelGmMScIqKRfOeMmjHpEb887ynFmmRo_-z0YNxPpH5ni-Rlt6V_Oz53YTseRro3fPW5VuUVxoHjyfdJ9wY_Gtd9vPFCgEgNhaE/s800/005.png" /></a> <a href="http://feeds.feedburner.com/blogspot/lONHr">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/lONHr', '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/lonhr" 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/lONHr"><img src="http://feeds.feedburner.com/~fc/blogspot/lONHr?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 !
Tidak ada komentar:
Posting Komentar