Cara pasang tab menu versi 2


Untuk memasang tab menu seperti yang boleh anda lihat pada blog ini (sila klik), sila ikut beberapa langkah di bawah.

p/s: Sila save script template anda.


Langkah 1

Log in blog => Dashboard => Layout Edit HTML.

Langkah 2

Dengan menggunakan keyboard, Tekan kekunci Ctrl dan F secara serantak. Ruang Find akan muncul. Seterusnya, taip atau paste kod </head> pada ruang Find dan seterusnya tekan Enter.

Langkah 3

Salin kod berwarna biru di bawah dan paste di atas atau sebelum kod </head>

<link href=' http://sites.google.com/site/javascript10/jquery.ui.all.css' rel='stylesheet' type='text/css'/>
<script src='http://sites.google.com/site/javascript10/jquery.js' type='text/javascript'/>
<script src='http://sites.google.com/site/javascript10/jquery-ui.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;#tabs&quot;).tabs();
});
</script>

Seterusnya, klik Preview dan jika tiada mesej Error yang terpapar, klik saja Save.

Langkah 4

Salin kod berwarna merah di bawah dan edit pada notepad. Anda boleh gantikan teks masukkan teks, link atau script disini yang di bold dengan teks,link ataupun script anda. Contoh script yang boleh anda masukkan adalah seperti recent comments, top commentators, popular posts atau shout box.

<div id='tabs'>
<ul>
<li><a href='#fragment-1'><span>Title 1</span></a></li>
<li><a href='#fragment-2'><span>Title 2</span></a></li>
<li><a href='#fragment-3'><span>Title 3</span></a></li>
</ul>
<div id='fragment-1'>
Masukkan teks, link atau script anda disini 1
</div>
<div id='fragment-2'>
Masukkan teks, link atau script anda disini 2
</div>
<div id='fragment-3'>
Masukkan teks, link atau script anda disini 3
</div>
</div>

Langkah 5

Klik pada Layout => Add A Gadget => HTML/Javascript.

Langkah 6

Salin kod yang telah siap di edit(rujuk langkah 4) dan paste pada ruang Content HTML/Javascript.(rujuk langkah 5)

Akhir sekali, klik Preview dan seterusnya, klik saja Save.
Cara pasang tab menu versi 2

size button dia agak kecil..macamana nk besarkan??

bila saya try preview utk 1st part, ok.
tapi nuffnang terganggu lak
cemana ye?

@miss nina

Kalau preview, nuffnang memang jadi gitu. Tak per, kalau tab menu nya ok, save saja.

bagus la blog sedara ni...saya banyak mendapat manfaat darinya..

semoga sedara dan keluarha dirahmati Allah SELALU..

utk pengatahuan Nescafe Ais, mmg lepas buat coding di atas... page akan lagging eyy? mcm berat sngat.... @ interfacing 2 mmg gitu ke? slow la nescafe ais....