Cara Membuat Menu Register dan
Login diatas Header
بِسْــــــــــــــــمِ
اﷲِالرَّحْمَنِ اارَّحِيم
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 ^_^
Harap Untuk Tidak Copy Paste Artikel ini Tanpa
Meletakkan Sumber-nya, Hargailah Tulisan Orang Lain!.
Terima kasih
telah membaca Artikel Cara Membuat Menu Register dan Login diatas Header
. Jika Anda ingin Copy Paste Artikel ini, Harap cantumkan Link Cara Membuat Menu Register dan Login diatas Header
sebagai sumbernya.
Tidak ada komentar:
Posting Komentar