Tutorial : Navigation rainbow.

 

Hey guys. I'm back :) Thanks to Hafiz :) for this tutorial ^^

Berkenan tak yang macam ni? Comel kan? 

Click here first !

1. Log in > Dashboard > Add a Gadget > HTML/JavaScript

<style>
@font-face{
font-family:lemoncanfly;
src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf')
}
.bulat {
display:inline-block; 
width:50px;
height:40px;
font-family:lemoncanfly;
font-size:30px;
text-transform:uppercase;
text-align:center;
color:#fff;
text-shadow: 1px 1px 3px rgba(111, 123, 125, 1); 
border:2px solid #fff;
box-shadow:0px 1px 2px #aaa;
border-radius:30px;
padding-top:8px;
padding-bottom:2px;
}
</style>

<center>
<a class="bulat" style="background:#fe5964;" href="YOUR URL">1</a>
<a class="bulat" style="background:#fea659;" href="YOUR URL">2</a>
<a class="bulat" style="background:#f8fe59;" href="YOUR URL">3</a>
<a class="bulat" style="background:#59fe5d;" href="YOUR URL">4</a>
<a class="bulat" style="background:#59ddfe;" href="YOUR URL">5</a>
<a class="bulat" style="background:#5978fe;" href="YOUR URL">6</a>
<a class="bulat" style="background:#ba59fe;" href="YOUR URL">7</a>
</center>

Yang bold tu, kauorang boleh cari di sini.

Good luck :> 

Back to Tutorial