CARA MEMBUAT MULTI TAB WIDGET DI KOLOM WIDGET BLOG
Trisatya 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 .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.
DESIGN========================================
SECURITY======================================
TRIK WINDOWS============================
INTERNET==================================
Pasang Multi Tab Widget Agar Hemat Kolom widget
Subscribe to:
Post Comments (Atom)
DESIGN
|
SECURITY
|
TOOLS WINDOWS
|
INTERNET
|
AUDIO/VIDEO
|
OTHERS
|
mas Tri, bisa ngga ukuran judul tab-nya di ubah biar bisa muat banyak...
ReplyDeleteMaksud saya. yang ada | JUDUL | bisa ngga jadi |JUDUL|, jadinya di press. Soalnya jadi dikit yang bisa ditampilin untuk ukuran tertentu.
makasih...
bisa lkosongkan saja judulnya
ReplyDelete