Langsung ke konten utama

Cara Membuat Tab View

Lagi dan lagi temen darat saya yang satu ini rewelnya minta ampun , mulai tanya buat blog sampe antek-anteknya semuanya harus saya, kalo dia ga bisa harus turun tangan dah ane. Mending kalo dia nyearching sendiri ke simbahnya, kalo ga ketemu baru nanya. Ini, langsung deh nyerocos kaya' (cencored). Gimana mo jadi blogger mandiri kalo gitu, untung dia temen saya kalo bukan temen udah ane tonjok deh (moga-moga ga denger deh )

Untuk kali ini si teman darat nanyain kesaya cara buat tabview, daripada saya harus turun tangan ketika dia ganti template lebih baik saya postingkan disini biar dia ngerti juga. Bagi sobat-sobat blogger semua yang belum tahu TabView, silahkan lihat sidebar blog saya bagian kanan. Atau saya kasih screenshoot seperti ini :

Jadi, dengan tabview ini kita bisa mengirit tempat yang ada di blog kita, seperti diblog ini saya menggunakan 5 widget sekaligus ditabview. Ngirit tempat kan bro.. Pengen nyoba?? Oke, langsung saja ya. Kita lihat langkah pertama :

1. Login > Tata Letak > Edit HTML
2. Centang Expand Template Widget
3. Paste-kan kode berikut diatas kode </head>
<script src='http://die-silver.googlecode.com/files/ardi33tabviewv2.js' type='text/javascript'/>
4. Kalau sudah, letakkan kode berikut di atas kode ]]></b:skin>
div.Tabardi33 div.TFs
{height: 30px; overflow: hidden;}
div.Tabardi33 div.TFs a
{float: left; display: block; text-align: center; text-decoration: none; font: normal 12px arial; padding:3px 5px 3px 3px; margin:0 5px 0 0;letter-spacing:-0.07em;
background:#f0f0f0;
color: #333;
border-top:1px solid #CCCCCC;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #cccccc;
-moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px;
}
div.Tabardi33 div.TFs a:hover
{ background: #E8E8E8;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999;}
div.Tabardi33 div.TFs a.Active
{ background: #E8E8E8;
color: #000000;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999; font-weight:bold;}
div.Tabardi33 div.Pages
{ clear: both; overflow: hidden; height:240px; border:1px solid #EFF0F1; padding:0;background: #ffffff; -moz-border-radius:5px;}
div.Tabardi33 div.Pages div.Page
{height: 100%;padding: 0px; overflow: hidden; }
div.Tabardi33 div.Pages div.Page div.floor
{ font-size:11px;padding: 3px 5px; text-align:left;}
5. Klik Simpan perubahan dan Sekarang menuju ke Elemen halaman
6. Klik Tombol Add gadget > HTML/Javascript
7. Letakkan kode berikut dalam content:
<form action="tabardi33.html" method="get">
<div class="Tabardi33" id="Tabardi33">
<div class="TFs">
<a>tab1</a>
<a>tab2</a>
<a>tab3</a>
<a>tab4</a>
</div>
<div class="Pages">
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 1 anda
</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
Disini letakkan kode untuk tab 2 anda
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 3 anda
</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 4 anda
</div>
</div><!-- end Tab -->
</div>
</div>
</form>
<script type="text/javascript">tabardi33_name('Tabardi33');</script>
Perhatikan tulisan yg berwarna:
  • Hijau : Judul Tab
  • Merah : Isi untuk masing-masing tab
Dan langkah terakhir adalah Simpan. Juga ga lupa, coding-coding ini saya ambil dari http://ardi33.web.id makasih buat adminnya deh. Dan Happy Blogging buat semuanya .

Postingan populer dari blog ini

Cara Membuat Ikan Cupang Menjadi Lebih Berani

Cara Membuat Ikan Cupang Menjadi Lebih Berani. Budidaya ikan cupang memang termasuk bisnis yang menjanjikan sekaligus menyenangkan. Dari sini biasanya dimulai dari hobi yang dikembangkan. Dan dengan keuletannya bersilang ria, terjadilah keturunan yang baru. Dan biasanya cupang dipelihara untuk diikutkan kontes atau juga diadu.

Bagi anda pengadu cupang, tentu saja anda punya beberapa koleksi ikan cupang aduan yang siap adu atau malah siap kawin untuk dibudidayakan agar tambah banyak ikan cupang milik anda. Nah, sekarang pertanyaannya bagaimanakah cara membuat ikan cupang lebih berani?
Masukkan daun ketapang yang sudah kering dan jatuh dari pohonnya ke dalam aquarium cupang anda.Ganti air setiap 3 hari dengan air yang baru. Jika menggunakan air PAM, sebaiknya telah diendapkan selama satu hari satu malam.Pada setiap pagi, hendaklah dijemur kurang lebih 1-2 jam untuk mendapatkan sinar matahari. Ini bisa dimanfaatkan untuk membunuh bakteri-bakteri yang ada dalamaquarium dan yang menempel d…

Sony Ericsson E15 Xperia X8 | Harga dan Spesifikasi Soner X8

Sony Ericsson E15 Xperia X8. Hmmm, kali ini ingin ngereview ponsel hp Sony Ericsson E15 Xperia X8 nih. Soalnya beberapa hari lalu Berita Terkini hanya menyajikan download WhatsApp maupun download Angry Birds for PC. Okelah, Harga dan Spesifikasi Sony Ericsson E15 Xperia X8 ini sih dirancang untuk pengguna yang butuh layar lebih lebar dan harga yang lebih terjangkau atau dapat disebut sebagai smartphone hiburan dengan layar sentuh.

Dilihat dari tampilan, HP Sony Ericsson Xperia X8 E15 terlihat begitu elegan dan berdesain futuristik. Ponsel Sony Ericsson Xperia X8 E15 mengusung konsep layar sentuh dan memiliki 3 tombol utama di bagian depannya. Namun jika dilihat secara detail, HP Sony Ericsson Xperia X8 begitu mirip dengan keluarga Xperia yang lain, hanya saja ukurannya lebih kecil daripada X10 namun sedikit lebih besar daripada X10 Mini dan X10 Mini Pro.

Untuk fitur Sony Ericsson Xperia X8 E15 adalah OS Android v1.6, processor Qualcomm MSM7227 600Mhz, polifonik, kamera 3.15 MP,…

Penyebab Uban/Rambut Putih di Usia Muda

Penyebab Uban/Rambut Putih di Usia Muda. Rambut putih alias uban biasanya identik dengan rambut kakek dan nenek. Tapi uban tak selalu berkaitan dengan usia, karena bnyak juga orang yang masih muda sudah ubanan.Benar-benar uban yang terselip diantara rambut hitamnya, bukan karena disemir atau diwarna.Kenapa hal ini bisa terajadi?

Pernahkah Anda bertemu dengan seseorang yang usianya masih tergolong muda, yaitu sekitar 20-an, tapi rambutnya sudah tumbuh uban di sana-sini. Bisa jadi, Anda juga mengalami hal sama. Padahal usia Anda masih 30-an, masih tergolong relatif muda untuk beruban kan? Secara medis, uban sebetulnya tidak mengganggu kesehatan tubuh. Namun, akan sedikit menganggu penampilan.


Penyebab Uban/Rambut Putih di Usia Muda
Meskipun gen tertentu yang membawa sifat dari uban prematur belum ditemukan, tapi alasan genetika sudah sangat umum dan turun-temurun terjadi. Uban yang muncul di usia mudah lebih banyak karena faktor genetik atau keturunan. Uban terjadi karena pigmen rambutny…