CARA MEMBUAT MENU MENDATAR DI BLOG

Selamat petang sobat, semoga masih tetap semangat meski mentari telah sembunyi. Tetap semangat meski begitu banyak yang dihadapi, dan tetap semangat untuk terus meanjutkan membaca ccelotehanku ini. hehehe

Berkaitan dengan judul postingan ini, kali ini saya akan mencoba berbagi pengalaman kepada sobat yang kebetulan mampir di sini. Mungkin bagi sobat yang sudah lama menggunakan blogger sudah tidak asing lagi dengan yang akan saya utarakan di sini, dan mungkin tidak lagi membutuhkannya lagi. Tapi mungkin bagi newbie seperti saya ini masih perlu mempelajaari hal yang satu ini.

Okelah kalau begitu, mari kita pelajari bagaimana cara bikin ( lebih tepatnya : cara pasang ) Menu Horizontal di blog kita.

Ikuti langkah berikut :

  1. Pertama silahkan kunjungi website berikut : http://www.mycssmenu.com/
    Di web itulah kita akan mendapatkan kode CSS dan HTML Menu Horizontal, Caranya??? Okey, lanjut ke langkah berikutnya
  2. Di halamn utama web tersebut akan kita temu berbagai macam variasi betuk menu horizontal maupun yang vertical. Kita tinggal pilih yang mana yang akan kita gunakan. Perhatikan pada gambar berikut ini, saya ambil satu contoh saja.
  3. Untuk mengambil kode dan mengatur tampilan Menu Horizontal silahkan klik customize seperti yang telah saya tunjukkan pada gambar diatas.
  4. Setelah di klik akan muncul jendela baru. Maka akan terlihat tampilan seperti berikut :

    Sedikit akan saya jelaskan, di sisi sebelah kiri tersebut telah disediakan tempat untuk mengedit warna dan lain sebagainya, silahkan di coba saja. Dan setelah selesai mengedit kita bisa langsung mengambil kode CSS dan HTMLnya di Sisi bagian kanan yaitu pada tab CSS dan HTML.

    Silahkan copy semua kode jangan sampai ada yg terlewat.

  5. Kemudian buka akun blogger anda dan silahkan menuju ke bagian “LAYOUT”. Kemudian tambahkan WIDGET / GADGET baru pada template sobat. Pilihlah yang bisa untuk edit HTML dan JavaScript. Kemudian Paste kode tadi pada GADGET baru tersebut, kemudian simpanlah..

Lihatlah hasilnya.

Saya akhiri sampai disini dulu postinganku kali ini, saya yakin sobat pasti bisa dengan sedikit mempelajari kodenya, nanti akan tahu bagaimana cara mengeditnya dan dibagian mana yang harus diubah. Jika masih bingung dan ada yang kurang jelas silahkan gunkan kotak komentar untuk bertanya. (Maaf soalnya lagi buru-buru neh, ada acara pengajian)

Terimakasih, semoga berhasil.

About these ads

Berikan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.

%d blogger menyukai ini: