Membuat menu kategori ada banyak cara dan variasinya, ada yang menunya default blog kaya yang di bawah ne

kategoi
kategori

Ada juga yang menu drop down kaya di bawah ne…

Kategori Menu Drop Down kategori 1 kategori 2 kategori 3

Nah sekarang kita mau nyoba bikin kotak kategori menu drop down. Caranya gampang banget, tinggal copy and paste code di bawah ne doank,,,, langsung aja dech…

1. Login ke blog kamu. Klik menu Layout -> Page Elements
2. Pilih letak kotak kategorinya mau di taruh mana dengan meng klik add gadget-> lalu pilih HTML/Java Sript
3. copy dan paste kode di bawah ne di kotak yang tersedia

<select onchange="javascript:window.open(this.options[this.selectedIndex].
value);">
<option value="http://namablogmu.blogspot.com/#" selected>Menu Drop Down</option> <option value="http://namablogmu.blogspot.com/search/label/kategori">kategori 1 </option> <option value="http://namablogmu.blogspot.com/search/label/kategori">kategori 2</option> <option value="http://namablogmu.blogspot.com/search/label/kategori">kategori 3</option> </select>

Kalo kamu pengen nambahin kategorinya tinggal nambahin kode :

<option value="http://namablogmu.blogspot.com/search/label/kategori">kategori 4</option>

Di atas </select>

Ganti teks berwarna merah dengan nama blog kamu
Ganti teks berwarna biru dengan nama label yang akan di cari
Ganti teks berwarna hijau dengan nama kategori yang akan di cari

4. Kalau sudah klik save

Catatan :
Kode diatas akan membuka link pada jendela / tab yang baru, kalo pengen mbuka dalam jendela / tab yang sama tinggal ganti kode di bawah ne :

<select onchange="javascript:window.open(this.options[this.selectedIndex].
value);">

Menjadi :

<select onChange="document.location.href=this.options[this.selectedIndex].
value;">

Nah segitu dulu uah, selamat mencoba. Kita akan ketemu lagi di artikel selanjutnya. Semoga berhasil,,,,

Nah, kali ini kita mau sedikit belajar tentang hyperlink. Sebelumnya kita mau cari teu apa hyperlink ntu...

Hyperlink yaitu suatu cara untuk membuat menu tulisan yang jika kita klik akan menuju ke suatu alamat web atau directory atau juga yang lain. Contohnya kaya di bawah ini, ini tujuannya ke alamat google.com...

coba diklik

Nah maksud kan???? Hemmmm… hyperlink juga ada beberapa type, ada yang jika di klik tab halamannya nggak pindah ke tab baru kaya yang dicontohin di atas tadi… Ada juga yang jika diklik pindah ke tab baru, contohnya kaya di bawah ne,,,,,

coba diklik

Pindah kan??? Nah langsung aja dech,,,
Hyperlink yang pertama yang jika diklik nggak pindah ke tab baru dulu yah, scripnya kaya di bawah ne,,,

<a href="http://URL tujuan kamu">contoh katanya</a>

Pada tulisan URL tujuan kamu ntu kamu isikan alamat web atau URL yang akan kamu tuju, misal google.com atau blog kamu sendiri. Tyus pada contoh katanya kamu isi kata yang akan diklik.

Tyus ada lagi yang kalo diklik pindah ke tab baru, scripnya di bawah ini,,,

<a href="http://URL tujuan" title="informasi" target="_blank">contoh katanya</a>

Sama kaya yang di atas, tulisan URL tujuan kamu isi alamat URL atau web tujuan. Pada tulisan informasi kamu isikan informasi tentang kata yang akan diklik, maksudnya jika kursor mouse kamu diarahkan ke kata yang akan diklik ntar akan keluar kata informasinya. Coba kamu arahkan kursor mouse kamu ke contoh hyperlink yang kedua (yang diatas tadi)…

Keluar kan???... Tyus pada tulisan contoh katanya kamu isikan kata yang akan diklik…

Nah segitu dulu pembahasan hyperlink nay yah,,, Untuk type hyperlink yang lain akan kita bahas lain waktu,,,, semoga bermanfaat yah,,,,

Buat temen – temen Blogger yang seneng dengan kreasi dan ingin memasang Efek daun berjatuhan dari atas caranya sangat gampang dan simple. Cuma memerlukan copy ama paste kode di bawah ini dan taruh di edit Html, selesai.

Caranya seperti biasa :
1. Log in ke Blog,
2. Klik menu Template,
3. Klik menu Edit Html, jangan lupa beri tanda centang pada Expand Widget Templates
4. Cari kode < / head >,
5. Copy kode di bawah ini dan pastekan persis dibawah kode < / head >

<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

6. Klik Priview…..
7. Klik Terakhir Save Template.

Selesai dah,,, gampang kan???
Selamat mencoba yah……

Yang sudah-sudah kita kebanyakan teu add gadget di bagian samping atau bawah blog. Gimana kalo add gadget-nya di atas atau di bawah header??? Ntu bisa kita buat ngisi skrip dll…

langsung aja dech… Silahkan ikuti langkah-langkah berikut ini :

1. Login ke blog anda
2. Klik Tata Letak
3. Klik Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari kode berikut ini di dalam template anda

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

6. Jika sudah ketemu, silahkan ganti semua kode tersebut dengan kode berikut ini :

<b:section class='header' id='header' preferred='yes'>

7. Klik Simpan Template

8. Selesai dech….

Nah selamat mencoba ya……