-->

Widget Subscribe Via Email Untuk Blog Indonesia

Widget Subscribe Via Email
Cara Memodifikasi Widget Subscribe Via Email - Biasanya kita sering melihat Widget Subscribe Via Email atau sering disebut juga Berlangganan Via Email di Blog, nah sekarang saya akan menjelaskan Tips Blog yaitu bagaimana cara memodifikasi Kotak Widget Subscribe Via Emali, tapi sebelumnya kamu harus tau dulu apa sih fungsi Subscribe Via Email atau Berlangganan Via Email, fungsinya yaitu untuk memberikan atau menginformasikan Artikel Terbaru Ke sahabat yang berlangganan Lewat Email, tentunya sangat berfungsi donk karna dengan Widget ini orang yang berlangganan akan dengan mudah melihat Artikel terbaru kita.
Baiklah mari kita mulai cara memodifikasi Widget Subscribe Via Email supaya lebih menarik dan lebih cantik.

Ini dia Langkah-langkahnya.
  • Login ke Blog kamu.
  • Pilih Rancangan lalu Add Gadget.
  • Pilih EDIT HTML Java Script.
  • Lalu Copy kode dibawah ini.
<style>
.form {
border:1px solid #ccc; /* warna garis pinggir form */
background:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ffffff)); /* warna background form */
padding:3px; /* spasi form */
width:auto; /* panjang form */
height:180px /* tinggi form */
}
.rss {
background: url("http://icons.iconarchive.com/icons/deleket/book/128/RSS-Reader-Book-icon.png") no-repeat top right;
}
.button {
background: #; /* warna tombol subscribe */
color: #FF9900; /* 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 #ff9900; /* 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:#ff9900; font-size:15px; padding:10px 5px 5px 10px;"><a href="http://feeds.feedburner.com/blogspot/ZqAec"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizUCHAyCvV_HNoO4jES7HZcE64aSwpoe0LlzTVmzpyVL8h8fazH4RSi-Kcs_UoplVI4U2-ejUJjKnPd5t-a4U0D6vF6nVHfxw7EZcNHG2DJneNpEryfNBX-4ld30KbK3cQ9iq-eGyQvSWx/s800/005.png" /></a> <a href="http://feeds.feedburner.com/blogspot/ZqAec">GET UPDATE VIA RSS</a></div>
<div style="font-weight:bold; padding:10px 10px;">GET UPDATE VIA 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/ZqAec', '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 == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}" onfocus="if (this.value == &quot;Masukan email anda disini...&quot;) {this.value = &quot;&quot;}" type="text" value="Masukan email anda disini..." /> <input type="hidden" value="blogspot/ZqAec" 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/ZqAec"><img src="http://feeds.feedburner.com/~fc/blogspot/ZqAec?bg=ff7c00&amp;fg=444444&amp;anim=0" width="88" height="26" style="border:0" alt="" /></a></div>
</div></div>
Silahkan Sobat Copy kode di atas.
Dan Ingat : Ganti Yang Berwarna Merah Dengan ID FEEDBURNER sobat.
                 Ganti Yang Berwarna Ungu dengan Texs yang kamu Inginkan.
                 Ganti Yang Berwarna Biru Dengan URL gambar lainnya.

 sumber: http://blazerracing.blogspot.com