Begini caranya, perhatikan baik2 ya, lipat tangan di atas meja duduk dengan sopan trus jangan bicara sebelum di suruh bicara.... okey... siip deh kalau gitu!!! kita teruskan ke inti nya wkwkwkw.... Sssssttt hehehehe
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: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #222222; /* 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: #736F6E; /* Warna background utama kotak tab */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* 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: 430px;"
class="Tabs">
<a><span style="gt;Tab 1</span></a>
<a><span style="gt;Tab 2</span></a>
<a><span style="gt;Tab 3 </span></a>
</div>
<div style="width: 270px; height: 600px;"
class="Pages">
<div class="Page">
<div class="Pad">
Isi postingan untuk Tab 1
</div>
</div>
<div class="Page">
<div class="Pad">
Isi postingan untuk Tab 2
</div>
</div>
<div class="Page">
<div class="Pad">
Isi postingan untuk Tab 3
</div>
</div>
</form>
<script type="text/javascript">tabateonsoft_name('Tabateonsoft');</script>
<script style="text/javascript"
src="http://www.geocities.com/leo_host/tab_view.js"></script>
<script type="text/javascript">tabview_initialize('TabView');</script>
sekarang udah saat nya anak-anak bicara...wkkkkwwkw selamat Berbingung ria kalau nggak tau YM aja aku disini putra97@yahoo.com
Cara memasang widget tiga halaman, tab 3 halaman, menambah tab di blogspot. tambah tab di blogger, tutorial cara menambah tab pada blogspot, aplikasi tab pada blogspot.
Hubungi Kami: J_Putra
Email: jptr273@gmail.com
muantap sob segera praktek ah..
seep bro...
lanjutkan..
muanteb tutornya sob...
bokmark dulu... sapa tau perlu :D
nice tutorial... aku coba... dulu sob...
kmarin pernah nyoba, tp nggak berhasil...
semoga yg ini berhasil...
kayak yg di kanan itu tah SM+FEED+BAner itu tah
ooo..Paham paham
waooowww keren nich, ijin buat ane praktekin ya sob.. siipppppp hehehe
jay, contohin jadinya dunk, ku gak ngerti maklum, pemula bngts
iya tuh bisa menghemat tempat, aku dah pakai...
makasih sharingnya yah.
ayudia>>> jadi nya yang sebelah kanan tempat shoutmix, pratinjau, banner itu...
bener bingung nih
hehehe...
Sippp...
terimakasih atas ilmunya moga bermanfaat
Kang saya templeat yang bagus.... dimana alamatnya ya......Trims.
minta templatenya dunk mas Jaya
coba dulu ahh,,, bisa pa nga saya,,,,
Keren tutorialnya,,, pasti aq coba...