Cara Pasang jQuery Easy Organic Blogger Tabs

MAjalahAsik.com - Tab view menu bisa kita cari dimana - mana tutorialnya dari tab view menu dengan cara edit HTML dan ada juga tab view menu yang tidak payah edit HTML.

Tapi pada tutorial keyoy kali ini keyoy kasih sesuatu yang beda yaitu Tab view menu dengan  jQuery caranya gampang banget gak payah pokonya dech.

Langsung aja kali ya tutorialnya.

Pertama kamu harus ke bagian EDIT TATA LETAK

Kedua kamu tekan Tambah Gadget

Ketiga cari gadget HTML/JavaScript

Setelah ketemu kamu isi dengan script berikut ini:

<style type="text/css">
.blogtabs {padding: 0px !important;border: 0 solid #bbb;}
.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 8px 7px;border: 1px solid #bbb;overflow: hidden;position: relative;background: #FFD700;cursor:pointer;}
html .blogtabs h2.active {background: #fff;}
.blogtabs .widget-content {border: 0px solid #bbb;padding: 10px;background: #fff;clear:both;margin:0;}
.btab, #showtabs {display:none;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="http://dl.dropbox.com/u/3558628/jQsimpletabs.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#showtabs').simpleBlogTab ({organictabs: 4});
});
</script>
<div id="showtabs"></div>

Setelah kamu isi sekarang simpan dan letakkan diatas gadget yang mau kamu buat jadi tab view menu.

Hasil akhirnya dapat kamu liat seperti gambar disamping ini: