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(){
$("#tabs").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 ^_^
Posting Komentar