Cara Membuat Tab Menu di Sidebar Blog

By. Dedi Yahya S

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 ^_^