Cara Membuat Menu CSS Pada Blog

Cara Membuat Menu CSS Pada Blog - Selamat malam, beberapa hari yang lalu saya melihat sebuah postingan mengenai CSS, setelah melihat postingan tersebut saya menjadi ingin membahas tentang CSS dan akhirnya saya memutuskan untuk membuat postingan ini.

Jadi apa itu CSS ?

CSS adalah kependekan dari Cascading Style Sheet. CSS merupakan salah satu kode pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik.

CSS yang kita bahas kali ini adalah CSS yang sering digunakan pada bagian atas blog yaitu menu CSS, biasanya dimenu CSS diletakkan judul dan link Label dari blog seperti contoh dari blog saya :

CSS ini berguna untuk mempermudah pengunjung menjelajahi blog kita dan juga mempercantik tampilan blog kita, jadi CSS ini sangat disarankan agar Blog menjadi SEO. Biasanya Menu CSS ini sudah ada dari bawaan template, tinggal edit Judul dan URL Widget saja, tapi jika belum ada kalian dapat membuatnya sendiri dengan cara

1. Login ke blogger lalu pilih tempalte > edit HTML
2. Cari Kode </head> lalu, copy pastekan kode di bawah ini, tepat di atas kode </head> 

<link href="http://mastahbloging.blogspot.co.id/menu_assets2/styles.css" rel="stylesheet" type="text/css">

3. Jika sudah, Copas Kode dibawah ini lalu letakkan kode dibawah pada bagian Tata Letak > Tambah Gadget > HTML/JavaScript dibagian header.

<div id='cssmenu'>

<ul>

   <li class='active'><a href='#'><span>Namamenu</span></a></li>

   <li><a href='#'><span>Judul Menu</span></a></li>

   <li><a href='#'><span>Judul Menu</span></a></li>

   <li><a href='#'><span>Judul Menu</span></a></li>

   <li><a href='#'><span>Judul Menu</span></a></li>

   <li><a href='#'><span>Judul Menu</span></a></li>

   <li class='last'><a href='#'><span>Namamenu</span></a></li>

</ul>

</div>

Kalau sobat ingin menambahkan menu, tambahkan kode

 :<li><a href='#'><span>Judul Menu</span></a></li>tepat di antara kode <li><a href='#'><span>Namamenu</span></a></li> dan   <li class='last'><a href='#'><span>Judul Menu</span></a></li>

Itu saja Cara Membuat Menu CSS Pada Blog jika kalian mengalami kesulitan silahkan komentar atau langsung kontak admin melalui contact form, semoga artikel ini bermanfaat dan terima kasih. Ohh iya ganti tanda # dengan link blog kalian, Sekian.