Home > Tutorial Blogger > Cara Membuat Menu Horizontal
Cara Membuat Menu Horizontal
Posted on Minggu, 27 Januari 2013 by Unknown
Kali ini saya akan mempraktikkan cara membuat menu
Horizontal pada Blog.Menu Horizontal ini sangat diperlukan agar pengunjung Blog
dapat menemukan Artikel pada Blog Tersebut.
Tanpa Basa-Basi lagi saya mulai
saja.
1. Pertama-tama login ke dashboard=>Template=>Edit
HTML.Setelah itu centang Expand Widget Template,lalu cari kode berikut
]]></b:skin> lalu copy kode dibawah ini dan paste diatas
]]></b:skin :
Klik show untuk melihat
span style="background-color: white;">
ul.menu
{list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:.6em;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix_any8HHo6y93BAJfSk5VeXlAStsszivPViIv-3f7wQG5-j7qrEAZpB3SurTFXd4fk-hJJ0VVXmjhdspwatBnMB1yt9mhgWgLZOJEZ8_3YDEGMNGz48zIejH86xoAL1yzZzVcomRfIaQ/s1600/bg.png")
repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px
solid #000;margin:0;padding:0;}ul.menu li
{display:block;float:left;margin:0;padding:0;}ul.menu li a
{float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px
0;font-weight:normal;}ul.menu li a:hover,.current {color:#fff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix_any8HHo6y93BAJfSk5VeXlAStsszivPViIv-3f7wQG5-j7qrEAZpB3SurTFXd4fk-hJJ0VVXmjhdspwatBnMB1yt9mhgWgLZOJEZ8_3YDEGMNGz48zIejH86xoAL1yzZzVcomRfIaQ/s1600/bg.png")
repeat-x top left;text-decoration:none;}ul.menu .current a
{color:#fff;font-weight:700;}/*Garis
Merah*/ul.menu.red{background-color:#B11718;}ul.menu.red li a:hover, .menu.red
li.current {background-color:#DE3330;}Setelah itu klik save template.
2.Masuk ke Layout=>add gadget=>pilih HTML/Java Script,lalu copy kode dibawah ini :
Klik show untuk melihat
<ul class="menu red">
<li class="current"><a href="http://eggijanitrablog.blogspot.com/" target="_self">Home</a></li>
<li><a href="http://eggijanitrablog.blogspot.com/search/label/Tutorial%20Blogger" target="_self">Tutorial Blog</a></li>
<li><a href="http://eggijanitrablog.blogspot.com/search/label/Cheat%20Facebook" target="_self">Cheat Game Facebook</a></li>
<li><a href="http://eggijanitrablog.blogspot.com/search/label/Software" target="_self">Software</a></li>
<li><a href="" target="_self"></a></li>
</ul>
<li class="current"><a href="http://eggijanitrablog.blogspot.com/" target="_self">Home</a></li>
<li><a href="http://eggijanitrablog.blogspot.com/search/label/Tutorial%20Blogger" target="_self">Tutorial Blog</a></li>
<li><a href="http://eggijanitrablog.blogspot.com/search/label/Cheat%20Facebook" target="_self">Cheat Game Facebook</a></li>
<li><a href="http://eggijanitrablog.blogspot.com/search/label/Software" target="_self">Software</a></li>
<li><a href="" target="_self"></a></li>
</ul>
Setelah itu klik Save.
Keterangan :
Silahkan ganti tulisan berwarna biru dengan kata - kata yang sobat inginkan, dan ganti juga tulisan berwarna merah dengan link url sobat.
Sekian dari saya.Jika ada pertanyaan silahkan comment dan jika suka pada artikel ini silahkan like.
Salam Blogger.
Category Article Tutorial Blogger
One Response to “Eggi Janitra's Blog”
What's on Your Mind...
Jika ingin berkomentar,berkomentar lah yang sopan.Jika ada komentar yang menjelek-jelekan blog ini jangan salahkan jika kami menghapus komentar anda.
Diberdayakan oleh Blogger.
Search This Blog
Lencana Facebook
Followers
Footer Links
Label
- Biologi (2)
- Cheat Facebook (3)
- Cheat PS2 (1)
- Download MP3 dan Ringtone (1)
- Game PC (5)
- IPS kelas VII (1)
- Software (5)
- Squid game shop (1)
- Template (3)
- TIK (1)
- Trainers (1)
- Trik FB (5)
- Tutorial Blogger (33)
- Tutorial Forum (1)
- Tutorial SEO (2)
- Twitter (2)
Blogroll
Pages
About
Blogger templates
Trending Topic
Blog Archive
-
▼
2013
(71)
-
▼
Januari
(21)
- Cara Membuat Menu Horizontal
- Cara Mendatangkan Ribuan Visitor di Blog
- Dongkrak SEO super cepat
- Cara membuat forum 100% gratis
- Trainers Biohazard 4
- Download Winrar
- Download Lagu and Ringtone
- List Squid Game Shop
- Download IDM 6.14
- Cheat Tsunami & Banjir GTA Sanandreas Komputer PC
- Cheat Sengoku Basara 2 Heroes PS2
- Cara Agar Blog Jadi Nomor Satu di Google
- Cara Mendaftarkan Blog di Google, Yahoo, dan Bing
- Membuat Efek hujan Salju di Blog
- Cara agar blog bisa dilihat di Handphone
- Cara Membuat Kamera Pengintai di Blog
- Icon-icon Microsoft Word Beserta Fungsinya
- Cheat Farmville 2
- Cheat car town
- Cheat Pokie Ninja II
- Cara Mudah Mengganti Background Blog dengan Gambar
-
▼
Januari
(21)
Pages
Label
Translate
Popular Posts
-
Info contact atau kontak memang sebaiknya dipasang oleh blogger di blognya. Hal ini untuk menjalin percakapan yang lebih personal dari peng...
-
B anyak cara yang bisa dilakukan untuk meningkatkan traffic kunjungan blog salah satunya dengan mempromosikanya ke jejaring social....
-
Cheat Tsunami & Banjir ini kami temukan dan posting disini, setelah beberapa pengunjung eggi's blog request mengenai Cheat Tsunami y...
-
Ga perlu dijelasin lagi kayanya yaa. -.- Software yang paling dianggap bagus dan sempurna untuk masalah 3D design. AutoCAD 2013 ini bisa d...
-
Cara Mengirim Email Lewat Gmail Cara Mengirim Email Lewat Gmail - Belum lama saya mendapatkan pertanyaan melalui E-mail yang beri...
-
Below CARA BACKUP Website Plus Cara Cloning Website / blog , Contoh mengcloning: web Iklan baris dengan platform wordpress: Taukah ka...
-
Template Blogger Keren dan Ringan Terbaru 2013. Template yang fast loading dan SEO Friendly ini gratis untuk anda. Selain i...
-
Download Template Blogspot Gratis Yang KEREN dan Full SEO READY bisa anda dapatkan disini, dan kamu tinggal pilih mana yang paling kamu s...
-
Ada beberapa Kumpulan Status FB Lucu Terbaru bikin kita jadi ngerasa gokil hahaa :D Jika sobat semua suka ngerasa bingung kalo mau update ...
Arsip Blog
-
▼
2013
(71)
-
▼
Januari
(21)
- Cara Membuat Menu Horizontal
- Cara Mendatangkan Ribuan Visitor di Blog
- Dongkrak SEO super cepat
- Cara membuat forum 100% gratis
- Trainers Biohazard 4
- Download Winrar
- Download Lagu and Ringtone
- List Squid Game Shop
- Download IDM 6.14
- Cheat Tsunami & Banjir GTA Sanandreas Komputer PC
- Cheat Sengoku Basara 2 Heroes PS2
- Cara Agar Blog Jadi Nomor Satu di Google
- Cara Mendaftarkan Blog di Google, Yahoo, dan Bing
- Membuat Efek hujan Salju di Blog
- Cara agar blog bisa dilihat di Handphone
- Cara Membuat Kamera Pengintai di Blog
- Icon-icon Microsoft Word Beserta Fungsinya
- Cheat Farmville 2
- Cheat car town
- Cheat Pokie Ninja II
- Cara Mudah Mengganti Background Blog dengan Gambar
-
▼
Januari
(21)
Mengenai Saya
Arsip Blog
-
▼
2013
(71)
-
▼
Januari
(21)
- Cara Membuat Menu Horizontal
- Cara Mendatangkan Ribuan Visitor di Blog
- Dongkrak SEO super cepat
- Cara membuat forum 100% gratis
- Trainers Biohazard 4
- Download Winrar
- Download Lagu and Ringtone
- List Squid Game Shop
- Download IDM 6.14
- Cheat Tsunami & Banjir GTA Sanandreas Komputer PC
- Cheat Sengoku Basara 2 Heroes PS2
- Cara Agar Blog Jadi Nomor Satu di Google
- Cara Mendaftarkan Blog di Google, Yahoo, dan Bing
- Membuat Efek hujan Salju di Blog
- Cara agar blog bisa dilihat di Handphone
- Cara Membuat Kamera Pengintai di Blog
- Icon-icon Microsoft Word Beserta Fungsinya
- Cheat Farmville 2
- Cheat car town
- Cheat Pokie Ninja II
- Cara Mudah Mengganti Background Blog dengan Gambar
-
▼
Januari
(21)
thanks infonya