NamaIconHeader TAB MENU HEADER SEDERHANA

tab menu header sederhana menurutku
coz ga ribet edit2 html layaknya menu header animatif lainya
berikut saduran tab menu header yang kusadur dari blog seniorku kang amatullah


Langkah-langkah membuat tab menu navigation horizontal
1. Dalam keadaan sig in pada account blogger sobat, pada dasbor => klik Tata Letak=> klik Elemen Halaman
2. Klik Tambah Gadget pada kolom elemen halaman dibawah header atau diatas header
3. Pilih HTML/JavaScript
4. Copy semua kode tab yang terdapat dalam teks area dibawah tab navigator horizontal pilihan sobat dan paste pada kolom konten

Untuk mengganti link, edit pada bagian HTML semua kode seperti berikut:

<li><a href="#"><span>Link 1</span></a></li>
<li><a href="#" ><span>Link 2</span></a></li>
<li><a href="#" ><span>Link 3</span></a></li>
<li><a href="#" ><span>Link 4</span></a></li>
<li><a href="#" ><span>Link 5</span></a></li>
<li><a href="#" ><span>Link 6</span></a></li>
<li><a href="#" ><span>Link 7</span></a></li>
ganti kode (#) dengan halaman link sobat dan ganti Link1, Link2, Link3 dan seterusnya dengan titel halaman jika ingin menambahkan atau menghapus sebuah tab, sobat tinggal menambahkan atau menghapus bagian baris kode berikut:
<li><a href="#" ><span>Link n</span></a></li>
4. Terakhir jangan lupa simpan dan simpan. Lihat hasilnya pada blog.
Berikut kode 30 tab menu navigasi horizontal


MBT Navigation Menu #1

No Image Used
Black-Orange


MBT Navigation Menu #2

No Image Used
Purple-White-Navigation


MBT Navigation Menu #3

No Image Used
Boxed 1


MBT Navigation Menu #4

No Image Used
LIGHT-GREY


MBT Navigation Menu #5

Bulleted-top-Navigation



Tabs Menu #6

Tab Menu I


Tabs Menu #7

Tab Menu G



Tabs Menu #8

Tab Menu F
CSS CODE:


Tabs Menu #9

No Image Used
ZDnet Emulation



Tabs Menu #10

Tab Menu E



Tabs Menu #11

Tab Menu D



Tabs Menu #12

Tab Menu 12


Tabs Menu #13

Tab Menu 11


Tabs Menu #14

Tab Menu 10



Tabs Menu #15

Tab Menu 9



Tabs Menu #16

Tab Menu 6



Tabs Menu #17

Tab Menu 8



Tabs Menu #18

Tab Menu 7



Tabs Menu #19

Tab Menu K



Tabs Menu #20

Tab Menu 4


Tabs Menu #21

Tab Menu 3


Tabs Menu #22

Tab Menu 2


Tabs Menu #23

Square


Tabs Menu #24

No Image UsedHorizontal Buttons


Tabs Menu #25

Tab Menu H


Tabs Menu #26

Tab Menu 1



Tabs Menu #27

Tab Menu A



Tabs Menu #28

Tab Menu 5



Tabs Menu #29

Tab Menu B


Tabs Menu #30

Tab Menu J














untuk kode warna anda bisa buka di sini
hiasi area header blog sobat dengan menu header yang pas dengan blog sobat
selamat mencoba


sumber dari amatullah



Baca Yang ini Juga Ya... :



19 comments:

Warna Tulisan June 25, 2010 at 5:56 PM  

tampilannya sangat baik & indah, makasih sahabat atas tips. Salam

Rio June 25, 2010 at 6:27 PM  

Ilmu yang sangat ane tunggu, sebagai nyubie ijin nyedot

pakies June 25, 2010 at 6:28 PM  

menyimak, boleh dicoba nih, maklum masih belajar otak atik HTML

Newbie June 25, 2010 at 7:07 PM  

Weh, lengkap banget lah tutorialnya, sip sip sip.. :)) Ane save yach .., thx infonya.. bisa di coba ne..,

listrik June 25, 2010 at 7:16 PM  

wah..mantap tuh ilmunya

moenas June 26, 2010 at 12:16 AM  

saya juga lagi cari tutorial semacah ini tapi template ane agak ane, hasilnya agak beda dengan yg diharapkah ^^
tp thanks dah berbagi

osi June 26, 2010 at 7:54 AM  

lengkap bangggeetttzzz ni tab menunya...sip deh tutorial nya

Codescript June 27, 2010 at 6:12 PM  

MANTAP PERLU DICOBA NIH

al-basri June 28, 2010 at 12:47 PM  

salam,
tumpang coba juga sob, blog saya yang satu lagi lebih cocok untuk yang ini..

terima kasih ya

wong cerbon June 28, 2010 at 2:05 PM  

great design bro, lanjutken

ariefborneo June 28, 2010 at 3:21 PM  

Kunjungan perdana mas..wah lengkap bgt jd pengen coba...thnxs info nya

Puguh Prasetyo July 6, 2010 at 7:45 PM  

makasih ya buat infonya...

noviana hanny August 21, 2010 at 7:54 AM  

teteh cantik~!
kabar baek dsni teh..
waduw,ni tutorial cap cus amet..
ntar smpe mlg lgsg coba y..
he3,thx teteh.. ^^

Ahmadsyah August 24, 2010 at 1:24 AM  

Terimakasih cantik...ini yang aku caru sejak lama Menu header.....terimakasih banget aku coba pakai ya sob,,,,

Ahmadsyah August 24, 2010 at 1:31 AM  

Banner anda sudah dipasang diblog saya makasih...pasang jg punya ku ya

lifestyle and health December 6, 2011 at 12:46 AM  

mkasih infonya gan.. sangat bermanfaaat.... sukses terus yaaa.... :)

Aulia MP October 16, 2012 at 9:17 AM  

wah kompilt bgt..trims ya..jangan lupa di followback
happy bloging....

S Remen Rae November 3, 2012 at 9:40 AM  

thx menu sederhanax. krna gw suka sederhana,,, gkggkgkk.....

Post a Comment

BUKU TAMU DAN ATRIBUT BLOG

Please Comment
Posting Populer
[..::::A::::..]
  • about Healty
  • ALL ABOUT LOVE
  • Aktivitas Sandal Jepit
  • Amru Site
  • AnjingGoblog
  • Attayaya Dot Net
  • Andalas Van Java
  • Aneh81
  • Aneh,Unik,Lucu
  • All In "tUmbuH"
  • Archv3nture
  • Anita Atax
  • Anak kolonX
  • Acatrazz Blogspot
  • Aldien Blog
  • Athene Blog
  • Andy Wong ECAkNYO
  • Aanworld Bloger Pemalang
  • Ayu Adine
  • About Finance
  • [..::::B::::..]
  • BAYU LEBOND
  • Bebens007
  • Bayu Saputra
  • Blog Kang Rohman
  • Blog Putra Jepang
  • Blogger Directories
  • Belajar Bisnis Internet
  • BIBIR SAKTI MASBEKEN
  • BLOGING VIA HP
  • Blog persahabatan
  • Bull^Bull & Coretannya
  • Blogging-Surfer
  • Blogging Bucks
  • BUNGLONBLOG
  • BOOK ONLINE
  • [..::::C::::..]
  • Coretan Si8ball Pekox's
  • Choe Link 2009
  • Celebes City
  • Computer Tips Tricks
  • Catatan Putra
  • [..::::D::::..]
  • Dunia Komputer
  • Dodi Odhievara Blog
  • DEDICATED COMPUTER SERVER
  • Dian Ambar Wasesha
  • Dhana Arsega
  • DARA WEBSITE
  • DEVIL COMPUTER
  • [..::::E::::..]
  • EFMED 2001
  • Elyas Anak Merana
  • EXOTICA
  • [..::::F::::..]
  • Fatur RumaH Curhat
  • FIGHT FOR WOMEN HEALTH
  • Forum Komunitas
  • Full Software Collextions
  • Fajar Pekox's
  • [..::::G::::..]
  • Gak Mutu Blog
  • Gustihana Blog
  • Ginanjar Kluwut
  • [..::::H::::..]
  • Harry Nuriman
  • Huyuh Blog
  • [..::::I::::..]
  • Indonesia Ku
  • Indo15 Blog
  • Ijo Punk Jutee
  • [..::::J::::..]
  • Jasa Pembuatan Blog
  • [..::::K::::..]
  • Keboo Kyut BC
  • KLUWAN dot COM
  • KLUWAN LOVE IS BEAUTY
  • KLUWAN backtrack
  • Kang Asep Blog
  • kakve-santi (Pr. 4)
  • Kartika Putri Pratama
  • KokoBotax
  • KelireirenG
  • KompiKita
  • K-Bejo
  • Komunitas Oedjoeng
  • [..::::L::::..]
  • Lia Amalia
  • [..::::M::::..]
  • Monika Hansen
  • Manfaat Bersama
  • Malindo fm
  • Mhz Maheswari Vania Yoga
  • [..::::N::::..]
  • Nurina Utami
  • Natha Lia Blog
  • Ngeposting ni yee
  • [..::::O::::..]
  • Oklubi Dot Com/
  • Oyah Saloon
  • Okygaul85
  • [..::::P::::..]
  • PakiesDjangan
  • Phonank bukan Ohang
  • Poter Punya
  • Paradise
  • Poeds On Girimukti
  • priagoenks.co.cc/
  • Psikonseling Evi Yulianti
  • Putra Blog
  • [..::::Q::::..]
  • ...
  • [..::::R::::..]
  • RUANGSC COMUNITY
  • RAHMAT TEA
  • RAKSAKA NALA
  • Rock Klasik tetep Asyik
  • rahad2six
  • Rizky2009
  • Rahmei Yuda
  • Rachmatea
  • Rizal Blog
  • Rival Aditya
  • Ririn Keyliana Blog
  • Ruang Hati
  • [..::::S::::..]
  • SATRIYO HP
  • SANG KHALIFAH
  • SOUND BLASTER
  • Saung Urip
  • Sulthan Yususf
  • Samsulmuna
  • Surakarta Entrepreneur
  • shirieen
  • Seputar Dunia Anak
  • SehatZBlog
  • Sugeng Pribadi DOT COM
  • Satrianews Dot Net
  • Satriacell Dot Com
  • Sebuah Berita
  • SOMBLERO
  • [..::::T::::..]
  • Toko Tas OnlinE
  • Tovarossi
  • Terminal LPG Semarang
  • Tourism of Indonesian
  • The JaeV
  • TIPS KELUARGA
  • Taekwondo Indonesia
  • Tech Info
  • Tubir Bloger
  • [..::::U::::..]
  • ....
  • [..::::V::::..]
  • vanmovic'S blog
  • VIPERX
  • Vienka Dot Com
  • [..::::W::::..]
  • Worldsenterprise
  • Witul4r BC
  • [..::::X::::..]
  • .....
  • [..::::Y::::..]
  • Yoga Kucing
  • Yahya Blog
  • [..::::Z::::..]
  • .....
  •   © Blogger template Webnolia by Ourblogtemplates.com 2009

    Back to TOP