Home » » Menu Simple watermark

Menu Simple watermark

hai sobat, sekarang saya akan memberikan anda tentang cara membuat menu simple dari saya sendiri (andikaarya), langsung saja ke TKP

langkah : 

  • login ke blogger
  • masuk ke template
  • edit HTML
  • jangan lupa klik Expand template widget
sobat cari kode ]]></b:skin> dan letakan kode di bawah ini tempat di atas kode ]]></b:skin>
agar mempermudah pencarian anda bisa klik F3/Ctrl+F




body {
background-color: #FFF;
margin: 0px;
}
#menu {
height: 50px;
width: auto;
background-color: #242424;
}
#menu #navigasi {
float: left;
height: 50px;
width: 600px;
}
#menu #navigasi a {
display: block;
float: left;
margin: 0px;
padding: 15px;
color: #FFF;
text-decoration: none;
font-size: 16px;
}
#menu #navigasi a:hover {
color: #FFF;
background-color: #333;
}
</style>
</head>


copy kode di bawah ini dan letakan di atas code </header>



<div id="menu">
<div id="navigasi">
<a href="#">home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</div>
</div>



langkah terakhir tinggal save template, terima kasih telah mengunjungi blog kami 

berikut gambar dari menu saya

jika ada yang salah dengan menu yang saya buat ini
anda bisa kritik lewat email kami
komentarwatermark@yahoo.co.id
Bila ada kiriman email tersebut jangan di balas
karena auto respond
Share this article :

1 komentar:

Alexa

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Andikaarya 創造的 - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger