Selamat malam sobat blogger semua, pada malam ini saya akan share tutorial blogger yaitu Cara membuat menu CSS ( Red Glossy ),  ok biar gak kebanyakan basa basi, silahkan lihat contohnya dibwah ini :









Bagaimana? menarik bukan?  Jika anda tertarik silahkan ikutin langkah berikut :


  1. Pergi ke blogger > desain
  2. Pilih HTML / Javascript widget
  3. Kemudian Masukan kode dibwah ini

<style> .mbt-red-grey-menu{ border:5px solid #cd0000; padding:0; clear:both; } .mbt-red-grey-menu{ margin:0px; padding: 0; float: left; font: bold 13px Arial; width: 100%; overflow: hidden; margin-bottom: 1em; border: 1px solid #625e00; border-width: 1px 0; background: black url(http://1.bp.blogspot.com/-1c7w5a0macY/ToSxFtLwRAI/AAAAAAAAFLs/I4I4CMYKqKc/s400/blockdefault.gif) center center repeat-x; } .mbt-red-grey-menu li{ display: inline; } .mbt-red-grey-menu li a{ float: left; color: #fff; padding: 9px 11px; text-decoration: none; border-right: 1px solid white; } .mbt-red-grey-menu li a:visited{ color: #fff; } .mbt-red-grey-menu li a:hover, .mbt-red-grey-menu li a.selected{ color: #fff; background: transparent url(http://4.bp.blogspot.com/-2GYPQ19l_7w/ToSxFfUYtCI/AAAAAAAAFLk/sdV_PLmGGEA/s400/blockactive.gif) center center repeat-x; } </style>
<ul  class="mbt-red-grey-menu"> <li><a href="#">Home</a></li> <li><a href="#" >About Us </a></li> <li><a href="#">Contact Us</a></li> <li><a href="#">Sitemap</a></li></ul>
 4. Terakhir Jangan lupa save! Selesai


NB : kode # berwarna kuning silahkan ganti sesuai dengan link anda!

Posting Komentar

Catatan:
1. Komentar Anomin telah kami buka, silahkan berkomentar yang sopan
2. Jika kurang mengerti dengan posting di atas silahkan ajukan pertanyaan
3. Kami usahakan membalas komentar anda secepat kilat!
4. Masalah "Link Rusak" bisa anda laporkan lewat komentar
5. Jika meninggalkan Link Aktif pada komentar terpaksa kami hapus

Salam Admin
Darma Jaya

 
Top