Tab Menu



Dashboard > Template > Edit HTML
CTRL + F [Find]

]]></b:skin>


Paste SEBELUM code yang korang dah cari tadi.


a.menutab {background:url(URL BACKGROUND IMAGE);display: inline-block;font: normal 10px 'Lucida Sans Unicode', Lucida Grande, sans-serif;color: #000;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:#fff;}


Tukar ye..

Merah 
Hijau  
Code warna di sini sini sini


Eh! tak habis lagi tau!

Dashboard > Add a Gadget > HTML/JavaScript

Paste!

<center>
<a class="menutab" href="URL LINK">HOME</a>
<a class="menutab" href="URL LINK">TUTORIAL</a>
</center>
Turquoise : NAMA TAB
Oren : URL LINK
URL HOME (http://cantiknyabelog.blogspot.com/)
URL TUTORIAL (http://cantiknyabelog.blogspot.com/p/tutorial.html) *ini page*
Create page? refer sini.
URL TUTORIAL (http://cahayaalammaya.blogspot.com/search/label/ilmu) *ini label*
Dapatkan URL label? sini.

_Kalau taknak center, buang je coding center tu.
_Kalau nak tambah tab, copy paste code ini dan tukar OREN dan TURQUOISE.
   <a class="menutab" href="URL LINK">TUTORIAL</a>

** Jangan lupa, letak bawah header ye..

No comments:

Post a Comment