Kamis, 07 Juli 2011
langkah langkahnya adalah:
- login ke blogger > Layout/Tata Letak > Edit Html .
- Selanjutnya Anda cari kode dibawah ini
<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>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>
- ubah kode showaddelement='no' menjadii showaddelement='yes'
- klik simpan
- Page elements / Elemen Laman > Tambah Gadget >HTML/Javascript
- copy kode dibawah ini
<a href="http://www.enggarsetiadi.blogspot.com " class="navigation">HOME</a>
<a href="http://www.enggarsetiadi.blogspot.com " class="navigation">CONTACT</a>
<a href="http://www.enggarsetiadi.blogspot.com " class="navigation">BUKU TAMU</a>
<a href="http://www.enggarsetiadi.blogspot.com " class="navigation">FACEBOOK</a>
<a href="http://www.enggarsetiadi.blogspot.com " class="navigation">TWITER</a>
<a href="http://www.enggarsetiadi.blogspot.com " class="navigation">DOWNLOAD</a>
<a href="http://www.enggarsetiadi.blogspot.com " class="navigation">LAIN-LAIN</a>
<a href="http://www.enggarsetiadi.blogspot.com " class="navigation">CHATTING</a>
- Alamat url diatas silahkan sesuaikan dengan blog Anda.
- simpan
supaya menu itu menimbulkan efek warna sehingga menjadi kelihatan menarik.
- Klik Tata Letak > Edit HTML
- cari kode </b:skin>
- Copy kode dibawah ini dan letakan tepat diatas kode </b:skin>
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;
}
- simpan.
