Cara Membuat Menu Horizontal Blogger atau Blogspot
Ada beberapa Cara Membuat Menu Horizontal Blogger atau blogspot, saya akan berikan 2 cara saja. Menu horizontal bisa dibuat dengan menggunakan widget khusus blogger yaitu dengan menggunakan html widget seperti menambah link scroll atau bisa juga menambahkan lewat templatenya menggunakan kode html dan css.
Untuk cara membuat menu horizontal pada blogger atau blogspot dengan menggunakan widget yaitu dengan menambahkan widget setelah header. Kode ini yang akan menjadi menu horizontal dan menu ini dapat diubah2 sesuai keinginan tanpa harus mengganti kode html pada template. Namun hal ini memiliki kekurangan yaitu jika kita menggunakan widget maka akan membuat loading time menjadi lebih lama karena seperti yang telah saya utarakan sebelumnya mengenai cara terbaik untuk mempercepat loading time blogger yaitu dengan mengurangi jumlah widget blogger.
Untuk membuat menu horizontal pada blogger menggunakan widget:
- pertama2 sign in seperti biasa
- klik tata letak untuk bahasa indonesia atau layout untuk bahasa inggris
- klik edit html
- trus klik expand widget template
kalau sudah cari kode berikut
b:section class='header' id='header' maxwidgets='1' showaddelement='no'kemudian ganti angka 1 dengan 2 dan no dengan yes
terus dibawahnya ada kode
b:widget id='Header1' locked='true'Ganti true dengan false Terus save template
Setelah itu untuk menambah menu horizontal tinggal kopi kode berikut
<div id="nav">Jangan lupa mengganti kode # dan nama yang berwarna merah.
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Product</a></li>
</ul>
</div>
Terus buka elemen halaman atau page elemen pada header klik add page elemen html terus paste kode itu terus save.
Untuk menu horizontal dalam template atau menggunakan html dan css
langsung saja kopi kode diatas kemudian paste di bawah <body>
Kemudian kopi kode dibawah ini:
#nav ul{Untuk warna menu horizontal ini bisa diganti sendiri jika ingin menggunakan warna yang lain.
display:block;
margin: 0px;
padding: 0px;
}
#nav li{
float:left;
list-style-type:none;
padding:3px 5px 3px 5px;
margin:1px;
border:#CCCCCC 1px solid;
}
#nav li a{
text-decoration:none;
}
#nav li:hover{
background:#00FFFF;
}
Setelah itu paste diatas ]]></b:skin> lalu save template.
Lihat hasilnya.
| INVESTASI 100RIBU HASIL 20 JUTA/BULAN, MAU ? KUNJUNGI WWW.MESINCETAKRUPIAH.COM |
| MAU GAJI 20 JUTA ? KERJA 2 JAM MODAL CUMA 100RIBU KUNJUNGI WWW.MESINBONUS.COM |
| Penghasilan Tetap 4 s/d 28 JT/BLN Bisnis yg Fun & Mudah utk yg Serius Merubah Nasib |
| TAMBAH UKURAN,TAHAN LAMA, dsb Tanpa Obat Panduan Berbentuk Ebook, Buku dan CD Video |
| OBAT HERBAL KUAT TAHAN LAMA REKOMENDASI BOYKE Mengatasi Ejakulasi Dini & Lemah Syahwat 100% Aman |
KumpulBlogger.com |
18 komentar:
- Tanda ini "#" di gnti seperti apa
- [B]NZBsRus.com[/B] Dont Bother With Sluggish Downloads Using NZB Files You Can Rapidly Find High Quality Movies, Console Games, MP3s, Applications and Download Them at Alarming Speeds [URL=http://www.nzbsrus.com][B]Usenet[/B][/URL]
- Predilection casinos? vouch for this latest [url=http://www.realcazinoz.com]casino[/url] president and from the use in function of a hold antiquated against up online casino games like slots, blackjack, roulette, baccarat and more at www.realcazinoz.com . you can also into our untrained [url=http://freecasinogames2010.webs.com]casino[/url] orientate at http://freecasinogames2010.webs.com and fructify in fake folding spondulix ! another adscititious [url=http://www.ttittancasino.com]casino spiele[/url] boldness is www.ttittancasino.com , in the rule of german gamblers, muse on finished well-wishing online casino bonus.
- I read this forum since 2 weeks and now i have decided to register to share with you my ideas. [url=http://inglourious-seo.com]:)[/url]
- Hi Guys,Just registered here and looking to have a great time. I am looking for the best cash gifting program out there in the internet. Can you guide me? Below are some sites that I found and I am not sure how much they are going to help me. [url=http://www.squidoo.com/Residual-Cash-Forever-Cash-Gifting-System]cash gifting[/url] [url=http://www.squidoo.com/Residual-Cash-Forever-Cash-Gifting-System]join cash gifting[/url] [url=http://www.squidoo.com/Residual-Cash-Forever-Cash-Gifting-System]best cash gifting program[/url]
0 komentar
Posting Komentar