Tuesday, March 09, 2010

How to create custom feedburner chicklet

Kat sini aku malas nak cerita detail pasal feedburner sebab aku rasa korang lebih tau dari aku kan?
Kalau tak, takdenye korang jumpa post ni..betulkan? Emm..melainkan korang memang dah subscribe aku, thx anyway :)

Ok back to topic..
Hari ni aku nak ajar macam mana nak tukar text kat dalam chicklet tu dari "Readers" kepada apa2 la yang korang nak..

//Setup Chicklet
1. Login dulu dekat feedburner account korang
2. Then click nama feed korang
*kepada siapa2 yang tak buat lagi chicklet ni dia kena activate awareness API dulu
*cara dia tekan tab "Publicize" pastu pilih "Awareness API" then click "Activate"
3. Lepas tu;masih dalam tab "Publicize" pilih "Feed Count" dari list tu
4. Kat sini korang boleh pilih samada nak chicklet "Static" atau "Animated"
5. Korang gak boleh tukar background color dengan font color kat sini.
6. Bila korang dah siap edit tekan "Save" pastu feedburner akan generate code untuk korang paste kat blog/web korang.
7. Siap setup!

Tapi ni baru standard chicklet..still xmasuk lagi dalam main topic kita harini kekeke :P

//Change "Readers" to something else...
Ok kat bawah ni standard chicklet punya code :-
<p><a href="http://feeds.feedburner.com/Silxqq"><img src="http://feeds.feedburner.com/~fc/Silxqq?bg=000099&amp;fg=FFFFFF&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p>

Untuk tukar "Readers" tu korang tambah &amp;label=Fan lepas ;anim=0
Ni code korang lepas penambahan:-
<p><a href="http://feeds.feedburner.com/Silxqq"><img src="http://feeds.feedburner.com/~fc/Silxqq?bg=000099&amp;fg=FFFFFF&amp;anim=0&amp;label=Fan" height="26" width="88" style="border:0" alt="" /></a></p>
*make sure korang paste tu before quote (") tau!

//Change animation count
*Code ni hanya untuk chicklet animated je ok!
Bawah ni sample standard code untuk animated chicklet:-
<p><a href="http://feeds.feedburner.com/Silxqq"><img src="http://feeds.feedburner.com/~fc/Silxqq?bg=000099&amp;fg=FFFFFF&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a></p>

Korang hanya perlu tukar anim=0 tu kepada anim=100 kalau korang nak dia animate 100 kali..
Senangkan? :D
Ni code lepas dah ditambah:-
<p><a href="http://feeds.feedburner.com/Silxqq"><img src="http://feeds.feedburner.com/~fc/Silxqq?bg=000099&amp;fg=FFFFFF&amp;anim=100" height="26" width="88" style="border:0" alt="" /></a></p>

Ni lak code lepas dah tukar animated count dan custom text:-
<p><a href="http://feeds.feedburner.com/Silxqq"><img src="http://feeds.feedburner.com/~fc/Silxqq?bg=000099&amp;fg=FFFFFF&amp;anim=100&amp;label=Fan" height="26" width="88" style="border:0" alt="" /></a></p>

Btw, before aku lupa, pada korang2 yang nak buat custom text tu tapi perlukan space cam "QQ Fan"; perasan x space tu?kalau x better korang buat pemeriksaan doktor dengan segera!, korang hanya perlu tmbah "%20" kat celah2 perkataan tu eg: QQ%20Fan
Bawah ni sample code yang dah di edit:-
<a href='http://feeds.feedburner.com/Silxqq' target='_blank'><img align='left' alt='' height='26' src='http://feeds.feedburner.com/~fc/Silxqq?bg=000099&amp;fg=FFFFFF&amp;anim=1&amp;label=QQ%20Fan' style='border:0' width='90'/></a>

Amacam? ok x? Better la kan dari standard chicklet walaupun kita xtukar sangat design dia huhu
Ok sampai sini saja tutorial harini tata~

No comments:

Post a Comment