Cara Membuat Menu TabView Di Blog dengan Mudah Skip to main content

Cara Membuat Menu TabView Di Blog dengan Mudah

Oleh

Cara Membuat Menu TabView Di Blog

Cara Membuat Menu TabView Di Blog
Cara membuat Menu TabView di blog memang sangat mudah. Menu Tab View ini sebenarnya diadaptasi dari Worpress. Dengan ukuran yang kecil, Menu Tab View dapat menghemat banyak tempat dan bisa memuat banyak ruang. Selain menghemat tempat, Menu Tab View juga berguna untuk mempercantik tampilan blog.

OK, jadi kali ini saya akan bahas 2 model untuk membuat menu Tab View..

1. Cara Membuat Menu Tab View Di Blog

Menu Tab View yang akan kita bahas kali ini adalah yang memakai JQuery, pemasangannya pun sangat simple dan praktis, tanpa edit HTML template yang membingungkan para pemula. Anda cukup menambah satu widget untuk dipasang kode Menu Tab View ini.

Logika pemasangan Menu Tab View itu seperti ini. Tiga widget yang berada dibawah kode Menu Tab View akan menjadi isi dari Tab.

Metode pemasangan Menu TabView

OK, jadi mari kita bahas cara membuatnya..
  • Login ke akun Blogger anda
  • Masuk ke menu Tata Letak
  • Silahkan klik Tambah Gadget, kemudian pilih HTML/Java Script
  • Masukkan kode dibawah ini
<style type="text/css">
.blogtabs {padding: 0px !important;border: 1px solid #bbb;}

.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;border: 1px solid #bbb;overflow: hidden;position: relative;background: #e0e0e0;cursor:pointer;}html .blogtabs h2.active {background: #fff;}.blogtabs .widget-content {border: 1px solid #bbb;padding: 10px;background: #fff;clear:both;margin:0;}.btab, 

#showtabs {display:none;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>

<script type="text/javascript" src="http://bloggergubug.googlecode.com/files/tabviewjquery.js"></script><script type="text/javascript">$(document).ready(function() {$('#showtabs').simpleBlogTab ({organictabs: 3});});
</script>
<div id="showtabs">
</div>
    • Klik Simpan tanpa diberi nama
    • Untuk mengisi Tab, silahkan letakkan widget yang akan dijadikan Tab dibawah widget yang memakai kode diatas tadi.
    • Anda juga bisa mengatur jumlah Tab dengan mengubah angka yang diberi background warna kuning, silahkan ubah angka 3 dengan jumlah Tab sesuka anda.
    Untuk tinggi, lebar, warna, dan lain-lain, silahkan sesuaikan sendiri dengan keinginan anda.


    source
    Label:

    Comments

    Post a Comment

    Silahkan berkomentar!!!

    Popular posts from this blog

    Download One Piece Episode Perang Marineford

    Oleh
      EPISODE PERANG MARINEFORD Download Film One Piece Episode 459 (Peperangan Menentukan semakin dekat! Formasi Tempur Angkatan Laut Telah Siap!) Bahasa Indonesia Download Film One Piece Episode 460 (Kemunculan Armada Kapal! Bajak Laut Shirohige!) Bahasa Indonesia   Download Film One Piece Episode 461 (Peperangan Akan Segera Di mulai! Ace dan Shirohige!) Bahasa Indonesia   Download Film One Piece Episode 462 (Kekuatan Penghancur Dunia! Kekuatan Buah Setan Gura Gura!) Bahasa Indonesia Download Film One Piece Episode 463 (Membakar Semuanya Menjadi Abu! Kekuatan Admiral Akainu!) Bahasa Indonesia Download Film One Piece Episode 464 (Sisa Dari Keturunan Iblis! Little Oars Junior Menuju Medan Perang!) Bahasa Indonesia Download Film One Piece Episode 465 (Pemenangnya Adalah Keadilan! Rencana Sengoku!) Bahasa Indonesia Download Film One Piece Episode 466 (Tim Topi Jerami Telah Tiba! Medan Pertempuran Semakin Memanas!) Bahasa Indonesia Download Film One Piece Episode 467 (Aku A
    Post a Comment
    Read more

    Cara Aktifasi Windows 8.1 Pro dengan Skype

    Oleh
    Cara Aktifasi windows 8.1 Pro menggunakan Skype PERMANENT Hay Guys , kali Ini Ane Akan memposting Tentang  Cara Aktifasi Windows 8.1 PRO / CORE dengan Masa PERMANENT  dan pastinya menggunakan skype  Windows 8.1 sedang heboh dibicarakan dan banyak yang masih bingung cara aktivasi permanent windows 8.1 pro karena tidak bisa memakai MAK key seperti di windows 8. oke sekian basa basinya :D langsung Saja Praktek Operasinya :p first Preparing The Material ( Ciyeeeh ) -__- download Skype untuk Desktop  KLIK DISINI  (password ad4msan.com) kenapa tidak memakai Skype Bawaan Dari metro UI apps ? karena agan akan kesulitan saat meng inpus instalation ID :) Modem / koneksi internet minimal memiliki kecepatan 512KB/s Retail key yg masih valid Bisa diambil  disini Download RETAIL KEY (Password ad4msan.com) konsentrasi Yg tinggi , bisa memahami b.inggris Minimal Hitungan Zero sampe Ten :p  Pertama buka Comand Prompt ( Run As Adminstrator ) dan Masukan retail key nya Dengan ketik perintah
    Post a Comment
    Read more

    10 Misteri besar yang tak terpecahkan

    Oleh
    Manusia mempunyai sejarah panjang dan berliku, begitu banyaknya kejadian - kejadian aneh yang tak bisa dijelaskan secara ilmiah pernah terjadi dan dicatat dalam sejarah.  Para ahli sejarah, arkeolog, dan ilmuwan lain yang kompeten berkaitan dengan bidang ini, bagaimanapun masih terus menggali, mencari, mempelajari dan menyimpulkan, sehingga semuanya bisa lebih jelas bagi kita untuk diketahui dan mungkin dipelajari. Namun ada kalanya sebuah peristiwa penting dalam sejarah masih terus menjadi misteri yang tidak bisa diungkapkan, dijelaskan bahkan dipecahkan. Daftar 10 misteri ini membuat banyak orang masih bertanya - tanya, dan mungkin karena lelah sebagian besar dari kita melupakannya.. 10. Rongorongo Meskipun banyak orang yang tahu tentang  Moai di Easter Island , namun tidak banyak yang tahu tentang misteri lainnya berkaitan dengan Easter Island. ‘ Rongorongo ’ adalah bahasa tulisan yang sulit dibaca dari para penduduk awal di daerah tersebut.  Rongorongo  dianggap mi
    Post a Comment
    Read more