Tutorial : Menu tab

bla bla bla



1. Dashboard > Template > Edit HTML  

2. CTRL + F [Find]  


 ]]></b:skin>

3. Copy code ini dan paste SEBELUM / ATAS ayat di yang dicari diatas tadi.  


a.menutab { background:url(URL BACKGROUND IMAGE); display: inline-block; font: normal 10px 'Lucida Sans Unicode', Lucida Grande, sans-serif; color: #000000; border: 2px solid #eee; display: inline-block; letter-spacing: 1px; margin: 0 2px 0 0; padding: 4px 9px; text-transform: uppercase; } a.menutab:hover { -webkit-transition: 1.0s; -moz-transition: 1.0s; border: 2px solid #ccc; background:#e23767; color:#ffffff; } 

4. Adjust tulisan berwarna.  
Kelabu : Warna sini 
kuning : solid | dashed | dotted  

5. Preview. Kalau tak ada error, save!  

Tak habis lagi tau.

 6. Layout > Add gadget > HTML/Javascript 


<center><a href="LINK PAGE"><img src="URL GAMBAR"/></a> <a href="LINK PAGE"><img src="URL GAMBAR"/></a> <a href="LINK PAGE"><img src="URL GAMBAR"/></a> <a href="LINK PAGE"><img src="URL GAMBAR"/></a></center> 

 Kalau taknak center, hanya paste ini.


  <a href="LINK PAGE"><img src="URL GAMBAR"/></a> <a href="LINK PAGE"><img src="URL GAMBAR"/></a> <a href="LINK PAGE"><img src="URL GAMBAR"/></a> <a href="LINK PAGE"><img src="URL GAMBAR"/></a>


  Sekian

No comments:

Post a Comment