Breaking News
Loading...
Thursday 13 June 2013

Info Post
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