2014 About Film About Iguana Accessories Hamster Afghan Hound agama akhlak akita inu Aksesoris Anjing Aksesoris Kucing Alamat Alasan alaskan malamut american bully American Cocker Spaniel american pit bull terrier Anak Anak Hamster android Aneka Jual Cupang Aneka Varian Hamster animal Anime anjing anjing kawin aquaspace Arwana Arwana Golden Red Avatar Hamster Bagaimana Barang Murah basenji basset hound beagle Bedding belajar beo berita berita dunia Berita Pagi berita unik beruang Betta bichon frise Billboard Biografi bird birman Black Platinum blackberry Blog Terbaik Blogger Bluefawn border collie Botak Botol Hamster Bouquet Budaya dan Kesenian budidaya Buku Panduan Buku Panduan Hamster Buku Pertanyaan bulldog Bulu burmese Businesses cacing sutra Cake Cup Campbeli Flip Flop Campbell Campbell Albino Campbell Albino Satin Campbell Argente Campbell Argente Mottled Campbell Argente Mottled Satin Campbell Argente Platinum Campbell Argente Platinum Satin Campbell Argente Satin Campbell Black Campbell Black Mottled Campbell Black Panda Satin Campbell Black Platinum Campbell Black Platinum Satin Campbell Black Satin Campbell Blue Campbell Blue Mottled Campbell Blue Mottled Satin Campbell Blue Platinum Campbell Blue Platinum Satin Campbell Blue Satin Campbell BlueFawn Campbell Bluefawn Mottled Campbell Bluefawn Mottled Satin Campbell Bluefawn Platinum Campbell Bluefawn Platinum Satin Campbell Bluefawn Satin Campbell Delute Campbell Delute Satin Campbell Dove Campbell Dove Mottled Campbell Dove Mottled Satin Campbell Dove Platinum Campbell Dove Platinum Satin Campbell Dove Satin Campbell Flip Flop Campbell Lilac Campbell Lilac Mottled Campbell Lilac Mottled Satin Campbell Lilac Platinum Campbell Lilac Platinum Satin Campbell Lilac Satin Campbell Mosaic Campbell Mozaik Campbell Normal Campbell Normal Mottled Campbell Normal Mottled Satin Campbell Normal Platinum Campbell Normal Platinum Satin Campbell Normal Satin Campbell Opal Campbell Opal Mottled Campbell Opal Mottled Satin Campbell Opal Platinum Campbell Opal Platinum Satin Campbell Opal Satin Campbell Panda cara melatih anjing Cara Mendapatkan Uang Dari Internet Cat Show Celepuk cerita Cerita Daerah Chow-chow cihuahua Ciri-ciri ciri-ciri mamalia Colubrid Computer Contact Person Cooking Corn Snake countdown countdown. film Cowok Culture Cup Cake Cupang Curhat dachshund Dagelan dalmatian desain Design diet Disney Ditinggal Dititipkan doberman Domain Murah Dove Download Lagu Terbaru Dudukan Botol Dudukan Botol Hamster ekonomi Ekonomi Islam Entrepreneur Facebook fakta faktor Fashion Film Financial Fish fisik anjing followers Freelance freshwaterfish Friends Gadget gajah Galeri Gallery Gallery Hamster Gallery Ikan Cupang Games Games 2014 Games December 2013 gantungan kunci gaza Gecko gejala gerbil german shepherd. herder Gex global Go Green golden retriever Goresan Pemikiran great dane Grosir Hamster Grosir Jambi Guinea Pig Guppy Guppy Fish habbit Hadiah Hamster Hamster Berantem Hamster Cage Hamster Campbell Hamster dan Anak Kecil Hamster Food Hamster Hamil Hamster Indonesia Hamster Info Hamster Jambi Hamster Jelly hamster lahiran Hamster Langka Hamster Lover HAMSTER LOVER JAMBI Hamster Mini Hamster Murah Hamster Pemula Hamster Rare Hamster Winter White Hamster Winter White Pearl Red Eyes Handphone harimau Harus Hastag Health Hewan Unik Hibah Hijab Hobby Dan Bisnis Ikan Ikan Cupang ikan hias Ilmiah Inclusion Body Disease Indonesia Induk Info Info Anime Info Burung Hantu Info Burung Indonesia info fish indonesia Info Gecko Info Guppy Info Hamster Lover Info Iguana Info Jambi Info Kura - Kura info mamalia indonesia Info Reptile info unik Informasi Teknologi Informatika Inspirasi Inspire Internet islam jack russel terrier Jambi Jamtos jamur jangkrik jenis Jenis Gecko Jika Job Job Online Jogging Ball Jogging Wheel Jual Jual Guppy Jual Hewan Peliharaan Jual Kucing Jual Mobil Jual Reptile Jual Rumah Jual Sugar Glider Jual-Beli kakak tua Kandang kandang anjing Kandang Burung Kandang Hamster Kandang Kelinci Kandang Kucing Kanibal karakteristik mamalia Kaskus katak kcerdasan dan tingkah laku anjing Keajaiban Dunia kecantikan Kelinci Keluar keluarga Kematian Hamster kenari Kesalahan kesehatan King Snake kintamani Kisah dan Cerita Lucu komputer Kota kroto Kuaci kucing Kucing Persia kuda Kue kura-kura labrador retriever lama hidup anjing Lampion Lampu Bulb Landak Mini lele Lhasa Apso Life Style Lilac LOL Lomba Berhadiah Lomba Template Blog Terbaik 2014 LoveBirds Lowongan Kerja macam-macam hewan mamalia macan Makan Makanan makanan anjing Makanan dan Kesehatan Makanan Hamster Makanan Racikan makanan yang dilarang untuk anjing maltese mamalia hewan yang menyusui Marketing marmut mata memelihara anjing Mengapa mengenal anjing Merak Mini Games Miniature Pinscher Miniature Schnauzer misteri Monopohon Snake monyet Motivasi Motivation Movies Murah Music My Family My Galery My Pets My Sweet Story Home Naruto Negeri New Item News Olahraga Opal orangutan organ otomotif out of topic Padang Pajak pakan ikan Palembang pancasila Panda papillon Pasir Zeolite pekingese Pembroke Welsh Corgi Pemelihara Pemula Penanganan pendidikan Pengembangan Diri pengetahuan Pengumuman Kuis Penyakit penyakit anjing Penyebab Kematian Hamster perawatan Perawatan Iguana percintaan Pergi Perlengkapan Hamster Personality Test Pertolongan Photograph Photoshop Piala piala dunia Piala Jambi Piala Murah Politik pomeranian poodle Pray For Indonesia Profil Usaha program Promo puasa pug Quiz and Games Quote ragam ragdoll Rainbow Cake ramalan ras anjing murni Recommended Article reproduksi mamalia Resep Kue Result Robocop Roborovski Roborovski Normal Roborovski Pied Mottled Roborovski White Face Roborovsky Roborovsky Normal Roborovsky White Face Rontok Rottweiler Rough Collie Rujukan runa rusa Sahabat Ilmu Jambi saint bernard Sakit saluki samoyed Sayembara Scottish Terrier Selamat Idul Fitri Seminar Seputar Hamster Serbuk Jati shar pei Shetland Sheepdog shiba inu shih tzu siam Siang siberian husky singa Skipsi smartphone Smartphone Gratis Snake somali Sovenir Sports Strain Hamster Sugar Glider Suka Sumatra Barat Sumatra Selatan Super Red Syrian Syrian Long Hair Syrian Short Hair Tahukah Kamu?? Tanda tarantula Tart Telopia Teman Tempat Nongkrong Termahal ternak Terrarium Terrier Tibet Tidur Tiket Pesawat tikus putih Tips and Tricks tips hidup sehat tips unik tonkinese toxoplasma Trick Trophy Tropi Tropy tubuh Tugas Sayembara II twitter Uang Langka ular Ular Boa Constrictor ulat hongkong Url Usia Hamster Siap Kawin Vitamin Hamster Wadah Makan West Highland White Terrier Winter White Winter White Blue Argente Winter White Golden Black Eyes Winter White Golden Red Eyes Winter White Pearl Black Winter White Pearl Red Eyes Winter White Pearl Yellow Line Winter White Shapire Winter White Tiger Winter White Violet Wisata world cup Yorkshire Terrier Zakat

Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :




Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin>atau kedalam tag CSS.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}


4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode</head>

<script src='http://kendhin.googlepages.com/tabview.js' type='text/javascript'/>


6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :


<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>

</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />

</div>
</div>


</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>


Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.


sumber : http://trik-tips.blogspot.com/
Label:

Post a Comment

Author Name

Contact Form

Name

Email *

Message *

Powered by Blogger.