Langganan lewat artikel, fedburner, reader, listeners... Pasti kata-kata ini sudah tidak asing lagi bagi kita para Bloggers, dan kali ini saya akan memposting tentang bagaimana cara merubah tampilan kotak feedburner, hal ini cukup simpel karena sobat hanya mem-pastekan kode dalam kolom HTML/javascript untuk lebih jelasnya bagaimana bentuknya lihat gambar dibawah ini
CARA MERUBAH TAMPILAN BOX FEEDBURNER
Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Tata Letak - Elemen Laman"
Langkah 3
Klik "Tambah Gadget" baru dengan Type "HTML/JavaScript"
Langkah 4
Masukan (copypaste) kode dibawah ini pada bagian konten:
<style>
.kode-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj81iqYex5CNJ50rE194aX7UlRvz3G5jSy-fb5BNMvexNWbBw456Zm44VKUVauUj03eJJEAlc0-xmcmst_EH-V3ZBQzaeSut78xnRdSo_jd67pkNWSrGLoGv29VVr5TNDArE9TesXk07Bgc/s1600/email.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.kode-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.kode-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}
</style>
<div class="kode-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=koderator', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="Enter email address here" type="text" />
<input type="hidden" value="koderator" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="kode-emailsubmit" value="Submit" type="submit" />
</form>
</div>
Langkah 5
Klik simpan template
KETERANGAN
- Lihat kode langkah 4, ganti alamat feedburner http://feedburner.google.com/fb/a/mailverify?uri=koderator dengan alamat feedburner sobat
- Masih pada langkah 4, cari kode <input type="hidden" value="koderator" name="uri"/> dan ganti nama dengan nama url feed sobat
Semoga bermanfaat, Selamat mencoba... Heppy Blogging :)Labels: Widget
Unknown said on April 8, 2012 at 5:14 PM
Post a Comment