Sorry nih agak mundur penjelasannya. Karena saya harus mengolah 5 blog sekaligus. Pada tutorial kali ini saya akan membahas tentang pasang menu di template blogspot. Kita kan kemarin sudah membuat menunya bukan? Kalau ada temen-temen yang ketinggalan, temen-temen bisa lihat disini tutorialnya:http://intuts.blogspot.com/2011/06/cara-membuat-template-blogspot-membuat.html
Setelah udah tau cara membuat menunya. Saya ingin teman-teman memasukannya kedalam blogspot. Tapi sebelum itu saya ingin teman-teman memakai template minima sebagai dasar pembuatan template kita. Bagaimana caranya.
1. Login Ke Blogger.com
2. Pada rancangan pilih Edit HTML.
3. Scroll Kebawah dan lihat pada Template Tataletak(Diluncurkan 2006).
4. Klik dan Pilih Template Minima dan Simpan Template.
Jika teman-teman melakukannya dengan benar, maka akan muncul gambar seperti dibawah ini:
/* Header
-----------------------------------------------
*/
Dan hapus kode #menu yang terhubung dengan navigasi agar tidak terjadi pemanggilan ganda. Hasil akhir codenya adalah sebagai berikut.
#menu {height: 50px;width: auto;background-color: #242424;}#navigasi {float: right;height: 50px;width: 600px;}#navigasi a {display: block;float: left;margin: 0px;padding: 15px;text-decoration: none;color: #FFFFFF;font-size: 16px;}#navigasi a:hover {color: #999999;background-color: #333333;}
<div id="menu"><div id="navigasi"><a href="#">Home</a><a href="#">About</a><a href="#">Contact</a></div><a href="#"><img src="image/logo.png" alt="ilove" border="0" /></a></div>
Sekarang Save dan Lihat hasilnya.<div id="menu"><div id="navigasi"><a href="#">Home</a><a href="#">About</a><a href="#">Contact</a></div><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT9icYxLJas_Xl3hwE1c2qqAFFT_qfxcIVsLbf9QkkA6Io4wtt0UOD2V3fbqfkMNsOMKmOyxIW-4GuLgjZ3EZ3e0xTxlR6ByeeFi-yP5e17rkV8c84zMk71GUszG136X7WIjgM6Z31O9E/s1600/logo.png" alt="ilove" border="0" /></a></div>
No comments:
Post a Comment