"spread the knowledge or teach a science, although only one verse"
Breaking News
Loading...
Thursday, 13 June 2013

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Membuat Tab Menu di Sidebar Blog. 

Cara Membuat Tab Menu di Sidebar Blog :

  • Login pada Blogger
  • Masuk mode Rancangan kemudian Edit HTML
  • Cari kode </head> untuk lebih cepat mencari kode gunakan Ctrl+F
  • Masukan kode berikut diatas kode tadi

<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>
  •  Jika sudah Simpan Template 
  • Selanjutnya pindah ke Elemen halaman kemudian Tambah Gadget lalu pilih HTML/JavaScript
  • Masukkan kode 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> 
  • Jika sudah Simpan
Demikian blogger tutorial mengenai Cara Membuat Tab Menu di Sidebar Blog.

Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^

0 komentar:

Post a Comment