Monday, April 8, 2013

Cara Membuat Multi Tab Di Blog (eghooy main blog)

Rate this posting:
{[['']]}




Dilihat dari fungsi dan cara kerjanya, multi tab ini lebih efisien, terutama pada saat kita edit atau mengisi data pada konten multi tab. Dengan multi tab ini kita tinggal menambahkan gadget yang sudah ada didalam multitab tersebut. Misalnya kita ingin Arsip blog, entri populer, daftar blog, video atau yang lain ada dalam multi tab, maka kita tinggal add gadget. Tapi ingat, bila anda ingin memasukkan gadget yang sudah ada pada blog anda, misalnya Arsip blog, entri populer, daftar blog, sebaikya anda hapus dulu gadget yang sudah ada, kemudian baru menambahkan gadget baru yang ada pada multi tab.
Silahkan anda lihat bentuk dan tampilan multi tab.a dari blog saya
Bila anda berminat silahkan anda ikuti langkah - langkah dibawah ini :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.

4. Cari kode di bawah ini atau yang mirip dengan kode ini :
]]></b:skin>

5. Copy kode di bawah ini dan taruh tepat setelah kode ]]></b:skin> :

6. Langkah selanjutnya cari lagi kode di bawah ini atau yang mirip dengan kode ini :
<div id='sidebar-wrapper'>

7. Copy kode di bawah ini dan taruh tepat setelah kode <div id='sidebar-wrapper'> :
<!-- Tabzine -->
<div class='widgets' id='tabzine'>
<ul class='tabnav'>
<li class='pop'><a href='#tab11'>DAFTAR BLOG</a></li>
<li class='fea'><a href='#tab22'>ARSIP</a></li>
<li class='rec'><a href='#tab33'>POPULER</a></li>
</ul>

<!-- tab1 -->
<div class='tabdiv' id='tab11'>
<b:section class='sidebar5' id='sidebar5' preferred='yes'>
<b:widget id='HTML223' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!--/tab1-->

<!-- tab2 -->
<div class='tabdiv' id='tab22'>
<b:section class='sidebar4' id='sidebar4' preferred='yes'>
<b:widget id='HTML323' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!-- tab2 -->

<!-- tab3 -->
<div class='tabdiv' id='tab33'>
<b:section class='sidebar3' id='sidebar3' preferred='yes'>
<b:widget id='HTML423' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!-- /tab3 -->

</div>
<!-- /Tabzine -->
Catatan : Silahkan anda bisa mengganti Judul tab yang berwarna merah diatas.

8. SIPAN TEMLPATE.

Silahkan anda menuju Elemen Laman, dan lihat multi yang bentuknya kira - kira seperti gambar ini :

Kemudian silahkan anda tambah gadget  dan isi sesuai dengan Judul tab yang anda buat tadi.
Berikut tampak satu persatu dari tiga judul tab diatas :


OK..., Selesai
semoga bermanfaat :)

Description: Cara Membuat Multi Tab Di Blog (eghooy main blog) Rating: 5 Reviewer: Ega Bagus Permadi ItemReviewed: Cara Membuat Multi Tab Di Blog (eghooy main blog)
Kamu sedang membaca artikel tentang Cara Membuat Multi Tab Di Blog (eghooy main blog) Silahkan baca artikel Eghooy Main Blog Tentang Yang lainnya. Kamu boleh menyebar Luaskan atau MengCopy-Paste Artikel ini, Tapi jangan lupa untuk meletakkan Link Cara Membuat Multi Tab Di Blog (eghooy main blog) Sebagai sumbernya


Artikel Terkait:

Reactions:

1 comments:

Berkomentarlah Yang Bijak salam Eghooy Main Blog