Macam-macam Pelajaran: MEmbuat Tabel untuk kolom

Senin, 07 September 2009

MEmbuat Tabel untuk kolom

Membuat Tabel Untuk Kolom Navigasi

Tabel Kolom Navigasi

Membuat Tabel Untuk Kolom Navigasi.

Meskipun sebelumnya saya pernah memposting tentang bagaimana membuat menu navigasi dengan css tidak ada kapoknya saya masih memposting tentang hal dan tutorial yang sama,hanya saja kali ini berbeda sedikit.

Ya,memanfaatkan tabel untuk navigasi berkolom pada blog,oleh sebab itu dari pada saya bingung ngasih judulnya,saya tulis aja ’Membuat Tabel untuk Kolom Navigasi’,nyambung khan?

Nah untuk contohnya,anda bisa lihat menu navigasi pada www.indowebster.com.
untuk lebih jelasnya bagi pengguna blogger/blogspot,simak langkah-langkah di bawah ini:

Pertama,pergilah ke Dashboard,lalu pilih Tata Letak,selanjutnya pilih Edit HTML.
Jangan lupa contreng tulisan Expand Widget Templates,lalu cari kode berikut:

Setelah ketemu,letakkan kode di bawah ini tepat di atas kode tersebut.

Setelah itu Simpan Template.
Langkah selanjutnya,Pergi ke Dashboard,lalu pilih Tata Letak,kemudian Tambahkan Gidget Baru/Add New Widget,pilih HTML/Javascript,lalu letakkan kode berikut:

Disini Tulisan Yang Nanti Akan Berjalan

JUDUL KOLOM KE 1

Edit Me Kolom 1Edit Me Kolom 1Edit Me Kolom 1

JUDUL KOLOM KE 2

Edit Me Kolom 2Edit Me Kolom 2Edit Me Kolom 2

JUDUL KOLOM KE 3

Edit Me Kolom 3
- Edit Me Kolom 3Edit Me Kolom 3

Setelah itu Simpan dan Selesai.
Agar blog lebih rapi tempatkan widget tersebut pada sidebar blog anda.

’Sengaja kode diatas saya jadikan satu(jadi kesannya berantakan ya :D),agar hasil dari copynya sesuai dengan harapan.’

Ket:

Untuk tulisan "Disini Tulisan Yang Nanti Akan Berjalan" adalah tulisan yang nantinya akan berjalan,gantilah sesuai keinginan,meskipun tulisan ini hanya bekerja pada IE/Internet Explorer

Untuk tulisan "JUDUL KOLOM KE 1,2,3" adalah Judul pada stiap kolom,ganti dan rubah sesuai kebutuhan.

Untuk tulisan "Tooltip Yang Nanti Akan Muncul" adalah tulisan/tooltip yang akan mucul saat event mouse diatasnya.

Untuk tulisan "#" adalah URL yang anda ingin letakkan untuk setiap event kliknya,rubah sesuai keinginan.

Untuk tulisan _blank atau _self,pakailah sesuka anda,_self jika ingin dibuka pada halaman yang sama,dan _blank jika anda ingin hasil muncul pada halaman baru.

Untuk tulisan "http://alamat_blog_anda.blogspot.com/" tulis alamat blog anda sendiri

Untuk lebih jelasnya,hasil dari kode diatas akan menjadi seperti dibawah ini:

Disini Tulisan Yang Nanti Akan Berjalan

JUDUL KOLOM KE 1

Edit Me Kolom 1 Edit Me Kolom 1 Edit Me Kolom 1

JUDUL KOLOM KE 2

Edit Me Kolom 2 Edit Me Kolom 2 Edit Me Kolom 2

JUDUL KOLOM KE 3

Edit Me Kolom 3
- Edit Me Kolom 3 Edit Me Kolom 3

Bagaimana?berminat?Semoga bermanfaat ya :D

Baca Juga Yang Ini..

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)