SELAMAT DATANG,EH TAMUNYA CAKEP BANGET,JADI MALU AKUW,NGUMPET AHHH....CKIKIKIKIKIK....!!!!


NamaIconHeader Membuat Menu Header Unik

pernah lihat menu seperti dibawah ini..??

ada banyak template baru yang siap pakai..dan sudah menyediakan menu slide yang atraktif dan unik.
tapi alangkah baiknya tahu dasar pembuatanya..:D


langkah sederhananya seperti berikut :
1. Login pada Blogger.
2. Klik pada Layout pada Dashboard.
3. Pada Layout klik Edit HTML .
4. Temukan kode </b:skin>
5. copy kode dibawah ini

.jqueryslidemenu{
font: bold 12px Verdana;
background: #414141;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
dan paste tepat diatas kode </b:skin>

6. selanjutnya cari kode </head>
<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/Dropdownmenuwithjquery.js' type='text/javascript'/>
copy kode diatas dan paste tepat diatas kode </head>

7. cari kode
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Testing templates (Header)' type='Header'/>
</b:section>
</div>
setelah ketemu kemudian anda copy script dibawah ini
<div class='jqueryslidemenu' id='myslidemenu'>
<ul>
<li><a href='http://joxerz.blogspot.com/'>Home</a></li>
<li><a href='#'>Daftar Isi</a></li>
<li><a href='#'>Tutorial</a>
<ul>
<li><a href='#'>Sub Item 1.1</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
</ul>
</li>
<li><a href='#'>Download</a></li>
<li><a href='#'>Folder 2</a>
<ul>
<li><a href='#'>Sub Item 2.1</a></li>
<li><a href='#'>Folder 2.1</a>
<ul>
<li><a href='#'>Sub Item 2.1.1</a></li>
<li><a href='#'>Sub Item 2.1.2</a></li>
<li><a href='#'>Folder 3.1.1</a>
<ul>
<li><a href='#'>Sub Item 3.1.1.1</a></li>
<li><a href='#'>Sub Item 3.1.1.2</a></li>
<li><a href='#'>Sub Item 3.1.1.3</a></li>
<li><a href='#'>Sub Item 3.1.1.4</a></li>
<li><a href='#'>Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href='#'>Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='http://joxerz.blogspot.com/'>About</a></li>
</ul>
<br style='clear: left'/>
</div>
copy kode diatas dan paste dibawah kode <div id='blog-wrapper'>
atau kode
<div id='header-wrapper'>
dikarenakan tiap template kodenya kadang berbeda
langkah mudahnya anda tinggal mengedit link-linknya yang berwarna biru sesuai selera anda
selanjutnya simpan template anda.

catatan : jangan lupa backup dulu template anda, dengan maksud menjaga terjadinya eror/ gagal pada saat edit template.

posting disadur dari sini
dan sudah dipraktekan by cantik

Baca Yang ini Juga Ya... :



69 komentar:

surya ramadhan 23 Desember 2011 20.48  

sip tutornya bisa dicoba nih...

salam blogwalking

hmsf08.blogspot.com

budi 1 Maret 2012 19.47  

lumayan boleh jga nih di coba

Rudy Hartono 13 Maret 2012 06.31  

infonya menarik untuk disimak

tips bloging 15 Mei 2012 02.38  

keren coy,
good job haha

Outbound Training Malang 31 Juli 2012 20.30  

salam sukses gan, bagi2 motivasi .,
Pikiran yang positiv dan tindakan yang positiv akan membawamu pada hasil yang positiv.,.
ditunggu kunjungan baliknya gan .,.

obat herbal tbc 6 Agustus 2012 01.30  

baru tau saya caranya....makasih ya

obat alami lupus 10 September 2012 00.13  

info yang sangat menarik........

Pengobatan Tradisional Asam Lambung 12 September 2012 21.24  


saya tunggu lagi post yang selanjutnya....

Obat Alami 17 September 2012 19.24  


lumyan deh jadi nambah nambah pengetahuan

Fuadditiya Imaspadi Muharam 17 September 2012 20.52  

Trimakasih gan infony..

sangat bermanfaat bagi perkembangan blog saya.. :)

Blog Fuadditiya | The FIM Site

obat jelly gamat 27 Oktober 2012 23.55  



bagus banget ya ceritanya

obat jelly gamat 27 Oktober 2012 23.56  


salam kenal dan sukses slalu ya

Obat Penyakit Hepatitis B 28 Oktober 2012 00.58  

infonya sangat bermanfaat sekali

obat tradisional ginjal 28 Oktober 2012 02.21  

salam kenal ajach buat yang baca

obat tradisional kanker / tumor otak 28 Oktober 2012 02.21  

saya ikut numpang buat nambah backlink di sini ya

obat tradisional keputihan 28 Oktober 2012 02.22  

artikel yang menarik banget, semoga bermanfaat ya

obat tradisional darah tinggi 28 Oktober 2012 02.22  

mantap gan, thanks ya udah berbagi pengetahuan

obat jelly gamat 29 Oktober 2012 23.35  


makasih ya atas infonya , mudah mudahan bermanfaat trus .

obat tradisional insomnia 3 November 2012 01.46  

hallo,sobat semuanya. makasih banyak ya atas informasinya

obat tradisional kanker hati 3 November 2012 01.46  

saya ikut nyimak artikelnya... sangat bermanfaat banget

juli 9 November 2012 19.38  


terimaksih atas infonya

juli 9 November 2012 19.39  


terimaksih atas infonya

ika 15 November 2012 23.24  

makasih buat informasinya

ika 15 November 2012 23.24  

oke banget tuh informasinya

ika 15 November 2012 23.24  

kunjungan pertama ne

leo 16 November 2012 23.55  

izin gabung sini ya

zul 27 November 2012 18.19  

bermanfaat banget infonya-infonya bagi saya


makasih ya gan

zul 1 Desember 2012 00.53  


Halllo, numpang untuk nambah backlink di sini ya !!

Setelah saya menyimak ternyata info-infonya sangat bermanfaat bagi saya untuk menambah pengetahuan saya

Thanks



Obat Penyakit Jantung Koroner 14 Desember 2012 23.14  


Beritanya mennarik untuk di simak,

makasih ya gan atas infonya

obat tradisional kanker usus 14 Desember 2012 23.40  

hello semuanya... ikut backlink sini ya

obat tradisional sinusitis 14 Desember 2012 23.41  


sukses ajach deh buat artikelnya, lam kenal

Indra Antara 9 Januari 2013 18.08  

waahh tab menunya keren...

Anonim,  17 Maret 2013 11.06  

christian louboutin outlet store 396723 Gucci Bags 124494 Burberry Bags 664062 http://pinterest.com/louboutioutlet/

Anonim,  17 Maret 2013 15.40  

Gucci Handbags for cheap 487010 Chanel Outlet 139199 cheap christian louboutin shoes 32034 http://chanelhandbagsonsale.cabanova.com/

Anonim,  17 Maret 2013 17.05  

Burberry Bags online 936018 Chanel Outlet Online 995491 Hermes Bags on sale 652154 http://louisvuittonoutletstores.cabanova.com/

Anonim,  17 Maret 2013 20.15  

Chanel Handbags on sale 198245 Louis Vuitton Bags 240397 Hermes Birkin sale 865788 http://cloutlets.webs.com/

Anonim,  17 Maret 2013 21.46  

Hermes online 986796 Hermes Outlet 528539 Gucci Outlet 840606 http://guccihandbagsforcheap.cabanova.com/

Anonim,  18 Maret 2013 01.00  

Burberry Bags clearance 171045 Louis Vuitton Bags outlet 249327 Burberry Bags 435490 http://hermesbirkinsale.cabanova.com/

Anonim,  18 Maret 2013 05.46  

Louis Vuitton Bags outlet 767659 Gucci Bags 419135 Louis Vuitton Handbags 650434 http://chaneloutletonline.cabanova.com/

Anonim,  18 Maret 2013 16.15  

Burberry Outlet 623481 Chanel Bags outlet 556445 Louis Vuitton Bags 436895 http://cheaplouboutinshoes.cabanova.com/

Anonim,  20 Maret 2013 01.14  

Discount Louis Vuitton Bags 552429 Hermes Belts 739957 hermes bags 178075 http://guccioutletonline.cabanova.com/

Poskan Komentar

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