Sudah lama tidak membuatkan design menu gratis untuk blogspot karena disibukkan oleh urusan lowongan pekerjaan yang matre. Nah kali ini memposting menu horizontal yang terlihat gagah. Seperti biasa tutorial pemasangannya untuk blog dengan platform blogspot. Entah ada yang suka atau tidak yang penting niatnya berbagi.
Menu semacam ini cocok untuk dipasang pada blog dengan bidang lebar, kalau dipasang di template seperti blog ini, kurang cocok, dan tidak bisa menampung banyak menu.
Anda bisa mengikuti tutorial dibawah untuk mencoba memasang di blog anda, silahkan gunakan server anda sendiri seperti di geocities atau googlepages. Jika hanya sebagai percobaan silahkan anda ikuti langkah pertama dan kedua.
Pertama:
Copy kode dibawah ini dan letakkan dibawah kode <head> (pada mode edit HTML): <link href="http://ateon.fs.googlepages.com/Menu_H_Gagah1.css" rel="stylesheet" type="text/css" /> Simpan template anda.
Kedua:
Pindah ke elemen halaman dan tambahkan widget baru (HTML atau javascript) dan masukkan kode dibawah ini: <div id="tabs11">
<ul>
<li><a href="http://www.ateonsoft.com/">Home</a></li>
<li><a href="http://www.ateonsoft.com/search/label/Menus">Menus</a></li>
<li><a href="http://www.ateonsoft.com/search/label/Relax">Relax</a></li>
<li><a href="http://www.ateonsoft.com/search/label/SEO">SEO</a></li>
</ul>
</div> Jangan lupa letakkan widget di bagian atas dibawah header. Kalau sudah simpan perubahan. Eh iya ganti warna biru dengan nama-nama menu dan warna hijau dengan link-link anda sendiri, agar lebih mudah paste dulu di notepad. Selesai untuk pemasangan sementara.
Jika akan menambah menu maka tambahkan kode dengan bentuk penulisan seperti kode dibawah ini di widget (langkah kedua) dan sisipkan sebelum kode </ul>.<li><a href="http://www.ateonsoft.com/search/label/SEO">SEO</a></li>
1 komentar:
Wah Informasi yang menarik nich...
Thanks and salam kenal mampir juga ya Ke Blogku...
Artikel Terkait:
Posting Komentar