Jika anda belum paham dengan judul postingan ini mengenai Cara Membuat Menu Register dan Login Diatas Header Blog,
anda dapat lihat gambar dibawah ini supaya lebih jelas maksud dari
judul postingan yang saya bahas sekarang ini. Atau lebih baiknya saya
kasih berikan dengan judul membuat menu navigasi diatas header blog,
gitu aja ya? Gitu aja ya, yang penting anda tahu maksud dari postingan,
seperti terlihat dibawah ini yang saya beri tanda lingkaran dan tanda
panah. Kita mulai saja bagaimana cara membuat menu tersebut berada
diatas header blog.
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 letakkan kode berikut tepat diatasnya
.toppic{background:#eee;width:1000px;margin:0 auto;border-bottom:1px solid #0000;}
.topnav{width: 990px;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: 11px Arial;float:left;padding-top:3px;letter-spacing:.01em;color:#000000;'>
Members area : <a href='http://www.blogger.com' title='Daftarkan ke Blogger'>Register</a> | <a href='http://www.blogger.com' title='Login'>Sign in</a>
</div>
<div style='font: 11px Arial;float:right;padding-top:3px;letter-spacing:.01em;color:#000000;'>
<a href='http://teknik-blog-tutorial.blogspot.com/2012/04/pasang-iklan-banner-super-murah.html' title='Pasang Iklan'>Pasang Iklan</a> | <a href='http://teknik-blog-tutorial.blogspot.com/2012/04/contact.html' title='Kontak Saya'>Contact us</a> | <a href='http://teknik-blog-tutorial.blogspot.com/2012/02/daftar-isi.html' title='Daftar Isi'>Sitemap</a>
</div>
</div>
</div>
7. Klik pratinjau dulu sebelum di simpan , ini untuk melihat apakah ada kesalahan dalam pengeditan html , karena jika ada kesalahan yang fatal dan kita langsung aja simpan template akibatnya blog sobat ga bisa di buka . jalan satu satunya adalah menelusuri ulang pengeditan kita tadi.
8. Simpan Template
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 letakkan kode berikut tepat diatasnya
.toppic{background:#eee;width:1000px;margin:0 auto;border-bottom:1px solid #0000;}
.topnav{width: 990px;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: 11px Arial;float:left;padding-top:3px;letter-spacing:.01em;color:#000000;'>
Members area : <a href='http://www.blogger.com' title='Daftarkan ke Blogger'>Register</a> | <a href='http://www.blogger.com' title='Login'>Sign in</a>
</div>
<div style='font: 11px Arial;float:right;padding-top:3px;letter-spacing:.01em;color:#000000;'>
<a href='http://teknik-blog-tutorial.blogspot.com/2012/04/pasang-iklan-banner-super-murah.html' title='Pasang Iklan'>Pasang Iklan</a> | <a href='http://teknik-blog-tutorial.blogspot.com/2012/04/contact.html' title='Kontak Saya'>Contact us</a> | <a href='http://teknik-blog-tutorial.blogspot.com/2012/02/daftar-isi.html' title='Daftar Isi'>Sitemap</a>
</div>
</div>
</div>
7. Klik pratinjau dulu sebelum di simpan , ini untuk melihat apakah ada kesalahan dalam pengeditan html , karena jika ada kesalahan yang fatal dan kita langsung aja simpan template akibatnya blog sobat ga bisa di buka . jalan satu satunya adalah menelusuri ulang pengeditan kita tadi.
8. Simpan Template
.png "English"){kind=small}
0 comments:
Post a Comment