Navigator Menu Horisontal adalah sederatan menu yang memanjang kesamping yang berguna untuk menunjukkan ke suatu halaman lainya di blog Anda. Misalnya Anda mempunyai Blog lain dan juga bertemakan berbeda dari blog Anda maka untuk menunjukkan pengunjung Blog Anda kita pasang menu horisontal ini, atau Anda mempunyai content yang lain di Blog anda dengan tema berbeda Anda perlu suatu navigator untuk menujukkanya.
Selain link dan banner yang menarik menu horisontal ini tidak kalah menarik untuk menjadi navigator di blog Anda karena saya kira bentuknya Menarik dan elegan.
Nah jika Anda juga belum faham mengenai menu horisontal Anas akan kasih capturenya lihat dibawah
Nah dari keterangan diatas apakah Anda berminat Untuk membuatnya di Blog Anda..? kalau Anda berminat silahkan ikuti Cara dibawah
Langkah pertama yaitu log in ke blogger lalu masuk menu Layout kemudian masuk menu Edit HTML
Lalu taruh code dibawah diatas Code ]]> pokoknya di barisan CSS pada Blog Anda
.menuhorisontal{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #000000;
}
.menuhorisontal ul{
margin: 0;
padding: 0;
padding-left: 10px;
font: bold 12px Verdana;
list-style-type: none;
}
.menuhorisontal li{
display: inline;
margin: 0;
}
.menuhorisontal li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 1px solid white;
color: white;
background: #414141; /*background dari Tabel*/
}
.menuhorisontal li a:visited{
color: white;
}
.menuhorisontal li a:hover, .menuhorisontal li.selected a{
background:#002EB8; /*Background Setelah Pointer Diarahkan */
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
height:35px;
}
Kalau Sudah Cari Code dibawah Ini
Code diatas Di Blog kamu berdeda-beda pokoknya kamu perhatikan Code yang berwarna merah saja dan taruh Code dibawah ini tepat dibawah Code Diatas itu
Kemudian Simpan
Langkah kita belum selesai mari kita beranjak ke menu Layout
Nah dibawah Header pasti sudah ada tempat widget/gadget,
kemudian klik Add A Gadget kemudian pilih HTML/JavaScript.. Lalu taruh Code dibawah ini
Nah jika anda ingin mengubah tinggal edit code linknya dan jika ingin menambah tinggal tambah code yg berwarna biru dibawahnya
Gimana gampang kan.. silahkan bereksperimen jika ada pertanyaan silahkan isi komentar
sekian semoga bermanfaat
Artikel Terkait untuk "Navigator Menu Horizontal"
http://tutorial-jitu.blogspot.com/2008/09/navigator-menu-horizontal.html
Selain link dan banner yang menarik menu horisontal ini tidak kalah menarik untuk menjadi navigator di blog Anda karena saya kira bentuknya Menarik dan elegan.
Nah jika Anda juga belum faham mengenai menu horisontal Anas akan kasih capturenya lihat dibawah
Nah dari keterangan diatas apakah Anda berminat Untuk membuatnya di Blog Anda..? kalau Anda berminat silahkan ikuti Cara dibawah
Langkah pertama yaitu log in ke blogger lalu masuk menu Layout kemudian masuk menu Edit HTML
Lalu taruh code dibawah diatas Code ]]> pokoknya di barisan CSS pada Blog Anda
.menuhorisontal{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #000000;
}
.menuhorisontal ul{
margin: 0;
padding: 0;
padding-left: 10px;
font: bold 12px Verdana;
list-style-type: none;
}
.menuhorisontal li{
display: inline;
margin: 0;
}
.menuhorisontal li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 1px solid white;
color: white;
background: #414141; /*background dari Tabel*/
}
.menuhorisontal li a:visited{
color: white;
}
.menuhorisontal li a:hover, .menuhorisontal li.selected a{
background:#002EB8; /*Background Setelah Pointer Diarahkan */
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
height:35px;
}
Kalau Sudah Cari Code dibawah Ini
Code diatas Di Blog kamu berdeda-beda pokoknya kamu perhatikan Code yang berwarna merah saja dan taruh Code dibawah ini tepat dibawah Code Diatas itu
Kemudian Simpan
Langkah kita belum selesai mari kita beranjak ke menu Layout
Nah dibawah Header pasti sudah ada tempat widget/gadget,
kemudian klik Add A Gadget kemudian pilih HTML/JavaScript.. Lalu taruh Code dibawah ini
Nah jika anda ingin mengubah tinggal edit code linknya dan jika ingin menambah tinggal tambah code yg berwarna biru dibawahnya
Gimana gampang kan.. silahkan bereksperimen jika ada pertanyaan silahkan isi komentar
sekian semoga bermanfaat
Artikel Terkait untuk "Navigator Menu Horizontal"
http://tutorial-jitu.blogspot.com/2008/09/navigator-menu-horizontal.html
Tidak ada komentar:
Posting Komentar