::TUTORIAL Menu Tab / Navigation Bar (pada atas blog)::

Assalamualaikum.

Hye.

Harini Aku nak buat tutorial lagi

tutorial pasal navigation bar/tab menu

yang kali ni pulak di atas blog.

dengan effek bile disentuh ia membesar.

cube lihat gambar ni

sebelim di sentuh

selepas di sentuh

kalaw tidak pun cuba korang sentuh yang di atas tu.

cara nk buatnye macam ni

1. Log in > Dashboard > Design > Add A Gadget > Html/JavaScript

2. copy dan pastekn kod nie di situ

<div style="display: scroll; position: fixed; text-align: center; top: 0px;">
<div id="list6">
<div style="text-align: center;">
<li><a href="link home korang">home</a> <a href="link page korang">siapa aku</a> <a href="http://syahminaahmad.blogspot.com/p/tutorial.html">tutorial</a> <a href="link page korang">tips</a></li>
</div>
</div>
</div>
<style id="page-skin-1" type="text/css">
<!--
/* LIST #6 */
#list6 {center }
#list6  { list-style:none;}
#list6  li { font-family:impact,serif,impact; font-size:18px;margin:1px; }
#list6  li a {  webkit-transition-duration: .5s;   background-color:#ffffff; border-left:10px solid#FF002B; border-right:10px solid#FF002B;
text-decoration:none; color:#FA58F4; }
#list6  li a:hover {  -moz-box-shadow:10px 10px 20px #000000;
 box-shadow:10px 10px 20px #000000; font-size:25px; -webkit-transition-duration: .5s; }
-->
</style>

merah=link page korang

biru=name page korang
hijau=bayang2
kuning=warna tekspink=kod warna border yang kat tepi warne merah tu

jingga=warna background     *klw korang pandai korang ubah la apew2 yang patut,,,

3. Save.

senang jew kan,,, cube lah buat

ade papew masalah sile coment

-out-

home siapa aku tutorial tips