Thursday 12 November 2009

Kaedah Cuba Jaya : Moving Blog Title (tak semestinya title. nak tulis apa2 pon boleh)

Kenapa mesti letak tajuk camtu tah? Tiba2 teringat kat cikgu matematik aku masa darjah 6, cikgu darlina. Dia salu ajar kaedah cuba jaya nih. Try and error la kot.

Serba salah aku nak buat entry ni. Ye lah, aku bukannya expert pon dalam dunia coding2 computer nih. Yang tambah aku serba salah ialah, takut tersalah ajar. Jadi ajaran sesat pulak. Silap aribulan, elok2 blog orang tu ok, terus ilang sumer entry dia yang selama 10 tahun tuh. Tak ke naya tuh? Huhuhu exxagerate lebih ek. Padahal takde lah sampai peringkat tu kihkihkih.

Kadang2, bila jumpa satu2 blog tu, aku terberkenan ngan deco2 dia. Nak tanya empunya blog, cam segan. Jadi, aku belek la page source dia. Dari situ, aku boleh tau html code blog tersebut. time tu lah aku buat try and error. Godeh situ, godeh sana, preview 80 kali, sampai lah berjaya. Sama jugak time tukar template. Godeh2 jek coding tu, lama2 faham la.

Tapi, tak semua orang ada masa nak buat tu semua. Tu lah gunanya bertanya. Malu bertanya, sesat jalan. Sekarang ni, kat mana2 boleh jumpa tutorial dalam blog. Tu pun salah satu sumber ilmu aku. Cuma untuk buat moving display tu, aku godeh sendiri. Contoh lain yang aku godeh ialah bunga kat bawah tarik dan title sidebar tuh. Jangan takut nak godeh. Kita buat dia kannn..

Masa mula2 buat moving display tu, aku pon tak puas ati, sebab bila tengok kat feedjit, dia tak kuar nama penuh blog tu. Tapi, oleh kerana dah ter buat, biarkan aje lah. At least, bila tak ramai orang buat camni, senang aku nak detect mana satu blog aku kalo aku tengah bukak 20 tab serentak. Kan best tuh?

Okeh, aku tak pasti korang bleh faham ke tak penerangan aku ni. Pandai2 la eh.

Memula, bukak edit html. Atasssssssss sekali, akan kuar cenggini :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

Tapi bergantung jugak pada jenis template korang. Cam aku guna pyzam punya, memang cenggini. Kalo tak salah, orang yang bertanya punya blog lain sikit code nya. Sorry ye dikkk. Bertukarlah kepada pyzam kehkehkeh.

Kendian, copy paste la kod yang kaler biru kat bawah ni di atas 'head' tuh. Edit la ayat yang kaler oren tu dengan title blog korang. Yang baris kedua tu optional. Kalo nak sebaris je, kena delete la msg yang baris kedua tuh. Try and error.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<script type='text/javascript'>
//<![CDATA[

msg = "
Aku Insan Biasa ";
msg = "
== AYUNASIA ==" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

<head>

Selamat mencoba yah!


3 komen:

Cikgu Nana said...

aler...lemah btl aku nengoknyer kod2 yg cam tuh...nak aku godeh2 kat cni..mau tak berasap dapur aku tu huhu...mau muncung mulut mr B huhu...xper la...biarler humble mable...huhu

AyunasiA said...

alaaa ko cuti sekolah sok leh buat.

Cikgu Nana said...

eh beb....camner ko tukar warna tulisan kih3...almaklumla...buah cempedak diluar pagar........aku nie baru nak belajar...ko tunjuk ek...hihi