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.


{ 7 comments.. read them below or add one }

Tranxec Tranxec 1:37 PM
size button dia agak kecil..macamana nk besarkan??
miss nina miss nina 4:40 PM
bila saya try preview utk 1st part, ok.
tapi nuffnang terganggu lak
cemana ye?
Nescafe ais Nescafe ais 12:49 AM
@miss nina

Kalau preview, nuffnang memang jadi gitu. Tak per, kalau tab menu nya ok, save saja.
Riwaza_ muse Riwaza_ muse 11:06 PM
bagus la blog sedara ni...saya banyak mendapat manfaat darinya..

semoga sedara dan keluarha dirahmati Allah SELALU..
モddyß♥γz86® モddyß♥γz86® 2:03 PM
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....