Pilihan Menu dengan Icon

by Muhammad Aan , at 9:00:00 PM , have 1 comment


Wuih.. blognya keren mana dihiasi dengan menu bergambar lagi.. wah pengen nih.. tapi gimana cara buatnya.. ya??
Sering kita lihat kalo pemilihan menu yang ada pada header yang terdapat pada blog biasanya hanya tulisan dan warna-warna bila disetuh.. tapi kadang kala kita pengen dengan suasana laen misalnya, dengan gambar-gambar yang uniks.. seperti yang terlihat pada gambar dibwah ini :




Nah langkah membuatnya mudah kok' ga' susah amat dan ga' ribet..
Gini caranya:

Langkah Pertama :
1. Masuk ke akun google kmu.
2. Pilih menu Layout --> Edit html.
3. Masukkan kode ini :


#newnavbar ul li{
list-style-type: none;
display:inline;
margin:0px;
padding:30px;
border:0px solid;
}


4. Masukkan kode tersebut Dibawah /* Header */ letaknya dibagian tengah Template.
5. Save.


Langkah Kedua :
1. Pilih Page Element dan kli Add Pege Element.
2. Pilih Html/Javascript.
3. Masukkan kode dibwah ini kedalam konten box..


<div id='newnavbar'>
<ul>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
</ul></div>


4. Save Dan lihat hasilnya.

Gambar/icon dapat diambil pada ICONARCHIVE
Cara Pengambilan Lokasi Icon:







1. Masuk ke icon archive
2. Pilih Icon yang kmu suka.. dan klik kanan pada download as ico.file. Pilih Copy Image Location
3. Pastekan URL tersebut ke URL image yang ada pada kode tadi..
4. Selesai..





Muhammad Aan
Pilihan Menu dengan Icon - written by Muhammad Aan , published at 9:00:00 PM, categorized as Blogger , Tips , Trik . And have 1 comment
1 comment Add a comment
Natha Lia
tq...for the info...ur Link alredy i ADD to my blog...Pls Add my Link.....tq

Klik Here
Reply Delete
Cancel Reply
GetID
Copyright ©2013 Blog Mas Aan
Designed by Damzaky - Powered by Blogger