aylvrs

Navigation Bar #1

0 Comment(s)

ANNYEONGHASEYO!!

hallo, peeps. Hari ini Any mau kasih tutorial cara membuat navigation kayak gini nih :

LIVE PREVIEW

Yah seperti itulahh

Nah, bagi blogskin *hayoo* dan designer, yuk cobaa!!

Designer Template

1. Login ke blogger kalian

2. Tata Letak > Tambahkan Gadget > HTML/javascript

3. Copast code dibawah

<style>
a.menu {
background-color: #f3f3f3;
padding-bottom: 5px;
display:inline-block;
padding: 5px;
text-align: center;
margin:3px;
width:100px;

</style>
<center>
<a class="menu"href="Url Link">page</a>
<a class="menu"href="Url Link">apa</a><br />
<a class="menu"href="Url Link">aja</a>
<a class="menu"href="Url Link">anylivers</a><br />
</center>

Blogskin Classic

1. Login ke blogger kalian
2. Template > Scroll > Cari kode </style>
3. Copas code berikut diatasnya.

a. anylivers {
background-color: #f3f3f3;
padding-bottom: 5px;
display:inline-block;
padding: 5px;
text-align: center;
margin:3px;
width:100px;
}
a. anylivers: hover;
background-color: #d4d4d4;
color: #fff;
padding-bottom: 5px;
display:inline-block;
padding: 5px;
text-align: center;
margin:3px;
width:100px;
}

4. Sudah? Lalu cari kode sidebar, copas code ini.

<a class="anylivers" href="URL">JUDUL</a>

5. Save

Label: #AlaAny, All Template, Tutorial