Share For You

Menu navigasi keren ini ber style circle di buat dengan Css3 dan HTML berikut cara membuatnya di blog sobat
1. Masuk ke Blogger --> Template
2. Klik Edit HTML
3. Gunakan pencarian cepat dengan menekan CTRL  + F cari ]]></b:skin>
4. Pastekan Kode di bawah ini sebelum tag ]]></b:skin>

.circlemenu{ width: 100%; overflow:hidden; } .circlemenu ul{ margin: 0; padding: 0; font: bold 14px Verdana; list-style-type: none; text-align: center; } .circlemenu li{ display: inline; margin: 0; } .circlemenu li a{ display:inline-block; text-align:center; text-decoration: none; color: white; background:#b30707; margin: 0; margin-right:5px; width:100px; height:100px; border-radius: 400px; -moz-border-radius: 400px; -webkit-border-radius: 400px; } .circlemenu a span{ position:relative; top:40%; } .circlemenu li a:visited{ color: white; } .circlemenu a:hover{ background: #ff1774; }

5. Sekarang pilih menu Layout
6. Klik Add Gadget pilih ' HTML / JavaScript'
7. Pastekan Kode dibawah ini
<div class="circlemenu"> <ul> <li><a href="#"><span>Home</span></a></li> <li><a href="#"><span>Download</span></a></li> <li><a href="h#"><span>CSS</span></a></li> <li><a href="#"><span>About</span></a></li> <li><a href="http://www.erwintipstrick.blogspot.com/"><span>My Blog</span></a></li> </ul> </div>

Ganti tanda Crash ' # ' dengan link sobat
8. Sekarang simpan HTML / JavaScript dan lihat hasilnya


Semoga Bermanfaat ' jangan lupa Like fan page nya sobat