Assalamualaikum....kabare ......

SELAMAT DATANG KE LAMAN BLOG CIKGU ANAIZ

Monday, September 14, 2009

Memasukkan marquee dan widget di bawah header.


Selamat Hari Raya Aidil Fitri , Ajiss...





Ini adalah permintaan yang kedua daripada sahabat saya Abdul Aziz. Beliau ingin memasukkan marquee( tulisan berjalan) di bawah tajuk blognya (seperti contoh di atas). Sebelum memasukkan marquee di bawah header (tajuk blog) kita perlu memasukkan 'widget' terlebih dahulu. Kita sedia maklum template blogspot tidak menyediakan widget di bawah headernya. Untuk itu kita perlu memasukkan widget terlebih dahulu. Caranya mudah sahaja.

Cari kod di bawah :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='your blog title (Header)' type='Header'/>
</b:section>


Ubahkan kod yang berwarna merah kepada seperti yang berwarna biru di bawah ini


<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/>
</b:section>

Save template.

Masuk ke--> Page Elements untuk melihat 'Add a Gadget' sudah wujud di bawah/ di atas header.

Seterusnya adalah langkah memasukkan skrip marquee.

Klik "Add a Gadget (yang berada di bawah header) -->HTML/JavaScript" kemudian copy dan paste kod berikut ke dalamnya:

<table border="1" width="800" cellspacing="5" textcolor="#c3fdb8" bgcolor="#FF0000"><tbody><tr><td height="20"><p align="justify">
<marquee face="onmouseover" = this.stop() onmouseout="this.start()">TEKS ANDA DI SINI.</marquee></p></td></tr></tbody></table>

Tukarkan TEKS ANDA DI SINI dengan teks yang anda ingin paparkan. Jangan bimbang sekiranya marquee ini berada di atas header kerana ia boleh diseret ke bawah ke atas dan ke tepi.

Panjang box boleh diubah dengan menukarkan nilai pada "width" .
Contohnya width="800" boleh ditukarkan kepada width="600".
Terpulang kepada anda untuk menggodaknya. Tapi ingat, bukan semua boleh digodak.

Selamat mencuba dan menggodak blog anda. Semoga berjaya. Hu..hu..hu...


0 comments:

Bersama Cikgu Anaiz © 2008. Design by :Yanku Templates Sponsored by: Tutorial87 Commentcute