Cara Membuat Menu Horizontal di Blog

Cara Membuat Menu Horizontal di Blog

Menu horizontal, sangat penting peranannya baik dalam website atau pun blog. Menu horizontal sendiri adalah menu berupa link - link yang terpasang secara memanjang yang biasanya diletakan di bawah header atau di atas header atau kadang kadang ada juga yang keduannya menggunakkan menu horizontal.

Bagi sobat - sobat blogger yang menggunakan template yang tidak mendukung menu horizontal, tenang saja karena posting kali ini, saya mencoba untuk mencari source code dari menu horizontal tersebut. Dan allhamdulillah, saya menemukkannya dari CSS Menu Generator.

Memang, menu horizontal yang ada pada situs tersebut diperuntukkan untuk website. Dan cara - cara / petunjuk-nya pun adalah petunjuk untuk menempatkannya di website. Namun, sobat tidak perlu khawatir karena saya sudah pernah coba download, dan saya coba untuk menempatkannya di Blog ( Blogger / Blogspot ).

Banyak sekali pilihan menu horizontal yang dapat kita pilih dari situs tersebut. Namun, saya coba untuk memilih salah satunya. Dan alhamdullilah, saya jatuh hati pada menu horizontal ini :

Bagi sobat yang ingin menambahkan menu horizontal tersebut, silahkan ikuti langkah - langkah berikut ini :

• Pertama - tama, masuk ke Akun Blog Sobat,
• Klik Template dan Klik Edit HTML,
• Selanjutnya, cari kode ]]></b:skin> (gunakan Ctrl + F), dan Copy Paste Code dibawah tepat di atas kode tersebut.

ul.menu {list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:.6em;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj48Tv5tHxJJ82qAXIyEIrIy5ntUNJ-vKjmmfDg6il9_opbOsKMX7WjDQURfFPDM5_QmL-624aUlyWLOjYxjyfqGPINNmuGSXcan7xWk9oE62zHfUpgHSPp-sH374sSUgs2bL7JynHQktg/s1600/bg.png") repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0;}ul.menu li {display:block;float:left;margin:0;padding:0;}ul.menu li a {float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal;}ul.menu li a:hover,.current {color:#fff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj48Tv5tHxJJ82qAXIyEIrIy5ntUNJ-vKjmmfDg6il9_opbOsKMX7WjDQURfFPDM5_QmL-624aUlyWLOjYxjyfqGPINNmuGSXcan7xWk9oE62zHfUpgHSPp-sH374sSUgs2bL7JynHQktg/s1600/bg.png") repeat-x top left;text-decoration:none;}ul.menu .current a {color:#fff;font-weight:700;}/*Garis Merah*/ul.menu.red{background-color:#B11718;}ul.menu.red li a:hover, .menu.red li.current {background-color:#DE3330;}

• Setelah kode tersebut selesai ditambahkan, silahkan Save Template. 

Selanjutnya, Masuk ke Tata Letak dan ikuti langkah - langkah berikut :

• Klik Tambah Gadget,
• Lalu tambahkan Fungsi Pihak ke tiga HTML/Javascript,
• Selanjutnya, Copy Paste Kode di Bawah,

<ul class="menu red">
  <li class="current"><a href="http://anddie04.blogspot.com/" target="_self">Home</a></li>
  <li><a href="http://anddie04.blogspot.com/p/about-me.html" target="_self">About</a></li>
  <li><a href="http://anddie04.blogspot.com/p/contact.html" target="_self">Contact</a></li>
  <li><a href="http://anddie04.blogspot.com/2012/04/tukar-link.html" target="_self">Tukar Link</a></li>
  <li><a href="" target="_self"></a></li>
</ul>

Keterangan :

Silahkan ganti tulisan berwarna biru dengan kata - kata yang sobat inginkan, dan ganti juga tulisan berwarna merah dengan link url sobat.

Gudeg Ibu Kota

• Gudeg Ibu kota

  
  Jogjakarta, salah satu kota di Indonesia yang juga mempunyai seribu kenangan jika kita menyebut namanya. Kota ini terkenal dengan sebutan kota gudeg, jadi kurang rasany jika kita belum mencoba makanan yang satu ini. Gudeg yang satu ini terletak di jalan Solo, dan hanya buka saat malam hari setelah toko-toko tutup atau tepatnya jam 10 malam sampai subuh. Menu dasar yang ditawarkan adalah gudeg, tapi juga ditawarkan jenis cemilan dan lauk pauk lainnya jika kita tidak menukai ayam sebagai lauk. Rasa gudeg cukup pas, dan sayur krecekny juga cukup pedas membuat paduan yang apik saat suapan demi suapan kita nikmati. Rasa daging ayam yang lembut dan berbumbu membuat rasa gudeg semakin nikmat dan terus menggoda selera makan kita.
  
  
• Dalam soal harga, gudeg ibukota tergolong sedang, karena harga yang terdapat di varian menu gudeg yang ditawarkan adalah dari Rp. 8000 sampai Rp. 15000. dan untuk gorengan atau lauk pauk lainnya juga tergolong standar harga pasar. Jadi jangan takut untuk kehabisan uang jika kita mentraktir teman-teman kita di gudeg ibukota. Atau jika kurang yakin kita bisa memperkirakan dengan melihat daftar harga makanan terlebih dahulu.
  
  
• Pelayanan warung lesehan gudeg ibukota cukup efektif. Saat kita datang kita akan langsung bisa memesan variasi gudeg yang kita inginkan. Setelah itu gudeg yang kitta pesan bisa langsung kita bawa bersama lauk dan cemilan lainnya. Pelayannya pun cukup sigap dan cekatan dalam menangani pelanggan yang datang.
  
  
• Suasana yang ditawarkan oleh warung lesehan gudeg ibukota ini adalah nuansa malam kota jogjakarta yang tenang dan nyaman, makin menambah nikmat sajian yang ditawarkan. Kita bisa bersantai sambil ngobrol-ngobrol di warung lesehan ini dengan teman atau sejawat lainnya. Tempat ini juga cukup tepat untuk menyambut tamu dari luar kota untuk santap malam di tengah nuansa malam kota jogjakarta.
  
  Lokasi bisa kita tempuh dengan motor dan mobil karena lokasi yang cukup strategis karena berada di jalan Solo didepan toko mas ibukota, oleh karena itu nama yang digunakan oleh warung lesehan gudeg ini adalah gudeg ibukota. Sedangkan untuk lahan parkir juga cukup luas sepanjang jalan Solo, jadi kita tidak usah takut untuk kehabisan tempat parkir.
  
  
• Tunggu apa lagi, segera meluncur dan nikmati nikmatnya nasi gudeg dengan balutan suasana malam kota jogja di warung lesehan gudeg ibukota. ( di Jl. Urip Sumoharjo, Sebelah barat Duta Foto, pas di depan Toko Mas Ibukota (selatan jalan) .
  
  terima pesanan :
  085727222482
  087839023888