Breaking News
Loading...
March 13, 2013

Cara Membuat Menu Sign Up, Login Menu Di Atas Header

10:37 AM

Cara Membuat Menu Sign Up, Login Menu Di Atas Header
Cara Membuat Menu Sign Up, Login Menu Di Atas Header - Pada postingan sebelumnya simak cara membuat menu tab view tanpa edit html. Nah maksud dari judul diatas bisa anda lihat langsung di blog Blogger Bondowoso tepatnya pada menu navbar diatas header blog. Menu navbar diatas header blog ini nantinya bisa diisi dengan menu menurut keinginan anda atau kalau anda mempunyai forum bisa anda link-kan pada menu navbar tersebut. Untuk anda yang ingin membuat menu login, register/sign up di navbar blogger, seperti pada tampilan blog Blogger Bondowoso, silahkan simak tutorialnya dibawah ini.

Membuat Menu Sign Up, Login Menu

Membuat Menu Login dan Register di Blogger

1. Login ke blogger
2. Pada dashboard, Pilih Template => Edit HTML
3. Centang Expand Widget Template
4. Tekan F3, cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

.toppic{width:100%;margin:0 auto;border-bottom:0px solid #666;}
.topnav{background:#ffffff;width: 1000px;height:32px;overflow: hidden;margin:0 auto; padding:10px 10px 0px 10px; }
.toppic{background:#ffffff;width:1000px;margin:0 auto;border-bottom:1px solid #999;}
.topnav{width: 1000px;height:20px;overflow: hidden;margin:0 auto;  padding:0px 0px 10px 10px; }
.menupic{background:#fff;width:1000px;margin:0 auto;}

Keterangan :
Silahkan anda ganti angka-angka diatas sesuai lebar blog anda

5. Selanjutnya cari <body> dan letakkan kode berikut dibawahnya

<div class='toppic'>
<div class='topnav'>
<div style='font: 11px Arial;float:left;padding-top:3px;letter-spacing:.01em;color:#000000;'>
Ass.wr.wbr <b>Salam !</b>  |  Members area  :  <a href='http://www.blogger.com' title='log in to blogger'>Register</a>  |  <a href='http://www.blogger.com' title='log in to blogger'>Sign in</a> </div>

<div style='font: 11px Arial;float:right;padding-top:3px;letter-spacing:.01em;color:#000000;'>
<a href=http://bloggerbondowoso24.blogspot.com/2013/02/about-me.html' title='Tentang Kami'>About Me</a> | <a href='http://bloggerbondowoso24.blogspot.com/2013/02/contact-us-blogger-bondowoso.html' target='_blank' title='Hubungi Kami'>Contact Us</a> | <a href='http://bloggerbondowoso24.blogspot.com/2013/02/daftar-isi-sitemap-blogger-bondowoso.html' title='daftar isi'>Sitemap</a> | <a href='http://bloggerbondowoso24.blogspot.com/2013/03/pasang-iklan-banner-murah-di-blogger.html' title='Pasang Iklan'>Pasang Iklan</a></div></div></div>

Keterangan :
Silahkan anda ganti link-link diatas sesuai kebutuhan anda

Selamat mencoba Cara Membuat Menu Login dan Register di Blogger dan semoga bermanfaat

Cara Membuat Menu Sign Up, Login Menu Di Atas Header
Share:

0 comments:

Post a Comment

 
Toggle Footer