Cute Navigation Like Mine

*Mizuki manis ya*

Hai kembali lagi di super family 100 *eembalah*

Ok ok ok *gaya kii* kali ini nggak singkat kok post nya. aku mau kasih tuto Cute Navigation Like Mine .

Preview:

 Kayak gitu contohnya.

Template Denim dan Simple:

Buka blogger- tata letak ( yang dibawah header ya!) -add a gadget- html/javascript-
copy code ini:

<style>
.vivi{
font-size:10px;
color:#fea6c7;
text-transform:uppercase;
background: #ffeeee;
font-family:Comic sans MS;
text-decoration:none;
padding:10px;
width: 50px;
display:inline-block;
border:3px solid #FFE3E6;
 border-radius: 30%;
 margin: 5px;
margin-top: 5px;margin-bottom: 5px;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.vovo{
font-size:10px;
color:#fea6c7;
text-transform:uppercase;
background: #ffe4e1;
font-family:Comic sans MS;
text-decoration:none;
padding:10px;
width: 50px;
display:inline-block;
border:3px solid #fea6c7;
 border-radius: 30%;
 margin: 5px;
margin-top: 5px;margin-bottom: 5px;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
</style>
<br />
<center>
<a class="vivi" href="link">link</a>
<a class="vovo" href="link">link</a>
<a class="vivi" href="link">link</a>
<a class="vovo" href="link">link</a>
</div>
</center>

Lalu pastekan code diatas di kolom html/javascript.

Save~

Selesaii dehhhh.......


bye bye dulu yaa!!
SAYONARAA....