Navigation

Assalamualaikum and hai there reader(s)

Ada orang request tuto untuk navigation macam Ira tu. So, dah alang-alang free dengan hw ini, Ira buatkan lah. Belajar sama-sama best kan (:

Simple kan. Jom ikut

1. Layout > Add Gadget > Html/Javascripts

2. Masukkan code dibawah ini

<style>a.nav{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:5px;
display:inline-block;
text-align:center;
background: #ffffff;
color:#000;
width:90px;
padding:4px;
font: 12px Arial;}
a.nav:hover{
color: #fff;
background:  #FFFFFF;
-moz-box-shadow: inset 0 0 5px 5px #000000;
-webkit-box-shadow: inset 0 0 30px 30px #000000;
box-shadow: inset 0 0 30px 30px #000000;}</style>
<div style="background: #FFFFFF; border-bottom: 1px dashed #fff; border-top: 1px solid #fff;"/><center>
<a class="nav" href="http://www.blogger.com">Word</a>
<a class="nav" href="http://www.blogger.com">Word</a>
<a class="nav" href="http://www.blogger.com">Word</a>
<a class="nav" href="http://www.blogger.com">Word</a>
<a class="nav" href="http://www.blogger.com">Word</a>
<a class="nav" href="http://www.blogger.com">Word</a>
<a class="nav" href="http://www.blogger.com">Word</a></center></div>

3. Edit lah mana yang patut :)

" http://www.blogger.com " - tukar dengan link pages anda
" Word " - tukar dengan title pages

itu sahaja. bye (: