Cara Mengedit Tampilan Berlangganan Artikel Feedburner

Bismillahirahmanirrahim.  Setelah sebelumnya saya telah memberikan tutorial tentang Cara Membuat Kotak Berlangganan Artikel melalui Feedburner di Blogger kali ini kita akan mengedit Tampilan Berlangganan Artikel Feedburner agar kelihatan lebih menarik.  Ada baiknya sebelum kalian mengikuti tutorial kali ini baca dulu Cara Membuat Kotak Berlangganan Artikel melalui Feedburner di Blogger.

Langkah-langkah untuk mengedit Tampilan Berlangganan Artikel Feedburner sebagai berikut :

1.  Login di Blogger lalu Pilih Rancangan --> Tambah Gadget dan isikan dengan kode berikut:

<style>

.form {
border:1px solid #ccc; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:260px; /* panjang form */
height:108px /* tinggi form */
}

.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLicCwzlfL3H66KaqrvGTvLwGleNG5lMTWK234mL_D-n-SXNMiIdLJ0-SdLhV3sS5rNEsL8sfZl9XFGZHBHAjnkMttRMLQrYt3PidinLvRvd_V48SnApF1dteCCb5D5yIkJzQPAfEbGYk/") no-repeat top right;}

.button {
background: #006699; /* warna tombol subscribe */
color: #FFFFFF; /* warna font subscribe */
font-size: 12px; /* 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:12px; padding:10px 5px 5px 10px;"><a href="http://feeds.feedburner.com/gesek-gosok"></a> <a href="http://feeds.feedburner.com/gesek-gosok">Dapatkan Update Terbaru Melalui RSS </a></div>

<div style="padding-left:10px; font-weight:bold; font-size:12px;">atau Dapatkan artikel terbaru <br/>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=Gesek-Gosok', '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:22px" 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="Gesek-Gosok" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="DAFTAR" /></div></form></div></div>

2.  Simpan

Catatan:

1. Ganti Gesek-Gosok dengan alamat feedburner kalian
2. Kalian bisa ganti alamat url gambar dengan url gambar kalian sendiri

Artikel Terkait:

Categories: Tutorial Blogger