WIDGET 3 HALAMAN

Pasang Widget 3 halaman

Apa gunanya widget 3 halaman>>!!! Tentu saja kegunannya untuk menghemat tempat atau halaman blog anda biar nggak terlalu rame...

1. Login dulu

2. Masuk ke tata letak trus ke elemen

3. Tambah Widget

4. Copy Code berikut ini.

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 80px; /* Lebar Kotak Tab */
height: 2px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #940f04; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #2AA800; /* Warna background utama kotak tab */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #2AA800; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 385px;" class="Tabs">
<a><span style="color:white">TAB 1</span></a>
<a><span style="color:white">TAB 2</span></a>
<a><span style="color:white">TAB 3</span></a>
</div>
<div style="width: 280px; height: 440px;" class="Pages">
<div class="Page">
<div class="Pad">
MASUKAN CODE ATAU WIDGET ANDA DISINI UNTUK POSTINGAN TAB 1
</div>
</div>
<div class="Page">
<div class="Pad">
MASUKAN CODE ATAU WIDGET ANDA DISINI UNTUK POSTINGAN TAB 2
</div>
</div>
<div class="Page">
<div class="Pad">
MASUKAN CODE ATAU WIDGET ANDA DISINI UNTUK POSTINGAN TAB 3
</div>
</div>
</div></div></form>
<sc ipt style="text/javascript"
src="http://www.geocities.com/leo_host/tab_view.js"></script>
<script type="text/javascript">tabview_initialize('TabView');
</script>

5. Simpan selesai deh

Setelah Baca Jangan Lupa Klik Suka Yach Untuk Update Berita Lewat Facebook

Judul: WIDGET 3 HALAMAN
Rating: 100% out of 100% based on 100000 ratings. 100000 user reviews.
Ditulis Oleh Portal Media News Terkini
Terima Kasih Atas Kunjungan Anda...