Membuat Jquery Multi Tab View di Blogger

1. Login ke Akun Blogger,lalu pergi ke Design >> Edit HTML

2. Beri tanda Centang pada “Expand Widget Templates” 

3. Cari baris ini dengan CTRL + F    </head>

4. Paste kode dibawah ini diatas kode  </head>

<script>
    $(document).ready(function() {
        $("#tabs").tabs();
    });
</script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/blitzer/jquery-ui.css" type="text/css" />

5. Sekarang, ke Design >> Page Element

6. Klik "Add Gadget"  >> 'HTML/Javascript'

7. Paste kode dibawah ini :

<a href="#tabs-2">Tab-2</a></li><li>
<a href="#tabs-3">Tab-3</a></li></ul>
<div id="tabs-1">Script or Text Here</div>
<div id="tabs-2">Script or Text Here</div>
<div id="tabs-3">Script or Text Here</div>

Ganti tulisan Script or Text Here  dengan konten yang kamu inginkan dalam Tab tersebut.

8.  Simpan HTML/Javascript 

SELESAI.




bloggertrix.com