Menghilangkan Navbar pada Blog: "Ingin menghapus Navbar punya blogger?bikin ga sedap mata? Ilangin aja yuk!Letakkan kode di bawah ini di atas kode ]]>"
Menuju Posting Aslinya »
Showing posts with label Belajar Membuat Navigasi Bar [Navbar Blogger] Menu Sederhana. Show all posts
Showing posts with label Belajar Membuat Navigasi Bar [Navbar Blogger] Menu Sederhana. Show all posts
Thursday 15 April 2010
Tuesday 17 November 2009
Belajar Membuat Navigasi Bar [Navbar Blogger] Menu Sederhana
Menu Navigasi Dalam Navigasi Bar (Navbar)Pernahkah anda mengalami kesulitan untuk membuat menu navigasi seperti 'Home', 'About','Daftar Isi',Links dll? Disini,kita akan belajar membuat navigasi bar (navbar) blogger menu sederhana,seperti kasus diatas. Jadi,bukan hanya membuat sebuah navbar,melainkan membuat 'menu navigasi' di dalam navbar itu sendiri. Bingung? Contoh hasil dari kreasi navbar ini,bisa anda lihat seperti gambar di bawah ini [klik gambar untuk hasil yang lebih besar]: Sedangkan jika anda ingin memastikan seperti apa sih hasil sebenarnya,silakan kunjungi situsnya langsung di SINI. Bagaimana? tertarik untuk membuatnya? Langkah Membuat Navbar Blogger SederhanaSesederhana judul artikel ini,penempatan barisan kode css maupun kode untuk navbarnya,sangat sederhana sekali. Sekali lagi,tutorial membuat navbar ini hanya untuk blogspot dari blogger saja ya :p Pertama,Pergilah ke Dashboard blogger anda,lalu pilih Tata Letak,selanjutnya seperti biasa pilih tab Edit HTML. Selanjutnya,contreng tulisan Expand Widget Templates. Lalu cari kode berikut: </head> [untuk membantu,carilah menggunakan keyboard dengan menekan tombol alt+F] Setelah ketemu,letakkan kode css berikut persis di atas kode </head> tersebut.<style type="text/css"> Jika sudah anda letakkan kodenya css-nya,sekarang cari lagi kode berikut: <body> Jika sudah ketemu,letakkan kode berikut persis di bawahnya. <div id="pelajaranblognav"> <center><a href=" http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro "><img border="0" src="http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg" width="80" height="50"/></a></center><br/> http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro "><img border="0" src="http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg" width="80" height="50"/></a></center><br/>
<td> <center><a href=" http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro "><img border="0" src="http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg" width="80" height="50"/></a></center><br/> http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro "><img border="0" src="http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg" width="80" height="50"/></a></center><br/> </td> </tr> Setelah itu Simpan Template,dan lihat hasilnya sekarang :D Keterangan: Semoga bermanfaat dan modifikasilah sesuai selera anda masing-masing. Goosd Luck Ya! Baca Juga Yang Ini.. |
Subscribe to:
Posts (Atom)