Tutorial Multi Tab Menu




1. Go to Layout >Edit HTML in your Blogger Dashboard.
2. backup templates utk mngelakkan kehilangan data..
3. search </head>
4. post code bellow before </head>

<script src='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/tabber.js' type='text/javascript'/>
<link MEDIA='screen' TYPE='text/css' href='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/example.css' rel='stylesheet'/>

5. pergi ke Layout -> Page Elements, and click on "Add a Gadget" click kat html
6. post code dibwah ini..
<div class="tabber">

<div class="tabbertab">
<h2>Tab 1</h2>
<p>Tab 1 content.</p>
</div>

<div class="tabbertab">
<h2>Tab 2</h2>
<p>Tab 2 content.</p>
</div>

<div class="tabbertab">
<h2>Tab 3</h2>
<p>Tab 3 content.</p>
</div>
</div>
p/s... semoga mencuba dan slamat berjaya...


6 comments

Adyshariz said...

kalau tamplete dr blogspot punya, boleh ke buat camni? hehe

akak buta it skit la dik

AbgferOz said...

bley pnye :) same ja.. try la tgok..

:anys: said...

xjadi :(

AbgferOz said...

ades.. kalu tenet slow dia mmg lmbat jadi.. tgu skejab smpai hbis loading.. baru jadi.. code tuh mesti atas /head

code satu agi kat add gadget html :) plan2 kayuhh.. k

sollehahn said...

ni pakai java kan?
benda ni mmg kena tunggu habis loading baru nampak tab dia....silap2 kalau pakai broadband, tak nampak pon tab dia..

anyway...thanx sudi share

AbgferOz said...

yups.. kalu internet slow mmg lambat nmpak la.. tpi still nmpak dia kat bwah wlaupun tak bertab :)

Powered by Blogger.