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 ulasan

AishaAminudin berkata...

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

akak buta it skit la dik

AbgferOz berkata...

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

anys nadhilah berkata...

xjadi :(

AbgferOz berkata...

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 berkata...

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 berkata...

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

Dikuasakan oleh Blogger.