Tips dan Trik Blogger

Cara Pasang CSS Menu di Navbar Footer

Cara menampilkan Menu di [Navbar Footer] seperti di Blog ini [Dunia-Blogger] waktu chat ngobrol-ngobrol dan berikut saya buatkan Tutorialnya...!!! Tapi Sebelumnya Blog kita harus memiliki [Navbar Footer] untuk membuatnya silahkan Baca Artikel Mas Mizwar di http://kursus-blog.blogspot.com/2008/07/cara-bikin-footer-navbar.html nah jika Sudah berhasil Silahkan Ikuti Tutorial berikut ini....

Untuk menambahkan ke dalam Navbar Footer, Pertama kita Harus Membuat CSS Menu... untuk Membuatnya silahkan kunjungi http://cssmenumaker.com/ dan pasang kodenya di Blog kita.... atau jika gak mau ribet silahkan Copy Paste Kode di bawah Ini:
 

Dan Pasang Kode Tersebut di bawah kode

#header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
}


Atau jika gak mau Pusing silahkan pasang di Atas kode ]]></b:skin>
Nah Jika Selasai... Sekarang Copy Kode Menu di bawah Ini:

      <div id='menu'>
       
        <ul>
            <li><a href='/' title='Home'>HOME</a></li>

                        <li><a href='http://dunia-blogger.blogspot.com/search/label/Blog' title='Blog Tips and Trik'>BLOG</a></li>
            <li><a href='http://dunia-blogger.blogspot.com/search/label/Bisnis'>Bisnis</a></li>
            <li><a href='http://dunia-blogger.blogspot.com/search/label/Tips%20and%20Trik'>Tips and Trik</a></li>
           
<li><a Title='HTML Code dan Tutorial' href='http://dunia-blogger.blogspot.com/search/label/HTML'>HTML</a></li>
            <li><a href='http://secuil-kata.blogspot.com' target='new' title='Secuil Kata'>Secuil Kata</a></li>
        </ul>

    </div>

Kemudian Simpan Di Notepad/Microsoft Word: Karena ada beberapa hal yang perlu di Rubah yaitu
a] Kode yang Warna merah Adalah Judul menu... gak di isi Juga gak apa apa....
b] Kode yang Garis bawah warna Biru itu Adalah... Url menu yang di tuju... silahkan Ganti dengan selera teman teman semua...
c] Yang warna Ungu merupakan  Tampilan menunya silahkan Ganti menu yang mau ditampilkan apa saja.....

Nah... sekarang Saatnya memasang Kode di atas hasil editan kita jangan lupa Backup yah... dan Masuk Ke [Layout] - [Edit HTML] dan Pasang kode di atas letakan diantara kode  <div id='navbar-footer'> dan </div>

Nah Selamat Mencoba Semoga berhasil... Gunakan Kode <center>    </center> Supaya posisinya Berada di tengah... misalnya:

<div id='navbar-footer'>
 <center>

Kode yang mau di Tampilkan

 </center>
</div>

Silahkan lihat Contohnya,,,,,

 
Selamat Mencoba, oh ya artikel Ini Di Posting pukul 8 lewat 8 tanggal 8 bulan 8 tahun 08 he he
.
12 Komentar untuk "Cara Pasang CSS Menu di Navbar Footer"

wah jam postingan yang cantik, dan semoga penuh keberuntungan

@Artaha:
Saya gak hiraukan amgka 8, sya hanya ingin menmpilkannya aja... gak ada mitos apa pun....

Makasih udah Berkomentar.....

Gara-gara taggal jadi lupa komen, :)
Wah boleh di turi kagak nih, asik bener tuh

@Artha:
Silahkan Aja... Coba dan jika ada maslah silahkan Kontak di Y!M atau E-mail...

Selamat mencoba dan Semoga berhasil

@Erwin:
Selamat mencoba Semoga Berhasil jangan Sungkan-sungkan Silahkan... jika ada masalah kontak [Dunia-Blogger] yah,.....!!!

Hapy Blogging....^_^

diantara kode div id='navbar-footer' dan /div ada dimana?

@ A-Five: mas, pastikan Sudah memasang Nvbar.... jika sudah.... Silahkan cari, pasti ada mas... dan div id='navbar-footer' jika mas membuat navbar sesuai blog mas MIZWAR, silahkan cari aja mas atau pasang di bawah div id='navbar-footer' mas..

kerennn kk

udah berhasill ..

thank ya kk....^_^

LAngsung coba aghhhhh,, thanks atas infonya kang,,,.

Terima Kasih telah Mengunjungi Blog ini dan Silahkan tinggalkan Komentar Anda...

Back To Top