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://Uhad-Flash.blogspot.com/2012/06/daftar-isi.html'
title='Daftar isi TutorialBlogz'>Sitemap</a>
|
<a href='http://Uhad-Flash.blogspot.com/2012/06/guest-book-tutorial-blogz.html'
title='Buku tamu'><blink>Guest Book</blink></a>
|
<a href='http://Uhad-Flash.blogspot.com/2012/06/contact-us.html'
title='Kontak kami'>Contact us</a>
|
<a href='http://Uhad-Flash.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 ^_^
0 komentar:
Posting Komentar