Menambah Sub Tab View

Duaaarrrrr....???!!! Eh, ketemu lagi. Sebenarnya posting hari ini OB sempat-sempatkan, sekedar untuk menghilangkan rasa dahaga. Penyebabnya karena sudah lama OB ngga aktif lagi dalam dunia blogger, baik memposting tentang <span style="font-style: italic; font-weight: bold;">trik blogger</span> maupun <span style="font-style: italic; font-weight: bold;">tips seo</span>. Sekarang kesempatan datang, jadi OB sempatkan untuk bikin satu postingan. Nah, kamu mungkin sudah mencoba bagaimana <a href="http://optimasi-blog.blogspot.com/2009/04/trik-blogger-membuat-tab-view.html">cara membuat Tab View</a>? Kalau belum silakan klik link <a href="http://optimasi-blog.blogspot.com/2009/04/trik-blogger-membuat-tab-view.html">tab view ini</a>. Kadang kita ingin membuat tampilan tab view ada yang menjorok ke dalam dan OB istilahkan disini adalah sub tab view. Maksudnya adalah teks (link) yang menggunakan tanda panah biru dalam tab view blog <a href="http://optimasi-blog.blogspot.com/"><span style="font-weight: bold;">optimasi blog</span></a> (sebelah kanan bawah), versi demonya dapat dilihat dalam <a href="http://blog-uji-coba-ob.blogspot.com/" rel="nofollow" target="_blank">blog uji coba</a>. Posting ini OB dedikasikan untuk saudara <span style="font-weight: bold;">Wanz</span> yang beralamat blog di <a href="http://pondok-cerita.blogspot.com/" rel="nofollow">http://pondok-cerita.blogspot.com</a>, apabila kamu punya waktu senggang please kunjungi sobat yang satu ini.<a name='more'></a><br /><br /><br /><br />Sekarang kita mulai <span style="font-style: italic;">trik blogger</span> membuat sub tab view, namun sebelumnya blog kamu harus sudah terinstall tab view :<br /><br /><ul><li>Login dulu ke account blogger kamu.</li><br /><li>Pilih tab Tata Letak --> Edit HTML.</li><br /></ul>Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.<br /><br /><ul><li>Cari kode CSS <a href="http://optimasi-blog.blogspot.com/2009/04/trik-blogger-membuat-tab-view.html">Tab View</a>.</li><br /><li>Tambahkan kode berikut tepat di bawah kode CSS Tab View.</li><br /></ul><div class="code">div.TabView div.Pages div.Page div.Pad div.pad2 { padding: 3px 5px 0 20px; }</div><ul><li>Simpan template kamu.</li><br /><li>Kemudian pilih tab Elemen Halaman --> Klik widget/gadget "tab view" (atau nama apapun yang kamu berikan sebelumnya).</li><br /><li>Kodenya lebih kurang seperti ini.</li><br /></ul><div class="code"><form action="tabview.html" method="get"><br /><br /><div class="TabView" id="TabView"><br /><br /><br /><br /><div class="Tabs"><br /><br /><a>Tab 1</a><br /><br /><a>Tab 2</a><br /><br /><a>Tab 3</a><br /><br /></div><br /><br /><br /><br /><div class="Pages"><br /><br /><br /><br /><blink><div class="Page"><br /><br /><div class="Pad"></blink><br /><br /><br /><br /><ul><br /><br /><li>Tab1.1</li><br /><br /><div style="color: red;"><div class="pad2"></div><div style="color: red;">Sub Tab 1.1.2<br /></div><div style="color: red;"><ul></div><div style="color: red;"><li>Sub Tab 1.1.2</li></div><div style="color: red;"></ul></div><div style="color: red;">Sub Tab 1.1.3<br /></div><div style="color: red;"></div></div><li>Tab1.2</li><br /><br /><li>Tab1.3</li><br /><br /></ul><br /><br /><br /><br /><blink></div><br /><br /></div></blink><br /><br /><br /><br /><div class="Page"><br /><br /><div class="Pad"><br /><br /><br /><br />Tab2.1<br /><br /><br />Tab2.2<br /><br /><br /><div style="color: red;"><div class="pad2"></div><div style="color: red;">Sub Tab 2.2.1<br /></div><div style="color: red;">Sub Tab 2.2.2<br /></div><div style="color: red;">Sub Tab 2.2.3<br /></div><div style="color: red;"></div></div>Tab2.3<br /><br /><br /><br /><br /></div><br /><br /></div><br /><br /><br /><br /><div class="Page"><br /><br /><div class="Pad"><br /><br /><br /><br />Tab3.1<br /><br /><br />Tab3.2<br /><br /><br />Tab3.3<br /><br /><br /><br /><br /></div><br /><br /></div><br /><br /><br /><br /></div><br /><br /></div><br /><br /></form><br /><br /><br /><br /><script type="text/javascript"><br /><br />tabview_initialize('TabView');<br /><br /></script></div>Catatan :<br /><br />Kode di atas sudah ditambahkan kode sisipan sub tab view yang ditandai dengan warna merah.<br /><br /><ul><li>Sekarang lihat blog kamu.</li><br /></ul><p>Selamat membuat sub tab view ...</p>

Posted by Hii Sekai