Multi-Tabbed Widget Untuk Blogger

info-gamepc.blogspot.com - Multi-Tabbed Widget adalah Tab View multi yang berfungsi untuk menghemat ruang atau tempat di blog anda. Tab ini membantu anda untuk mengurangi waktu loading blog dengan cara menggabungkan tiga atau lebih widget menjadi satu. Anda dapat memasukkan isi ke Tab Multi seperti untuk posting populer, Top komentar, Recent Posts, atau widget yang lain.

Berikut langkah-langkah untuk menambahkan Multi-Tabbed Widget ke blog Blogger Anda.

1. Langkah 1:

Login ke akun Blogger Anda dan arahkan ke Template =>> Edit HTML.

2. Langkah 2:

Cari dengan menekan (CTRL + F) kode

</head>

, kemudian masukkan kode dibawah ini diatas kode </head>

<script type="text/javascript"> src="http://www.webaholic.co.in/other/blogger-tabbed-widget-javascript.js" </ script>
<link rel="stylesheet" type="text/css" href="http://www.webaholic.co.in/other/blogger-tabbed-widget-css.css"/>

3. Langkah 3:

Sekarang pergi ke bagian Layout => Add a Gadget => Pilih Javascript/HTML sekarang kopikan kode dibawah ini:

<form action="tabtampil.html" method="get">
<div id="TabTampil" class="TabTampil">
<div style="width: 300px;" class="TTs"> <a>Tab 1</a> <a>Tab 2</a> <a>Tab 3</a></div>
<div style="width: 300px; height: 300px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<br/>
Tab 1 content goes here
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 2 content goes here
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 3 content goes here
</div>
</div>
</div>
<small><a style='margin-left:10px;align:right;' href='http://www.blogger.webaholic.co.in/2011/10/multi-tabbed-widget-for-blogger.html'
target='_blank'>Multi-Tabbed Widget</a> | <a href='
http://www.webaholic.co.in/' target='_blank'>Webaholic</a></small>
</div>
</div></form>
<script type="text/javascript">tabtampil_inisial('TabTampil');</script>

Konfigurasi:

1. Tab 1, Tab 2, Tab 3 ganti dengan Judul kamu

Tempatkan isi didalam widget

2. Tab 1 content goes here, Tab 2 content goes here,  Tab 3 content goes here

4. Langkah 4:

Simpan dan lihat hasilnya.