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> 


                                                  okay klau menjadi jngn lupa komen dan like blog ni,like tuto ni sekali yee......

No comments:

Post a Comment

 
Template design by Adam Faiz