Trik memodifikasi kotak berlangganan via email

kotak berlangganan via email - Kali ini saya akan membagika ilmu yang saya dapatkan setelah berkeliling-keliling di google dan akhirnya ketemu juga hhe.. Apakah anda bosan dengan tampilan standar kotak berlangganan via email tersebut apakah bisa anda memodifikasinya? , jawabannya adalah ya.. cara nya sih susah-susah gampang karena bagi anda yag belum mempunyai akun feed burner tersebut harus mendaftar kan blognya di feedburner.google.com itu untuk cara manualnya cara praktisnya, nih saya kasih tahu caranya . Kan sekarang sudah ada tuh widget follow by email yang ada di sediakan oleh blogger nah yang perlu sobat lakukan adalah, memasang widget tersebut caranya:

Pilih tambah gadget lalu pilih berikut ini :

Kalau sudah di simpan deh .
Setelah itu kunjungi lagi feedburner.google.com lalu klik id feedburner anda .

Lalu pilih publicize .

Kalau sudah pilih lagi nih feed count .
Atur warna feedcount anda kalau sudah tinggal di save deh.
Lama bener yah caranya . Ya tapi begitulah caranya sekarang adalah cara nya untuk memodifikasi kotak berlangganan via email nya :

Masuk ke blogger
Pilih Tambah gadget
Pilih html java script
Maukkan kode berikut ini :

</a></div> <style>
.form {
border:0px solid #ccc; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:270px; /* panjang form */
height:180px /* tinggi form */
}

.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Y6yeBFPjfIxEKtCoQwza6wf662Tx-V9t9NHximRKbQ3NZiu881oJklehY3GcsYCX3ORfYFjtR7QlgyUEFMlzEo9YjF5Jw_xFKCgjgM7Y5wAH9TIMApEXCxk8gvgwg3ZjRw8KBP3eXXx-/s1600/Newspaper_Feed_48x48.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/ShareNeighbor"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTBY66IFzXkoPyojkVh3L-TYZzLuvyk-iEPdK2oIE6sqqm6E884Xi4CC5Uz2r3WLxvkl70C6g-5MVzZ8dkD_miWbZd7k3bHXVI5TNti-oTKWEOu4Z635bYpRw5hGxEzXZBRwbDbrZLWgnX/s800/005.png" /></a> <a href="http://feeds.feedburner.com/blogspot/YXBROy">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 blog ini langsung ke email anda gratis!</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/YXBROy', '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;Ketik email anda disini...&quot;) {this.value = &quot;&quot;}" type="text" value="Ketik email anda disini..." /> <input type="hidden" value="ShareNeighbor" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>

<div style="padding-left:10px">Untuk cara berlangganan yang benar</div>

<p><a href="http://feeds.feedburner.com/blogspot/YXBROy"><img src="http://feeds.feedburner.com/~fc/ShareNeighbor?bg=0099FF&amp;fg=000000&amp;anim=1&amp;label=listeners" height="26" width="88" style="border:0" alt="" /></a></p></div></div>

<div style="text-align:right;">Anda bisa mengklik
<a href="http://websitesofware.blogspot.com/2012/01/trik-memodifikasi-kotak-berlangganan.html"><b style="color: orange;">DI SINI</b></a></div>

Keteranga :

Warna merah : Anda bisa mengganti kode wara tersebut dengan warna yang anda inginkan
Warna kuning : Adalah id feedburner anda mengenai id feedburner anda adalah anda bisa melihat gambar yang nomor 2 yang saya garis bawahi.

Rating: 4.5

Bagikan Artikel ini