CARA MEMBUAT MULTI TAB WIDGET DI KOLOM WIDGET BLOG
Multi tab widget adalah widget yang memberikan ruang besar efisien untuk Blogger. Ini membantu untuk mengurangi waktu buka blog Blogger Anda dengan menggabungkan tiga atau lebih dari tiga widget menjadi satu. Widget navigasi tab fitur tab dan jendela konten, ketika mengklik tab, konten yang berbeda terlihat di jendela bawah. Anda dapat menggunakannya untuk posting Populer, commenters Top, Recent Posts, Recent Posts atau widget apapun yang Anda suka.
Widget ini adalah persembahan dari webaholic. baik, langsung saja sobat saya kasih tau cara pemasangan Multi Tab Widget Ini Di Blog.
- 1.sobat masuk ke akun blog sobat (dasbor) > Rancangan > Edit HTML
- 2.klik centang pada Expand Widget Template
- 3.sobat cari kode </head>
- 4.gunakan tombol CTRL + F untuk memudahkan Pencarian.
- 5.Copy Kode berikut ini dan Paste-kan tepat diatas/sebelum kode</head>
• <script src="http://www.webaholic.co.in/other/blogger-tabbed-widget-javascript.js" type="text/javascript"></script>
<link href="http://www.webaholic.co.in/other/blogger-tabbed-widget-css.css" rel="stylesheet" type="text/css" />
jika sudah diletakkan kodenya, klik SIMPAN TEMPLATE .
<link href="http://www.webaholic.co.in/other/blogger-tabbed-widget-css.css" rel="stylesheet" type="text/css" />
jika sudah diletakkan kodenya, klik SIMPAN TEMPLATE .
eit belum selesai sobat,selanjutnya :
- #masuk ke menu Edit Laman > Tambah Widget> HTML/JavaScript
#copy kode berikut letakkan di kolom CONTENT
<form action="tabtampil.html" method="get">
<div id="TabTampil" class="TabTampil">
<div style="width: 300px;" class="TTs">
<a>Judul 1;/a>
<a>Judul 2;/a>
<a>Judul 3;/a>
</div>
<div style="width: 300px; height: 300px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<br/>
isi Widget Judul 1
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Isi Widget Judul 2
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Isi Widget judul 3
</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.joglio.blogspot.com/' target='_blank'>Trisatya Blog</a></small>
</div>
</div></form>
<script type="text/javascript">tabtampil_inisial('TabTampil');</script>
keterangan :
judul 1, judul 2, judul 3 adalah judul tab .
isi Widget Judul 1, 2, 3 : isi widget pada judul tab . misalkan sobat mau pasang artikel terkait,popular post, dsb maka pasang widgetnya di Isi Widget .
kemudian SIMPAN TEMPLATE.
<form action="tabtampil.html" method="get">
<div id="TabTampil" class="TabTampil">
<div style="width: 300px;" class="TTs">
<a>Judul 1;/a>
<a>Judul 2;/a>
<a>Judul 3;/a>
</div>
<div style="width: 300px; height: 300px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<br/>
isi Widget Judul 1
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Isi Widget Judul 2
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Isi Widget judul 3
</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.joglio.blogspot.com/' target='_blank'>Trisatya Blog</a></small>
</div>
</div></form>
<script type="text/javascript">tabtampil_inisial('TabTampil');</script>
keterangan :
judul 1, judul 2, judul 3 adalah judul tab .
isi Widget Judul 1, 2, 3 : isi widget pada judul tab . misalkan sobat mau pasang artikel terkait,popular post, dsb maka pasang widgetnya di Isi Widget .
kemudian SIMPAN TEMPLATE.

Tidak ada komentar:
Posting Komentar