9:29 AM

(2) Comments

Memaksa Blogger menampilkan menu di bawah header?

edi gunawan




Kabar gembira ini saya dapat dari masbugie.com. awalnya saya bingung setengah mati buat bikin blog ini jadi lebih "hidup". tapi dengan bantuan masbugie, syujud syukur saya. thanks mas..
ookee, next to the point, gimana cara bikinnya?? let's cekidot


Hal pertama yang harus dilakukan adalah login ke blogger > Layout/Tata Letak > Edit Html .
Selanjutnya Anda cari kode dibawah ini, untuk mempermudah pencarian silahkan gunakan CTRL+F


<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>

Anda ubah kode showaddelement='no' menjadi  showaddelement='yes' , kalau sudah klik simpan ya

Setelah yang pertama sudah disimpan, sekarang klik Page elements / Elemen Laman > Tambah Gadget > HTML/Javascript , copy kode dibawah ini,simpan dan letakan tepat dibawah header.
Untuk menambah gadget dibawah header bisa baca  disini

<a href="http://www.masbugie.com " class="navigation">HOME</a>
<a href="http://tuaninforman.blogspot.com " class="navigation">HOME</a>
<a href="http://tuaninforman.blogspot.com " class="navigation">LINK EXCHANGE</a>
<a href="http://tuaninforman.blogspot.com" class="navigation">DAFTAR ISI</a>
*Alamat url diatas silahkan sesuaikan dengan blog Anda.


Hal ketiga adalah supaya menu itu menimbulkan efek warna sehingga menjadi kelihatan menarik.

Klik Tata Letak > Edit HTML , cari kode </b:skin> , agar mudah gunakan tombol CTRL+F
Copy kode dibawah ini dan letakan tepat diatas kode  </b:skin> kemudian simpan.

a.navigation {
background: #3333ff ;
color: #ffffff;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}

Perhatikan kode yang berwarna biru adalah warna tombol dan efek hover dan bisa dirubah sesuka hati Anda.Dan yang berwarna merah adalah jarak antara tombol satu dengan lainnya, silahkan Anda sesuaikan sesuai selera.

Selesai, semoga bermanfaat....salam




Related Posts










2 Responses to "Memaksa Blogger menampilkan menu di bawah header?"
Anonymous said :
November 7, 2010 at 5:01 AM
maaf gan! mau tanya, kalau misalnya saya mau ganti warnanya selain warna biru, gimana ya?? maaf gan newbie seehhh
:18
edi gunawan said :
November 15, 2010 at 7:07 AM
buat ganti warnanya, agan bisa lihat kode warna di adobe photosop, atau bisa juga agan cari di om google... saya juga mungkin bikin postingan buat kode warna nanti!!! makasih kunjungannya, sama gan! newbie juga ane. hehehe :13

Post a Comment