Sabtu, 08 Oktober 2011

Cara Mudah Membuat Menu Bar di Blog

Selamat Malam bloggers. . .

Mumpung masih libur nunggu selesainya acara PTMB ( sering di baca OSPEK ) di kampus, saya akan menambah lagi postingan di blog amburadul milik saya ini :-D. Dan pastinya postingan yang saya buat kebanyakan tidak bermanfaat, haha. . .

Kali ini saya akan membahas mengenai Menu Bar seperti yang ada di atas blog saya, tanpa script yang rumit. Tapi ya hasilnya minimalis. Nggak sebagus Menu Bar yang lainnya, karena bisa ada Sub Menu-nya yang beranekaragam. Otak saya belum kuat untuk membuat yang macem - macem bro :-D.

Tidak usah panjang lebar seperti sungai Mahakam di Samarinda, berikut cara yang saya gunakan untuk membuat Menu Bar di blog saya :-) Cekiprut. . .
NB : maaf sebelumnya, ScreenShot ( Maaf belum bisa mengurus SCnya, ukurannya belum sempat di kecilin ) saya ambil dari blog saya yang satunya. Karena bingung kalau dari blog saya ini :D

1. Buka lembar Posting blog kalian, kemudian pilih Edit Laman. Pilih Laman baru...
2. Masukkan Judul sesuai keinginan kalian, misal : Jomblo :-D
3.Pilih yang Edit HTML, kemudian masukkan kode HTML di bawah ini :

<ul id='menubar'>
<li><a href='masukkan URL blog kalian di sini'>Home</a></li>
<li><a href='masukkan link 1'>Judul 1</a></li>
<li><a href='masukkan link 2'>Judul 2</a></li>
<li><a href='masukkan link 3'>Judul 3</a></li>
<li><a href='masukkan link 4'>Judul 4</a></li>
</ul>

atau bisa juga dengan langsung menggunakan cara membuat link dari sebuah Kata. Seperti ini
hasilnya akan sama saja.

4. Kemudian Terbitkan Entri / Publish kan :-D setiap blog ternyata nggak sama buat menampilkan laman di desktop blog. Akan muncul seperti ini :
5.  Setelah itu akan muncul pilihan tempat. Pilih yang Tab blog, kemudian klik Simpan dan Terbitkan.
6. Selesai sudah. Lihat blog kalian :-D

Demikian cara yang saya gunakan. Mungkin sedikit ribet, karena saya sendiri waktu membuat ini juga sudah ribet sendiri :-D mau copy-paste tapi kok lagi pengen membuatnya sendiri, heheh. . .

Semoga bermanfaat dan dapat di gunakan sesuai kebutuhan. . .


refferensi : Neodmarco

Tidak ada komentar:

Posting Komentar