» » Memodifikasi kotak Feedburner

Memodifikasi kotak Feedburner



Pada postingan kali ini, saya mau berbagi dengan sobat yaitu, Memodifikasi kotak Feedburner. Ikuti langkah – langkah Memodifikasi kotak Feedburner di bwah ini, jika sobat menginginkannya.
  1. Login ke Blogger.com
  2. Selanjutnya ke Menu » Rancangan
  3. Lalu pada Gadget kotak berlangganan anda Klik Edit
  4. Hapus kode lama dan ganti dengan kode berikut :






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

.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8gJfoDZQCjb_xWpH5sS0kfrSkSoc6TqgrE8wFXXy0S3c6tsYR794w8WLPmIRsqTeBaKvwwhMGC0QBeoRpfTIhs0z5pbN2J3ck_BwhVNw0EcUcxrgk4EKpp_OoaAIt1i_EWq0Kj28J2HsC/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/Saeful13"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHzuT3p3lTYuZKsALbh6IARTqXplRv2DOqE5GiECm-3AIIiopQso8BEMPxUHxia4LYqVwURME1z4Jjsos7BRGWVmaHchBcOexdZUI-frwAlSpsYoT6pKz0TQVVRVq0Q3K69dMb76lPucGY/s800/005.png " /></a> <a href="http://feeds.feedburner.com/Saeful13">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=Saeful13', '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="Saeful13" 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/Saeful13"><img src="http://feeds.feedburner.com/~fc/Saeful13?bg=0000FF&amp;fg=444444&amp;anim=1" width="88" height="26" style="border:0" alt="" /></a></div>
</div></div>



Keterangan: 

  • Ganti Tulisan yang berwarna oranye dengan alamat Feedburner sobat
  • Sobat juga bisa mengganti tulisannya, sesuai yang sobat inginkan.

Selamat mencoba :))


0 Komentar untuk "Memodifikasi kotak Feedburner"