Cara Membuat Menu Register dan Login diatas Header
Tuesday, July 24, 2012
10 Comments
Cara Membuat Menu Register dan Login diatas Header - Kali ini saya akan membahas bagaimana Cara Membuat Menu Register dan Login diatas Header. Contohnya, kamu bisa lihat diatas header blog ini, itu yang saya maksud Menu Register dan Login. Menu ini sengaja saya tambahkan dengan berbagai macam kategori, agar tidak hanya menu register dan login saja. Berikut contohnya :
Berikut Cara Membuat Menu Register dan Login diatas Header :
1. Login ke Blogger
2. Masuk ke Template => Edit HTML => Lanjutkan
3. Centang "Expand Template Widget"
4. Cari kode ]]></b:skin>, lalu letekkan kode berikut tepat diatas kode tadi
/*Top Horisontal*/ .toppic{background:#ffffff;width:1040px;margin:0 auto;border-bottom:1px solid #999;filter:alpha(opacity=70);opacity:0.7;} .topnav{width: 1040px;height:20px;overflow: hidden;margin:0 auto; padding:0px 10px 0px 10px; }
5. Cari kode <header> atau <div id='header-wrapper'>
6. Letakkan kode berikut tepat diatas kode <header> atau <div id='header-wrapper'>
<div class='toppic'>
<div
class='topnav'>
<div style='font: 12px
Arial;float:left;padding-top:3px;letter-spacing:.01em;color:#000000;'>
Halo <b>Sobat
!</b> | Members area :
<a href='http://www.blogger.com'
title='Daftarkan ke Blogger'>Register</a>
| <a href='http://www.blogger.com'
title='Masuk ke Blogger'>Sign in</a>
</div>
<div style='font: 12px
Arial;float:right;padding-top:3px;letter-spacing:.01em;color:#000000;'>
<a href='http://tutorial-blogz.blogspot.com/2012/06/daftar-isi.html'
title='Daftar isi TutorialBlogz'>Sitemap</a>
|
<a href='http://tutorial-blogz.blogspot.com/2012/06/guest-book-tutorial-blogz.html'
title='Buku tamu'><blink>Guest Book</blink></a>
|
<a href='http://tutorial-blogz.blogspot.com/2012/06/contact-us.html'
title='Kontak kami'>Contact us</a>
|
<a href='http://tutorial-blogz.blogspot.com/2012/06/privacy-policy.html'
title='Kebijakan Privasi'>Privacy Policy</a>
</div>
</div>
</div>
Keterangan:
Ganti yang berwarna merah dengan Nama menunya
Ganti yang berwarna biru dengan URL yang akan dituju
7. Simpan Template.
Semoga bermanfaat ^_^
Semoga bermanfaat ^_^
sob, agar yang tampil hanya members area : login | sign saja. tidak ada contact us | guest book dan lainnya.
ReplyDeleteyang harus di hapus kode yang mana sob? :-bd
bagus nih buat di coba :) thx for share :D
ReplyDeleteemang buat kita register?
ReplyDeleteapakah ada keuntungannya?
kelihatan profesional.. :)
ReplyDeletewah ini yg saya cari sobb...
ReplyDeleteoh ya,, saya juga ngintip kode Css untuk menu drop down atas,, kodenya sudah saya terapkan di blog saya.. visit: http://blogger-unaaha.blogspot.com
Klo mas setuju saya sangat berterima kasih sekali... tp klo mas tidak setuju yahhh,, terpaksa dicopot..
Thx...
ReplyDeletesangat sangat membantu , semoga sukses :)
ReplyDeleteuntuk url nya diarahkan kemana login nya
ReplyDeleteNice tutorial
ReplyDeletePlease Comment Back
hhih keren kang artikelnya, nanti saya coba praktek di blog saya yg satunya lagi. :)
ReplyDelete