Saturday, March 12, 2011

Tutorial Multi Tab Menu

6


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 GigitaN:

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

akak buta it skit la dik

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

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

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

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

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More