Login di blog >> Dashboard >> Layout(rancangan) >> Edit HTML.
cari kode </head> cari lebih cepat Dengan menggunakan keyboard Tekan Ctrl + F. tulis code yang anda cari pada ruang Find dan tekan Enter.
copy code dibawah ini dan paste di atas atau sebelum kode </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(){
$("#tabs").tabs();
});
</script>
Simpan...
selanjutnya pindah ke elemen halaman >> tambah gadget >> HTML/JavaScript
masukkan code dibawah ini.
<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>
simpan....
No comments:
Post a Comment