Cara Membuat Menu Register dan Login Diatas Header Blog

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. Simpan Template

Keterangan :

Untuk kode yang warna merah sesuaikan dengan panjang header blog anda. Untuk mengetahui ukuran blog, silahkan Klik Disini

Untuk warna biru adalah warna backgroundnya dan tingginya, silahkan diganti aja

Selamat mencoba untuk membuat menu register dan login di atas header blog anda, happy blogging.