Untuk mempercantik tampilan blog dan mempermudah pengunjung berselancar, pemilik blog dapat membuat menu pada header blog yang dimilikinya. Semua tergantung kepada selera pemilik blog sendiri, karena tidak semua blogger menyukai tampilan menu, karena mungkin dianggap mengganggu. Namun pada umunya jika kita membuka sebuah website, maka kita akan menemukan deretan menu yang menggambarkan apa isi dari website tersebut.
Cara membuatnya tidaklah serumit yang dibayangkan, karena kita hanya membutuhkan sebuah script (kumpulan perintah) yang di letakkan pada rancangan blog kita, yang perlu di ingat adalah kita harus membuat label yang diinginkan pada setiap tulisan yang kita buat. Pada prinsipnya script menu yang kita buat, digunakan untuk mengeksekusi (memanggil) label yang kita berikan pada tulisan tersebut.
Sebagai contoh sederhana jika kita ingin menampilkan menu Fiksi, yang berarti ketika pengunjung mengklik menu tersebut, maka yang di tampilkan pada blog kita adalah tulisan-tulisan yang telah di beri label fiksi oleh kita, maka script yang di gunakan adalah:
<a href="http://rizal-falih.blogspot.com/search/label/Fiksi">Cerita Fiksi</a>
Langkah-langkah mudahnya adalah sebagai berikut:
1. Membuat label yang kita inginkan pada tulisan kita,
2. Buka rancangan blog kita, lalu klik Tambah Gedget untuk membuat gedget baru, pilih HTML/Java Script, pada kolom judul kosongkan saja lalu pada kolom Konten masukkan script berikut :
<div class="h_mnu_01">
<li>
<a href="/">Home</a>
<a href="http://rizal-falih.blogspot.com/search/label/Fiksi">Cerita Fiksi</a>
</li>
</div>
ganti alamat url yang di blok warna kuning dengan alamat blog sendiri, ganti tulisan yang di blok warna hijau dengan label yang telah kita buat, ganti tulisan yang di blok warna orange dengan menu yang kita ingin tampilkan, setelah selesai klik simpan.
3. Untuk menambahkan menu yang lain cukup dengan mengkopi paste dan sesuaikan dengan label yang telah kita buat pada tulisan kita, misalnya jika ingin menambahkan menu Liburan maka cukup di tambah :
<div class="h_mnu_01">
<li>
<a href="/">Home</a>
<a href="http://rizal-falih.blogspot.com/search/label/Fiksi">Cerita Fiksi</a>
<a href="http://rizal-falih.blogspot.com/search/label/Liburan">Liburan</a>
</li>
</div>
4. Letakkan Gedget baru tersebut tepat di bawah rancangan header atau judul blog kita dan lihatlah hasilnya.
Untuk memberi label pada tulisan-tulisan yang pernah kita buat sebelumnya, cukup dengan mengedit atau menambahkan label pada tulisan yang pernah kita buat tersebut.
Semoga tips sederhana ini bermanfaat dan berguna.
1. Membuat label yang kita inginkan pada tulisan kita,
2. Buka rancangan blog kita, lalu klik Tambah Gedget untuk membuat gedget baru, pilih HTML/Java Script, pada kolom judul kosongkan saja lalu pada kolom Konten masukkan script berikut :
<div class="h_mnu_01">
<li>
<a href="/">Home</a>
<a href="http://rizal-falih.blogspot.com/search/label/Fiksi">Cerita Fiksi</a>
</li>
</div>
ganti alamat url yang di blok warna kuning dengan alamat blog sendiri, ganti tulisan yang di blok warna hijau dengan label yang telah kita buat, ganti tulisan yang di blok warna orange dengan menu yang kita ingin tampilkan, setelah selesai klik simpan.
3. Untuk menambahkan menu yang lain cukup dengan mengkopi paste dan sesuaikan dengan label yang telah kita buat pada tulisan kita, misalnya jika ingin menambahkan menu Liburan maka cukup di tambah :
<div class="h_mnu_01">
<li>
<a href="/">Home</a>
<a href="http://rizal-falih.blogspot.com/search/label/Fiksi">Cerita Fiksi</a>
<a href="http://rizal-falih.blogspot.com/search/label/Liburan">Liburan</a>
</li>
</div>
4. Letakkan Gedget baru tersebut tepat di bawah rancangan header atau judul blog kita dan lihatlah hasilnya.
Untuk memberi label pada tulisan-tulisan yang pernah kita buat sebelumnya, cukup dengan mengedit atau menambahkan label pada tulisan yang pernah kita buat tersebut.
Semoga tips sederhana ini bermanfaat dan berguna.
Thansk..
ReplyDeleteregards
makasih masukannya mas Rizal, akan saya coba..
ReplyDeleteok sama-sama mba asih.. :)
Delete