How To Make Cute Navigation for Blog

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