Berikut adalah cara membuat menu transparan dengan css 3 Langsung saja untuk cara pembuatannya
- Login ke Blogger
- Klik Design / Rancangan, lalu pilih edit html.
- Centang Expand Widget Template
- Cari kode ]]></b:skin> Jika sudah ketemu anda simpan kode di bawah ini di atas kode ]]></b:skin>
- Setelah itu cari kode <body>
#top_navigation { background : transparent; width: 800px; height : 77px; list-style : none; margin-top : 7px; margin-bottom : 11px; width : 100%; } ul.nav { background : transparent; width: 800px; height : 57px; line-height : 31px; list-style : none; padding : 0 10px; font-size : 14px; } ul.nav li { display : inline; padding : 0; background : transparent; } ul.nav a { background : transparent; height : 30px; font-size : 16px; color : #808080; float : left; padding : 11px 19px 11px 16px; text-decoration : none; border-top: 1px solid #252525; border-bottom : 4px solid #252525; border-left : 1px solid transparent; border-right : 1px solid transparent; border-radius : 4px; -moz-border-radius : 4px; -webkit-border-radius: 4px; } ul.nav a:hover { background : #252525; border-top : 1px solid #252525; border-bottom : 4px solid #000; border-left : 1px solid #252525; border-right : 1px solid #252525; color : #FFF; padding : 11px 19px 11px 16px; border-radius : 4px; -moz-border-radius : 4px; -webkit-border-radius: 4px; }
<div id="top_navigation">
<ul class="nav">
<li><a href="#"> Home </a></li>
<li><a href="#"> Blogidin</a></li>
<li><a href="#"> About</a></li>
<li><a href="#"> Kontak Saya </a></li>
<li><a href="#"> Artikelku</a></li></ul></div>
Kode # adalah URL nya
dan kode berwarna biru adalah judul URL nya atau Link nya
semoga tips blogger ini bermanfaat
