Sponsor



REFRESH AUTHOR ISLAM TUTO BIES RANDOM THEMES LINK


How To Make Cute Navigation for Blog

Hasil gambar untuk anime girl happy gif
Assalamu'alaikum. Hi readers! Angel req caranya bikin navi kayak punyaku^^ ceck it out

  • Log in akun blog kamu
  • Dashboard >> Tata Letak >> Add Gadget (yang ada di bawah header) >> HTML/JavaScript
  • Copas kode di bawah ini

.tablo{
font-size:40px;
background:# FCDFF0;
color: #000;
text-transform:uppercase;
letter-spacing: 3px;
font-family: Amatic SC;
text-decoration:none;
padding-left:30px;
padding-right:30px;
padding-top:3px;
padding-bottom:10px;
border-radius: 10px;
width: 100px;
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;
}
.tablo:hover {
background: #D28CB5;
color: #fff;
}
</style>
<center>
<a class="tablo" href="http://mochiiandpeanut.blogspot.co.id/">LAMAN1</a><img src="URL ICON"/>
<a class="tablo" href="http://mochiiandpeanut.blogspot.co.id/p/about-me.html">About</a><img src="URL ICON"/>
<a class="tablo" href="http://mochiiandpeanut.blogspot.co.id/p/stuffs.html">LAMAN2</a><img src="URL ICON"/>
<a class="tablo" href="http://mochiiandpeanut.blogspot.co.id/p/linkies.html">LAMAN3</a><img src="URL ICON"/>
<a class="tablo" href="http://mochiiandpeanut.blogspot.co.id/p/q.html">LAMAN4</a></center>
</div>


Ungu: warna backgroundnya
Pink: Warna font nya
Oranye: Warna background setelah di hover
Highlight hijau: warna font setelah di hover
Merah: url blog kamu
Biru: Nama laman
Hijau: Url icon

Tidak ada komentar:

Posting Komentar