Membuat tabview

Pernah tengok tabview diatas??Ia boleh digunakan dalam blog korang untuk menjimatkan ruangan blog korang dimana didalam satu tab,terdapat beberapa post di dalamnya.
Untuk membuatnya,

1.Login ke blog korang
2.Klik Layout
3.Klik Add A Gadget
4.Pilih HTML/Javascript
5.Copy kod

<style type="text/css">
div.Tabpapar div.TTs
{height: 24px; overflow: hidden; }
div.Tabpapar div.TTs a:hover, div.Tabpapar div.TTs a.Active
{ background-color: #CCFF00; }
div.Tabpapar div.Halamans
{ clear: both; border: 1px solid #99FF00; overflow: hidden; background-color: #CCCC00;}
div.Tabpapar div.Halamans div.Halaman
{ height: 100%; padding: 0px; overflow: hidden; }
div.Tabpapar div.Halamans div.Halaman div.Alas
{ padding: 3px 5px; }
div.Tabpapar div.TTs a
{ border-left:1px solid #99FF00; border-right:1px solid #FFCC00; border-top:1px solid #99FF00; border-bottom:0px solid #99FF00; float: left;
display: block; width: 100px; text-align: center; height: 24px; padding-top: 3px; vertical-align: middle; text-decoration: none; font-family: "Arial", Serif;
font-size: 12px; font-weight: 900; color: #000}
</style>


<form action="tabpapar.html" method="get">
<div id="Tabpapar" class="Tabpapar">
<div style="width: 440px;" class="TTs"> <a>TAJUK A</a> <a>TAJUK B</a> <a>TAJUK C</a> <a>TAJUK D</a></div>
<div style="width: 440px; height: 250px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
Isi A</div>
</div>
<div class="Halaman">
<div class="Alas">
Isi B</div>
</div>
<div class="Halaman">
<div class="Alas">
Isi C</div>
</div>
<div class="Halaman">
<div class="Alas">
Isi D</div>
</div>
</div>
</div>
</form>

<script style="text/javascript" src="http://azmas7377.googlepages.com/azmaswidget.js"></script>
<script type="text/javascript">tabpapar_inisial('Tabpapar');</script>



6.Kemudian Save.

*teks berwarna coklat merupakan tempat dimana teks akan ditampilkan. Korang boleh memasukkan apa sahaja yang korang inginkan.Antaranya Blogroll, Recent comment, Recent post, Isi Blog dan lain-lain.


*teks yang berwarna biru boleh ditukar dengan kod warna yang korang suka



*teks berwarna ungu adalah untuk meletak tajuk post korang

*teks berwarna hijau muda adalah untuk mengubah lebar dan ketinggian kotak

Untuk demo,bolehlah korang jenguk disini sample-blog

Luangkanlah sedikit masa korang untuk memberi komen di blog ini kerana setiap komen yang dibuat oleh korang amat bermakna dan secara tidak langsung ianya memberi suntikan semangat untuk saya terus menulis di blog ini...