Tab View Edit Instruction

Masukkan Kode dibawah Ini ke gadget Html/javascript, dan pasang gadget tersebut pada bagian sidebar sebelah kanan, tapi sebelum itu anda edit dulu sebagian kode seperti yang di cetak tebal dan berwarna merah dibawah ini. dengan memasukan Link juga nama content yang anda inginkan. kodenya adalah berikut ini.


<form action="tabview.html" method="get">

<div id="TabView" class="TabView">

<div style="width: 280px;" class="Tabs">

<a class="Active" href="javascript:tabview_switch('TabView',%201);">Recent Post</a>

<a class="" href="javascript:tabview_switch('TabView',%202);">Kategori</a>

<a class="" href="javascript:tabview_switch('TabView',%203);">Free Download</a>

</div>

<div style="width: 278px; height: 200px;" class="Pages">

<div style="overflow: auto; height: 200px; display: block;" class="Page">

<div class="Pad">



<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif"/> Judul posting disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif"/> Judul posting disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif"/> Judul posting disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif"/> Judul posting disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif"/> Judul posting disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif"/> Judul posting disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif"/> Judul posting disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif"/> Judul posting disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif"/> Judul posting disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif"/> Judul posting disini</a></li>



</div>

</div>

<div style="overflow: auto; height: 200px; display: none;" class="Page">

<div class="Pad">

<ol>

<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif"/> Nama Kategori disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif"/> Nama Kategori disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif"/> Nama Kategori disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif"/> Nama Kategori disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif"/> Nama Kategori disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif"/> Nama Kategori disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif"/> Nama Kategori disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif"/> Nama Kategori disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif"/> Nama Kategori disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif"/> Nama Kategori disini</a></li>

</ol>

</div>

</div>

<div style="overflow: auto; height: 200px; display: none;" class="Page">

<div class="Pad">

<ol>

<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif"/> Nama Content disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif"/> Nama Content disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif"/> Nama Content disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif"/> Nama Content disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif"/> Nama Content disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif"/> Nama Content disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif"/> Nama Content disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif"/> Nama Content disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif"/> Nama Content disini</a></li>
<li><a href="Link disini"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif"/> Nama Content disini</a></li>

<ol>

</ol></ol></div>

</div>

</div>

</div></form>

<script type="text/javascript"><br/>
<br/>tabview_initialize('TabView');<br/><br/></script>


Selamat Mencoba dan semoga bermanfaat, salam blogger mania.