Kamis, Mei 10, 2012
Panji Pangestu
Hallo sobat Aji.Info.Us,,
udah lama kaya' ny Admin belum ngasih tutorial lagi ya,, (maklum sibuk buat UAN =D)
Kali ini admin akan posting widget yang rata-rata mesti ada di blog yakni widget berlangganan artikel. Tapi yang admin kasih kali ini tampilannya cukup keren, gak monoton seperti widget berlangganan artikel bawaan blogger. Mau tau seperti apa widgetnya ? Seperti ini nih:
Keren kan ? hehe..
Untuk caranya, silakan disimak cara memasang widget berlanggan artikel keren pada blog:
- Login ke Blogger
- Klik Tambahkan Gadget "Add a Gadget/Tambah Gadget"
- Pilih yang HTML/JavaScript
- Paste kode dibawah ini
<style> .knetwork-email{
background:url(http://4.bp.blogspot.com/_MbejYjGokMM/TSeZHmWJ6oI/AAAAAAAAALE/93ELYyzmi64/s1600/email.png) no-repeat 0px 12px ;
width:230px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.knetwork-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;
}
.knetwork-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:130px;
color:#666;}
</style>
<div class="knetwork-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify?uri=Ajiinfous" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ajiinfous', '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="Ajiinfous" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="knetwork-emailsubmit" value="Submit" type="submit" />
</form>
</div>
- Lalu Simpan, dan lihat hasilnya :)
KETERANGAN
- Sekarang ganti http://feedburner.google.com/fb/a/mailverify?uri=ajiinfous dengan Feedburner Feed kamu Link Email. kamu bisa mendapatkannya dengan mengunjungi account feedburner kemudian arahkan ke Publikasikan dan kemudian ke Email Subscriptions.
- Ganti AjiInfoUs™ dengan judul feed kamu. Ini muncul di akhir link feed kamu. http://feedburner.google.com/fb/a/mailverify?uri=ajiinfous
SEDIKIT MOTIVASI
Kalo Sobat Mau meningkatkan level sobat dalam hal blogging ini harus melakukan "Coba-Coba" kaya' "Trial & Error" karena itu akan membuat sobat Aji.Info.Us tahu bahasa pemrograman dasar di blog, daripada kita cuma terima asal-asal ntar malah dimanfaatin oleh situs-situs yang "tak bertanggung jawab" (gila bahasanya sobat,, :D)
Selamat mencoba :)
Posted in: 
0 komen:
Posting Komentar