Home » » Cara Membuat Widget Tab View 3 Kolom

Cara Membuat Widget Tab View 3 Kolom

Written By Unknown on Selasa, 02 April 2013 | 19:23


     Malam ini mau bagi-bagi tutorial nih... Dari judulnya sudah tau kan...Atau bahkan anda masih tidak tau apa itu widget tab view 3 kolom... Kalau anda sudah tau langsung saja ke tutorialnya bagi yang belum tau saya akan kasih tau apa itu widget tabview 3 kolom.

    Widget tab view 3 kolom adalah widget yang dipergunakan untuk menghemat tempat yang dapat diisikan dengan 3 buah widget lainnya agar tidak terlalu banyak memakan tempat. Kalau anda masih belum faham apa itu widget tab view 3 kolom itu apa... anda bisa melihat gambar diatas. Nah, bagi yang mau coba, Langsung saja..
Chek It Out......

1.  Masuk ke Blogger > Dashboard Blogger > Tata Letak > Tambah Widget > HTML/Javascript.

2.  Pastekan kode dibawah ini

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* 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: #000; /* 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: 300px;" class="Tabs">
<a><span style="color: #fff">Tab 1</span></a>
<a><span style="color: #fff">Tab 2</span></a>
<a><span style="color: #fff">Tab 3</span></a>
</div>
<div style="width: 310px; height: 400px;" class="Pages">

<div class="Page">
<div class="Pad">
Konten dari Tab 1
</div></div>

<div class="Page">
<div class="Pad">
Konten dari Tab 2
</div></div>

<div class="Page">
<div class="Pad">
Konten dari Tab 3
</div></div>

</div>
</div>

</form>

<script src="http://airalokadotcom.googlecode.com/files/tab%20view.js">
</script>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
<div style="text-align:right;margin-right:7px;"><a title="Widget Tab View 3 Kolom" style="font:bold 8px Arial,Sans-Serif;color:#666 !important;text-shadow:0px 1px 0px rgba(255,255,255,0.1);opacity:1 !important;visibility:visible !important;display:block !important;" href="http://airaloka.blogspot.com/2013/04/cara-membuat-widget-tab-view-3-kolom.html" target="_blank">&#9658;Get this widget</a></div>
Kustomisasi:
- Ganti teks yang berwarna biru dengan judul dari widget yang ada pada tab tersebut.
- Ganti teks yang berwarna merah dengan teks atau script yang akan anda tambahkan.

3.  Simpan

Note: untuk scrpit bisa cari di blog ini atau di mbah google

Selamat mencoba!

63 komentar:

  1. tolong berikan saya penjelasan tentang kode yang dimaksud dengan warna merah itu mas

    BalasHapus
    Balasan
    1. gan....tulisan merah itu diganti dengan script widget blog/sejenisnya....
      sekian......maff kalau tidak membantu

      Hapus
  2. keren sob,,
    http://nesteria.blogspot.com

    BalasHapus
  3. kk kan disana ada 3 link yang bisa di masukkan
    misalnya di link 1 mau saya kasih recent post
    trus di link 2 mau saya kasih popular post
    caranya gmn ya?????
    mohon infonya kk.........

    BalasHapus
  4. Wah Ribet kalau kaya gini.. mendingan tanpa edit HTML dong..? ;-(

    BalasHapus
  5. sangat menarik makasih gan, bila berkenan kunjungan balik ya http://handexcel.blogspot.com

    BalasHapus
  6. Secript untuk Posting Populer, Kategori ada gak?

    BalasHapus
  7. kalo yang langsung diedit di HTML template ada gak, jadi kita tinggal nambahnya per widget. bukan 1 widget jadi 3

    BalasHapus
  8. saya terkesan, saya harus mengatakan ini kepada anda.

    BalasHapus
  9. Sangat jarang saya menemukan sebuah blog yang informatif dan menghibur seperti ini.

    BalasHapus
  10. Blog Anda sangat penting bagi semua orang, teruslah berbagi.

    BalasHapus
  11. saya harus mengatakan bahwa secara keseluruhan saya benar-benar terkesan dengan blog ini.

    BalasHapus
  12. blog yang bagus dan informatif, yang berisi semua informasi dan juga memiliki dampak yang besar pada teknologi baru. Terima kasih telah berbagi

    BalasHapus
  13. Teruslah berbagi ide sampai masa mendatang .pada dasarnya apa yang saya cari sudah saya temukan disini, dan saya senang sudah tiba disini.

    BalasHapus
  14. Artikelnya sangat luar biasa menakjubkan sekali, di tunggu update selanjutnya yang lebih menarik dan bagus lagi

    BalasHapus
  15. Terima kasih atas postingan yang fantastis.

    BalasHapus
  16. permainan bulutangkis Sangat jarang saya menemukan sebuah blog yang informatif dan menghibur seperti ini

    BalasHapus
  17. hijab zaskia sungkar Postingan yang sangat bagus, saya setuju dengan Anda 100%!

    BalasHapus
  18. mobil bekas surabaya Anda memiliki postingan yang sangat berguna. Terima kasih telah berbagi ...

    BalasHapus
  19. sexy tumblr saya terkesan, saya harus mengatakan ini kepada anda.

    BalasHapus
  20. manchester united vs real madrid saya terkesan, saya harus mengatakan ini kepada anda

    BalasHapus
  21. kalteng pos Terima kasih atas postingan yang bermanfaat.

    BalasHapus
  22. kunci piano terimakasih atas postingannya

    BalasHapus
  23. bunga papan. Saya menemukan banyak pengetahuan setelah mengunjungi postingan Anda terima kasih atas informasinya.

    BalasHapus
  24. Postingan yang sangat bagus, saya setuju dengan Anda 100%!
    gosip Leily Sagita

    BalasHapus
  25. apa berita hari ini
    Saya menemukan banyak pengetahuan setelah mengunjungi postingan Anda terima kasih atas informasinya.

    BalasHapus
  26. geng motor bandung
    Postingan yang sangat bagus, saya setuju dengan Anda 100%!

    BalasHapus
  27. foto prabowo subianto terimakasih atas postingannya

    BalasHapus
  28. Photos New Blonde Busty Babe Katlain Ryan Terbaru 2015
    blog yang bagus dan informatif, yang berisi semua informasi dan juga memiliki dampak yang besar pada teknologi baru.

    BalasHapus
  29. Jeng Sri dan Temannya Siap Dibelay
    Postingan yang sangat bagus, saya setuju dengan Anda 100%!

    BalasHapus
  30. Foto Bugil SMP Imut Pamer Susu Segar Postingan yang sangat bagus, saya setuju dengan Anda 100%!

    BalasHapus
  31. Postingan yang sangat bagus, saya setuju dengan Anda 100%!
    new virgin bokep

    BalasHapus
  32. Terimakasih banyak mas, sangat membantu sekali artikelnya..

    BalasHapus
  33. Sudah aku praktekkan di website saya, dan langsung berhasil mas, terima kasih ilmunya ya semoga sukses selalu :)

    www.foredi.in

    BalasHapus
  34. Terimakasih Sharenya. langsung di coba ;D

    BalasHapus
  35. Nonton film online tanpa download film yang online yang disebut. Bagaimana cara melakukannya? Ketika Anda nonton film bioskop online, Anda tidak perlu menunggu untuk men-download file untuk memainkannya. Alih-alih ini, film itu dikirim dalam sumber data, dan dimainkan karena tiba. Jadi, jika Anda masih ragu-ragu tentang nonton film bioskop 21 online, di sini adalah beberapa yang paling umum, namun: pertama, yang paling jelas adalah bahwa Anda menghemat waktu pada beban, keuntungan yang baik adalah instan , Anda hanya perlu memutuskan film apa Anda akan melihat dan klik pada bermain minus besar di masa lalu itu kualitas video tapi sekarang online adalah cara yang baik untuk menyeimbangkan dengan download, dan lebih banyak situs nobar XXI atau pun Nonton film online otreaming sekarang menyediakan bahkan Dengan nonton online HD kualitas sungai. Kedua, kerugian bisa kecepatan, untuk film online HD harus memiliki lebih dari 1 kecepatan dan kadang-kadang sampai lebih dari 3 kecepatan, tapi tetap saja, Anda dapat melihat film berkualitas sedikit lebih rendah tanpa masalah.

    BalasHapus
  36. Betwin188.pro adalah website Master Agent Betting Online serta agen judi bola terpercaya yang sudah berdiri sejak tahun 2008 yang selalu setia memberikan pelayanan terbaik serta terpercaya, dan sampai saat ini kami telah melayani puluhan ribu member setia. Betwin188 sebagai website agen resmi yang telah berpengalaman dan dipercaya dalam membantu menyediakan jasa pembuatan Account Betting Online untuk permainan Sportbook (SBC168, ASIA77, SBOBET, IBCBET/MAXBET, 368BET, dan 388LIVE), Casino Online (CALIBET, 338A/CASINO SBOBET, ION CASINO, ORIENTAL CASINO, JOKER123 dan GD88), Slot Games (JOKER123, PLAY1628), Poker Online (POKERTIAM), Sabung Ayam (S128) dan Toto Online (KLIK4D). Hanya tiga langkah mudah untuk bermain 1. Daftar agen judi terpercaya, 2. Deposit agen judi terpercaya, 3. Withdraw agen judi terpercaya.
    Betwin188 selalu memberikan kepercayaan dalam pelayanan yang terbaik dan cepat dengan Customer Service yang profesional, ramah dan sopan selalu siap 24 jam Nonstop membantu segala kesulitan dan keluhan dari semua member kami dalam melakukan transaksi dengan aman, cepat dan nyaman.
    Betwin188 hanya menyediakan jasa pembuatan Account Betting Online bagi anda yang berminat dan dipastikan sebelumnya anda sudah membaca di halaman Peraturan Betwin188 terlebih dahulu.

    BalasHapus
  37. Artikel Yang Bagus Gan Mohon izin Comment nya ^_^

    BOLA PELANGI - BANDAR MIX PARLAY TERBESAR DI INDONESIA HANYA DENGAN 1 USER ID SUDAH BISA BERMAIN SEMUA GAME.
    Join US ! klik link di bawah ini ☟
    Prediksi Bola dan Togel.
    Bola Online
    Mix Parlay
    Bola Jalan
    Bandar Bola

    SPECIAL PROMO SELAMA BULAN RAMADHAN PENUH BERKAH !

    * BONUS NEW MEMBER 10%
    * BONUS AJAK TEMAN Rp 10.000,- ( Bonus Akan Di Berikan Jika Mengajak 2 Orang Teman Bergabung Di www.bolapelangi88.com)
    * BONUS CASHBACK SAMPAI 15%
    * BONUS REFFERAL 2,5%

    Syaratnya & Ketentuan
    * Promo Hanya Berlaku Selama Bulan RAMADHAN
    * Bonus Ajak Teman Akan Di Berikan Jika Salah 1 Teman Sudah Melakukan Deposit
    * Minimal Dp & Wd 50rb
    * Tidak Boleh Mendaftar Lebih Dari 1 Rekening

    * Join Grup FB Markas Prediksi Parlay : https://www.facebook.com/groups/346501502486292/
    * Share ke facebook dan tag 5 orang teman kamu
    * Harap Konfirmasi setelah memenuhi syarat ke WA kami dengan format yang benar
    * Promo Ini hanya berlaku selama bulan ramadhan
    * Semua Syarat dan kentetuan yang di buat oleh Bola Pelangi adalah Mutlak
    * Keputusan Bola Pelangi Adalah Mutlak Dan Tidak Dapat Di Ganggu Gugat Jika Terjadi Kecurangan

    Untuk Info Dan Bonus Menariknya Bisa Hubungi Kami Di Bawah Ini :
    WHATSAPP 1 : +6282143134681



    WHATSAPP 2 : +6281333472723

    ayo buruann , mana tau kami menjadi jutawan setelah bergabung dengan kami .. buruann !!!

    ♛ Group FB Prediksi Parlay = Markas Prediksi
    ♛ Instagram = Bola Pelangi
    ♛ Pinterest = Bolapelangi Lounge
    ✆ WA = +6282143134681 || +6281333472723

    BalasHapus


  38. Bonus FREEBET Rp 50.000,- Dari ICNBET Tanpa Deposit
    01. Like dan Comment Fanspage Resmi ICN dan Tag 10 teman kamu.
    02. Link dan Share Fanspage Resmi kami : https://www.facebook.com/ICN-109347190439291
    03. Konfirmasi dan Klaim Bonus Freechip hanya dapat di lakukan Via Whatsapp
    04. Semua keputusan Admin ICNPOKER adalah mutlak dan tidak dapat di ganggu gugat.
    05. Untuk melakukan Withdraw adalah 25x Turnover
    06. Jika di temukan kecurangan dalam bermain maka pihak ICNBET berhak untuk membatalkan bonus Freechip/Freebet Anda.
    07. Konfirmasi Claim Melalui Whatsapp kami di : +85589720675
    08. Jika member di temukan kecurangan makan ICNBET dapat langsung memblokir ID.
    09. 1 Facebook & 1 WA hanya dapat untuk 1x klaim saja.
    10. Freebet hanya untuk new member yang belum pernah deposit sebelumnya.
    11. Tidak boleh ada kesamaan IP saat klaim Freechip.
    12. Tidak ada Indikasi kecurangan dan kesamaan IP, VPN, dan Sejenisnya.
    13. Promo dapat berhenti tanpa pemberitahuan lebih lanjut dari Admin ICNBET
    Official Website :

    http://icnbet.com/
    http://icnplay.com/
    http://199.192.31.28/
    http://icnpoker.com/
    http://icn888.com/
    http://199.192.27.50/

    BalasHapus
  39. dapatkan cash back setiap minggunya di agen judi bola online teraman dan terpercaya http://149.28.153.153/

    BalasHapus
  40. rasakan kemenangan di bandar slot online joker123 yang memiliki permainan populer dan bonus menarik. refferal akan diberikan seumur hidup. ayo bergabung dengan website terbaik kami http://139.180.184.251/

    BalasHapus
  41. bandar togel online kingdomgrup membantu member baru apabila kesusahan bosku http://128.199.187.54/

    BalasHapus
  42. - TOGEL.LIVECASINO.SPORTSBOOK.MESINSLOT.TEMBAKIKAN-
    Dengan Promo yang super menarik
    -BONUS NEW MEMBER 5%
    -PROMO CASHBACK SLOT 3%
    -PROMO ROLLINGAN SLOT 0.7%
    -BONUS REFERRAL 1%
    *syarat & ketentuan berlaku*
    DSICOUNT TOGEL TERTINGGI
    -2D:29% x 70
    -3D:59% x 400
    -4D:69% x 3000
    Untuk memudahkan member deposit,kami menyediakan deposit via :
    -BANK : BCA,BNI,BRI & MDR
    -E-WALLET : OVO & DANA
    -PULSA TELKOMSEL
    untuk info lebih lanjut silahkan hub admin yang bertugas
    -Livechat
    -ID LINE : 12shiocasino
    -whatshapp : +62 819-4461-6437
    -Telegram : +62 819-4461-6437
    Link Daftar : http://12shiocasino.com/?ref=12shiocasino

    BalasHapus
  43. - TOGEL.LIVECASINO.SPORTSBOOK.MESINSLOT.TEMBAKIKAN-
    Dengan Promo yang super menarik
    -BONUS NEW MEMBER 5%
    -PROMO CASHBACK SLOT 3%
    -PROMO ROLLINGAN SLOT 0.7%
    -BONUS REFERRAL 1%
    *syarat & ketentuan berlaku*
    DSICOUNT TOGEL TERTINGGI
    -2D:29% x 70
    -3D:59% x 400
    -4D:69% x 3000
    Untuk memudahkan member deposit,kami menyediakan deposit via :
    -BANK : BCA,BNI,BRI & MDR
    -E-WALLET : OVO & DANA
    -PULSA TELKOMSEL
    untuk info lebih lanjut silahkan hub admin yang bertugas
    -Livechat
    -ID LINE : 12shiocasino
    -whatshapp : +62 819-4461-6437
    -Telegram : +62 819-4461-6437
    Link Daftar :
    12SHIO CASINO

    BalasHapus
  44. Ayo cek mesin motor anda di Bengkel Motor Bekasi silahkan kunjungi website kami http://www.bengkelmotorbekasi.com untuk berkonsultasi

    BalasHapus
  45. miliki berbagai fasilitas menarik disitus mpo slot.

    http://139.162.43.253/

    BalasHapus
  46. Banyak jalan untuk ke roma, tetapi jalan untuk bisa menang bermain slot deposit dana hanya ada di https://172.104.59.107/

    BalasHapus
  47. Slot deposit pulsa H2HSlot yang merupakan situs game online deposit pulsa kekinian dan memiliki promo-promo menarik yang bisa kalian dapatkan buruan sebelum promonya kehabisan.

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Setelah membaca artikel ini, silahkan tinggalkan komentar. Bagi yang mau meninggalkan url blognya, silahkan saja. Asalkan anda tidak memberikan komentar dengan kata-kata yang tidak sopan. Terima kasih telah mengunjungi blog ini.

AiRa LoKa - Blog of tutorials

Konversi Kode di Sini!

 
Support : Blogger | Google | KlikSaya
Copyright © 2013. AiRa LoKa - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger