cbox

close
chat YM
Home » » Cara Lengkap Membuat Menu TAB View Pada Blog

Cara Lengkap Membuat Menu TAB View Pada Blog

den zuaz | 12.36 | 53comments
Loading yang ringan pada blog merupakan salah satu cara untuk membuat orang senang berkunjung di blog kita, apalagi ditambah artikel-artikel yang keren, pastinya pengunjung akan membanjiri blog sobat. Cara agar loading blog kita cepat (tidak lemoet) adalah dengan memperingkas tampilan dan tidak terlalu banyak widget, salah satu caranya adalah dengan membuat widget Menu TAB View.

Menu TAB view merupakan widget tambahan berbentuk tab. Dengan cara menggunakan tab view kita dapat menghemat sidebar pada blog kita sehingga kita tidak perlu menambahkan banyak widget yang akhirnya akan memberatkan loading pada blog kita.

Untuk tampilan tab view ini lebih trendi dan menarik, tapi ini bukan berarti tampilan untuk tab view yang lama buruk. Nah, mari kita langsung ke bagaimana cara untuk membuat tab view pada blog.

1. Silakan Login ke blog sobat
2. Masuk ke tab Perancangan lalu pilih edit HTML
3. Seperti biasa centang "Expand widget templates" untuk menghindaran apabila terjadi kesalahan.
4. Silahkan cari kode ]]></b:skin> Tekan CTRL+F untuk mengeluarkan kotak pencarian
5. Setelah ketemu kode diatas silahkan letakkan kode dibawah ini di atas kode ]]></b:skin>



5. Letakkan kode di bawah ini di atas kode </head>



6. Save template
7. Masuk ke tab Elemen laman
8. Tambahkan widget HTML/JavaScript
9. Silakan letakkan kode di bawah ini di dalam widget HTML/JavaScript



Setelah itu simpan dan lihat hasilnya.

Posted by : den zuaz - Author Zuaz'Z Creator™

Artikel Cara Lengkap Membuat Menu TAB View Pada Blog ini diposting oleh den zuaz. Terimakasih atas kunjungan Sobat serta kesediaan Sobat membaca artikel ini. Kritik dan saran dapat Sobat sampaikan melalui kotak komentar. Apabila Sobat berminat silakan copy paste artikel ini dan mohon untuk mencantumkan sumbernya dengan menyertakan script di bawah ini:

Hormat saya: den zuaz

Bagikan artikel ini sobat :
Pemberitahuan:
Mohon maaf apabila komentar Sobat dari Facebook tidak bisa saya jawab semua, dikarenakan sulit untuk memoderasi komentar dari Facebook, bila sobat ada pertanyaan yang ingin lansung saya jawab, silakan Sobat berkomentar dari id Blogger.
Komentar Sahabat
53 Komentar Sahabat

53 comments:

YANI mengatakan...

Wah Mantap Gan Postingan Yang ini, Like This gan (y)

den zuaz mengatakan...

@_Yudha Teenzo: Terima kasih sob,,
Semoga bermanfaat,, ^_^

iydha mengatakan...

sdh lama mau bikin menu tab view, tp ga mau jadi-jadi,, haha
ijin nyimak aja yah :)

den zuaz mengatakan...

@_Nur Aiydha: Silakan dicoba sob,, Saya sendiri sudah berhasil membuat menu TAB view dengan cara di atas,,,,

ricco mengatakan...

klo tab view yg menggunakan jquery ada gg kawand.. klo ada bolehlah di share tips tipsnya.. heheehe..

den zuaz mengatakan...

@_Ricco VM: Diterima requestnya sob,,
Saya sudah punya tutorialnya tapi belum saya coba,,
nanti setelah berhasil saya coba baru saya sharee,, agar tidak terjadi kesalahan saat dicoba di blog sobat,, ^_^

satrio mengatakan...

siiiip dan mantab....hee,.he

den zuaz mengatakan...

@_satrioedan: Terima kasih sobat.. ^_^

ssatriya mengatakan...

Gmn sob ko ga muncul, cuma ada tulisan tab1 sampe 4, aja . . ???

den zuaz mengatakan...

@_ssatriya: Silakan di coba lagi sob,,

hanya kesalahan saat perbaikan posting,,
terjadi penambahan kode (br/) secara otomatis.

cara di atas sudah saya perbaiki,,
silakan di coba. ^_^

Anonim mengatakan...

mau saya terapkan di blog saya sob

den zuaz mengatakan...

@_Rudy Hartono: silakan sob,,

Selamat mencoba.. ^_^

Adi Kuswanto, S.Pd mengatakan...

thanks

den zuaz mengatakan...

@_AdickAsia: Sama2 sob,, ^_^

Anonim mengatakan...

BLog Agan Mantap Euy

den zuaz mengatakan...

@_Amien melody & Satria:Terima Kasih Sobat,, ^_^

Jane Doe mengatakan...

misalnya saya mau ngasih kode tags saya ke menu tab 1, gimana ngasihnya gan ???
ngasih kodenya gimana, bingung gan....

den zuaz mengatakan...

@_Ilham Bachtiar | oBachti ’95: Sobat ganti Kalimat 'Disini letakkan kode untuk tab 1 anda' dengan kode yang ingin sobat masukkan,, ^_^

lks-sahabatmadani mengatakan...

mantap gan tutornya..

den zuaz mengatakan...

@_Abdul Yassa: Terima kasih Sob,,, ^_^

Jane Doe mengatakan...

maaf gan, misalnya label... itukan nggak ada kodenya.... cuma id widget..... ^^

den zuaz mengatakan...

@_Ilham Bachtiar | oBachti ’95: Apakah Maksud sobat label mau dimasukan ke dalam menu tab view,,

Kalau yang seperti itu saya juga belum bisa sob,,

Kalau sobat punya tutornya mohon share ya,, ^_^

Jane Doe mengatakan...

terima kasih banyak atas keramahannya sob....

Nurul Arifin mengatakan...

mas, minta di buatkan atau di editkan blog saya seperti seperti miliknya mas Zuazz bisa gak? saya buat blog di blogspot, kalau bisa terima kasih

den zuaz mengatakan...

@_Ilham Bachtiar | oBachti ’95:

Sama-sama Sob,, ^_^

den zuaz mengatakan...

@_Nurul Arifin: Kirim saja alamat email dan pasword blogger sobat,, Setelah saya selesai edit silakan sobat ganti lagi paswordnya,, ^_^

Black2Share mengatakan...

dah ane coba n works 666%, makasi sob infonya... :D

den zuaz mengatakan...

@_Black2Share: Sama-sama Sob,, ^_^

Jolly Waruwu mengatakan...

sob, bgaimana cara nya agarblogger qt tu bnyak teman?

den zuaz mengatakan...

@_Jolly: Beberapa cara bisa di pakai Sob,,

diantaranya saling bertukar text link dan banner dan juga saling follow dan follow back,, ^_^

Jolly Waruwu mengatakan...

oiya sob, bagaimna cara membuat menu-menu di blogger dan supaya keliatan cantik sperti pnya sob? blz yah sob

den zuaz mengatakan...

@_Jolly: Penambahan widget ataupun bawaan template Sob,,

Banyak situs penyedia template premium,,

Cari aja di mbah google Sob,,

Unknown mengatakan...

mas bro klo edit tabx gmna.....

den zuaz mengatakan...

@_ainul blogs: Untuk edit warna tab, sobat edit kode warna HTML pada kode yang diletakkan di atas /b.skin

Unknown mengatakan...

terima kawih atas info nya..
salam kenal semua nya..

den zuaz mengatakan...

@_M Yanhar: Sama-sama sobat,,

Salam kenal juga dari saya,, ^_^

Unknown mengatakan...

Salam kenal.....
Tampilan blog'a keren banget,,,
share dong... tutorial bkin blog kaya punya sob den zuaz!

den zuaz mengatakan...

@_Aris Munandar: Salam kenal kembali Sobat,,

Nanti saya coba share caranya,,
sekarang belum sempat posting karena sedang penyelesaian studi akhir,, ^_^

Unknown mengatakan...

itu diisi apa sob.. : "Disini letakkan kode untuk tab 1/2/3 anda" ????

den zuaz mengatakan...

@_Darmawan Saputra: Bisa di isi dengan kode apa saja Sob, contohnya kode fans facebook atau yg lainya,,

Masbro mengatakan...

keren bos tab viewnya. trim

den zuaz mengatakan...

@_Mas Bro: Sama-sama Sob.. ^_^

who i'm mengatakan...

mantap dan keren gan.....

eternity love story mengatakan...

mas..butuh bantuan..saya habis ngikutin cara buat tabview dr blog lain..tapi pas saya coba, akhirnya di atas judul blog saya, muncul buanyak rumus2 html yang ga bisa saya hilangkan..jadi juelekkkk bgt blognyaaa... bisa dibantu mas? tq bangettt.......

Unknown mengatakan...
Komentar ini telah dihapus oleh pengarang.
Anonim mengatakan...

salam kenal gan,,ijin copas sebagian ya artikelnya yang ini,,,,thnks.

Anonim mengatakan...

tutorialnya keren gan, ane mau langsung mau coba.

Agung Ngurah mengatakan...

Sangat membantu sobat buat blog ku yg kekurangan space. Thks

Unknown mengatakan...

Selamat malam gan, maksih dah share tentang cara atau tutorial di atas, langsung bisa ane praktekin di blog ane gan, www.rangga-atmajaya.com dan ternyata berhasil. makasih banyak, dan ane udah follow blog ente gan, jangan lupa di follow back, kita sebagai blogger indonesia yang peduli terhadap sesama, makasih sekali lagi. Salam Blogger Indonesia. Jika sobat berkenan bisa juga tukar link gan, gimana??

andy syaputra mengatakan...

gmna cra_a ngsi di mnu tab view

Unknown mengatakan...

gan ntar kalo kita posting, biar munculnya di tab yg ke dua, itu gimana caranya?

Unknown mengatakan...

obat kanker mata
penyakit kanker apa
obat herbal kanker payudara
denature indonesia asli
obat kanker alami

proladies mengatakan...


jual obat aborsi di malaysia
jual obat aborsi di hongkong
jual obat aborsi di singapura
jual obat aborsi di medan
jual obat aborsi di banda aceh
jual obat aborsi di lampung
jual obat aborsi di pekanbaru
jual obat aborsi di padang
jual obat aborsi di palembang
jual obat aborsi di jambi
jual obat aborsi di samarinda
jual obat aborsi di balikpapan
jual obat aborsi di pontianak
jual obat aborsi di banjarmasin
jual obat aborsi di bontang
jual obat aborsi di tarakan
jual obat aborsi di palangkaraya
jual obat aborsi di banjarbaru
jual obat aborsi di singkawang
jual obat aborsi di makassar
jual obat aborsi di manado
jual obat aborsi di palu
jual obat aborsi di kendari
jual obat aborsi di palopo
jual obat aborsi di tomohon
jual obat aborsi di gorontalo
jual obat aborsi di toli-toli
jual obat aborsi di denpasar
jual obat aborsi di ubud
jual obat aborsi di kutai
jual obat aborsi di bedugul
jual obat aborsi di singaraja
jual obat aborsi di kupang
jual obat aborsi di lombok
jual obat aborsi di mataram
jual obat aborsi di sumbawa
jual obat aborsi di jayapura
jual obat aborsi di sorong

Luangkanlah Sedikit Waktu Sobat Untuk Memperindah Blog Ini Dengan Berkomentar,, (^_^)

PERINGATAN,,!!!
Bagi Sobat Yang ingin berkomentar, mohon sesuaikan dengan tema pada postingan, dan saya mohon untuk tidak mencantumkan link (URL) pada komentar karena akan saya anggap spam dan mohon maaf apabila saya hapus komentar Sobat,,!!!

Pilih Bahasa Sobat

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
Designed By: den zuaz

Baca Juga Artikel Lainya Ya

Tuker Link Banner Yook

Bagi Sahabat Blogger Yang Bersedia Untuk Bertukar Banner Dengan Blog Zuaz'Z Creator Silakan Copy Code Di Bawah Ini Untuk Dipasang Di Blog Sobat
Email: dideardana@gmail.com
Banner Zuaz'z
..::: Like this yoo :::..
..::: Award Dari Sahabat :::..

Friendship Award
Dwi Semakin Sukses

banner coa-coba
den zuaz

^_^ iklan kosong ^_^

 
Copyright © 2012. Zuaz'Z Creator™ - All Rights Reserved
..::: Template designed by den zuaz | Powered by Blogger | Thanks for visiting :::..