1News Online:
Home » » Tutorial Blog - Cara pasang tab menu versi 2

Tutorial Blog - Cara pasang tab menu versi 2

Wednesday, October 31, 2012 | 3:19 AM


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.

Kongsi artikel ini : :

Post a Comment

 
Copyright © 2012. 1News Online - All Rights Reserved
Proudly powered by Blogger