Cara membuat Tab menu

Bismillahirrahmanirrahim..
Petang ni Zharif nak buat tutorial psai tab menu ni .ZHArif dah pandai dah nak buat tab menu tapi tengok tuto orang lah .Sementara ni Zharif masih ingat Jom Lihattt :)

Ni lah button tab menu tuu 

1 - Blogger > Dashboar > Layout > Add A gadget > HTML/JavaScript 2 - Copy codes ni dan pastekan kat ruangan HTML/JavaScript

<style>a.nav{-webkit-transition: 1.0s;-moz-transition: 1.0s;margin:5px;display:inline-block;text-align:center;background: #eee;color:#000;width:90px;padding:4px;font: 13px Franklin Gothic Demi Cond;} a.nav:hover{color: #fff;background:  #EBD6FF;-moz-box-shadow: inset 0 0 5px 5px #EBD6FF;-webkit-box-shadow: inset 0 0 30px 30px #EBD6FF;box-shadow: inset 0 0 30px 30px #EBD6FF;}</style> <div style="background: #CAC7D9; border-bottom: 1px dashed #fff; border-top: 1px dashed #fff;"/><center><a class="nav" href="URL/LINK">PERKATAAN</a><a class="nav" href="URL/LINK">PERKATAAN</a><a class="nav" href="URL/LINK">PERKATAAN</a><a class="nav" href="URL/LINK">PERKATAAN</a></center></div>

 3. Save

Color : Tukarkan kepada background korang ye. yang ni background yang kat belakang tu. bukan background tab menu.tukarkan kepada color codes anda. boleh cari kat SINI
Color : Ni baru background menu. tukarkan kepada color codes anda. boleh cari kat SINI

Kalau nak tambah lagi, letak ni

                                                                       <a class="nav" href="URL/LINK">PERKATAAN</a> 

                                                  ngn lupa komen dan like blog ni,like tuto ni sekali yee......