Cara Membuat Tab Menu Blog

21 Februari 2011

Cara Membuat Tab Menu Blog

1. Pergi pada design >> edit html (sila backup/ download template anda terlebih dahulu)
2. Tekan CTRL+F untuk dan cari <head> dalam box edit html
3. Copy dan paste kod <script src='http://apisv2.fileave.com/tabview.js' type='text/javascript'/>
di bawah <head>

4. Kemudian copy kod dibawah dan paste sebelum ]]></b:skin>

div.TabView div.Tabs { height: 24px; overflow: hidden; } div.TabView div.Tabs a { float: left; display: block; width: 50px; /* Width top main menu - Tab Buttons*/ text-align: center; height: 14px; /* Height top main menu - Tab Buttons*/ padding-top: 3px; vertical-align: middle; border: 1px solid #000; /* Top Main menu border color */ border-bottom-width: 0; text-decoration: none; font-family: "Times New Roman", Serif; /* Top main menu font */ font-weight: 900; color: #000; /* Top main menu font color */ } div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active { background-color: #b4c1ce; /* Top main menu background color */ } div.TabView div.Pages { clear: both; border: 1px solid #b4c1ce; /* Content Border color */ overflow: hidden; background-color: #d8e1e3; /* Content background color */ } div.TabView div.Pages div.Page { height: 100%; padding: 0px; overflow: hidden; } div.TabView div.Pages div.Page div.Pad { padding: 3px 5px; }

5. Save template anda.

6. Click pada design >> layout >> add gadget >> HTML/Javascript

7. Copy dan paste kan kod dibawah

8. Anda boleh tukarkan content sbgai embeded link atau nama tab tersebut contohnya saya tukarkan content seperti dibawah