Mau Membuat menu seperti ini
Beberapa tips yang anda dapat lakukan agar bisa membuat menu utama di atas blog dan text berjalan..
Silakan Klik download materi dalam bentuk pdf agar mempermudah pelatihan kita
Membuat menu utama
Klik Tema
Klik Edit HTML
Tekan ctrl+F, cari ]]></b:skin>
Copy kan di atas nya
/*CB Top Menu*/
#top{margin:auto;padding: 0;width: 100%;background:#eeeded;border-bottom:1px solid #ddd;}
#top-wrap{margin:auto;padding: 0;width: 950px;background:#eeeded;}
#navwrap {margin: 0px auto; width:560px; float:left;background:#080705;}
.topnav ul {list-style:none;margin:0;padding:0px; float:left;}
.topnav li {float:left;margin:0;text-align:center;}
.topnav li a {font-family: arial; font-weight:bold; font-size:11px;display:block;padding:10px 10px;color:#222;text-decoration:none; text-transform:uppercase;}
.topnav li a {background:none; }
.topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#ffffff; color:#000000;}
#navbar-iframe {display: none !important;}
Kemudian
Tekan ctrl+F, cari <body
copy kan code berikut di bawah </b:section>
<div id='top'>
<div id='top-wrap'>
<div class='topnav'>
<ul id='topnav'>
<li><a href='http://bayuprogrammer.blogspot.com/' title='Top Menu'>Home</a></li>
<li><a href='https://www.blogger.com/profile/04242952769746980582' title='Contact'>Contact</a></li>
<li><a href='http://bayuprogrammer.blogspot.co.id/p/blog-page.html' title='Disclaimer'>Disclaimer</a></li>
<li><a href='http://bayuprogrammer.blogspot.co.id/p/privacy-policy.html' title='Privacy Policy'>Privacy Policy</a></li>
<li><a href='https://www.facebook.com/bayu.w.putra/' target='blank' title='Facebook'>Facebook</a></li>
<li><a href='https://www.instagram.com/bayu_w_putra/' target='blank' title='Instagram'>Instagram</a></li>
<li><a href='http://fkip.um-palembang.ac.id/' target='blank' title='Fkip'>FKIP UMP</a></li>
<li><a href='http://penmaru.um-palembang.ac.id' target='blank' title='Pendaftaran Mahasiswa Baru'>Daftar Mahasiswa UMP</a></li>
<li><a href='https://www.instagram.com/teknologiinformasi_umpalembang/' target='blank' title='Google Plus'>Teknologi Informasi</a></li>
</ul>
</div>
</div>
<div style='clear: both;'/>
</div>
Tidak ada komentar:
Posting Komentar