RSS Email Subscription Form

Untuk kali ni ak nk share mcm mana nk pasang borang langganan RSS. RSS ni penting kerana ia dpt mberitahu update2 terkini yakni kalu kita buat post2 bru, subscriber kita akan tau.
Nk tau mcm mana rupanya boleh tgk kt blog ni atas sebelah kanan. Sebelum kita mula, pastikan kita dh bakar(burn) feed kt www.feedburner.com. Ok, macam biasa copy paste code kt bwh ni ke dalam HTML/JavaScript widget.

<a href="http://feeds.feedburner.com/leakedknowledge" rel="alternate" title="Subscribe now to leakedknowledge" type="application/rss+xml"><img border="0" alt="" style=" padding-bottom:20px; margin: 0pt 10px 10px 0pt; float: left; width:100px; height:100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOyMLk-5RSa5v3qioZiyk__6L0_Z7rKrNqwxeY6Ourshoq5sZTqxjU_2v717lPuTKG1omV2hqvPuyvQzvQNYL-64gDdrTdCzZwGQf59tg4rVVSIWmElbtjj9bHz72nGiFWPwztOQFfZRKE/s400/MBT-RSS-FEED.gif"/></a><p><a href="http://feeds.feedburner.com/leakedknowledge" rel="alternate" title="Subscribe to my feed" type="application/rss+xml">Langanilah RSS ni! </a><span style="color: #5C6AA4; font-weight: bold;">atau dapatkan update melalui email:</span></p>

<style>

input.mbt1 {

color:#fff;

font: bold 10px Arial, sans-serif;

background:#F39100;

border:0;

padding:3px;

}

input.mbt1hov {

color:#fff;

font: bold 10px Arial, sans-serif;

border:2px solid #F39100;

padding:3px;

}

</style>

<form action="http://feedburner.google.com/fb/a/mailverify" style="padding: 5px; " target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=leakedknowledge', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style=" color:#5C6AA4; background: #fff; border:1px solid #5C6AA4; width: 90px;" name="email" type="text"/><input value="leakedknowledge" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/> <input onmouseover="this.className='mbt1 mbt1hov'" onmouseout="this.className='mbt1'" value="GO!" class="mbt1" type="submit"/></form><br/>

Ni part penting untuk custom widget ni. Gantikan http://feeds.feedburner.com/leakedknowledge tu dengan Feed URL yg feedburner bagi. Untuk part yang ak highlight warna hijau tu korang boleh la nk taruk apa2 ayat yg ssuai. Code #5C6AA4 merujuk kepada text color dan border color. So warna ni kita boleh tukar dgn warna kesukaan masing2. Boleh usya sini kalu nk tau color code, HTML Color Picker