Cara mudah membuat Menu di Bawah Header (Judul Blog)
Cara mudah membuat Menu di Bawah Header (Judul Blog) - Kesempatan kali ini akan berbagi pengetahuan mengenai Cara membuat Tab Menu Di Bawah Header Blog. Bagi rekan blogger yang menggunakan template yang belum difasilitasi
dengan menu horisontal dibawah header pada blognya, berikut saya postkan
bagaimana cara membuat menu tersebut. Fungsi dan kegunaan menu ini
adalah agar memudahkan kita dalam menelusuri semua isi yang terkandung
didalam blog tersebut.
Langkah Membuat Tab Menu di Bawah Header Blog (Judul Blog)
- Cari kode yang mirip dengan di bawah ini di Tata Letak > Edit HTML > Expand Widget Template
<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: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 jangan disimpan dulu.
- Masih di 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.
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.
- Setelah langkah di atas, sekarang kita lanjut lagi ke : klik Page elements / Elemen Laman > Tambah Gadget > HTML/Javascript , copy kode dibawah ini,simpan dan letakan tepat dibawah header.
<a href="http://www.dp-tipstrikblog.blogspot.com " class="navigation">HOME</a>
<a href="http://www.dp-tipstrikblog.blogspot.com " class="navigation">CONTACT</a>
<a href="http://www.dp-tipstrikblog.blogspot.com " class="navigation">BUKU TAMU</a>
<a href="http://www.dp-tipstrikblog.blogspot.com " class="navigation">FACEBOOK</a>
<a href="http://www.dp-tipstrikblog.blogspot.com " class="navigation">TWITER</a>
<a href="http://www.dp-tipstrikblog.blogspot.com " class="navigation">DOWNLOAD</a>
<a href="http://www.dp-tipstrikblog.blogspot.com " class="navigation">LAIN-LAIN</a>
<a href="http://www.dp-tipstrikblog.blogspot.com " class="navigation">CHATTING</a>
Itulah sedikit Cara membuat Tab Menu di Bawah Header Blog, semoga bermanfaat.
Cara mudah membuat Menu di Bawah Header (Judul Blog)
9out of 10 based on 10 ratings. 9 user reviews.
Posted by : Gadis ~ / Software, Blog Tips and Trik, Tutorial , Internet, Bisnis
Artikel Cara mudah membuat Menu di Bawah Header (Judul Blog) diposting oleh Gadis . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terima kasih. Happy blogging
11 komentar:
izin nyoba sob..
tambah keren nih blognya
Oke sob...sukses buat agan....
Boz cara ngembaliin template seperti semula, gmn boz?thx
Mungkin bisa menggunakan template bawaan dari blogger mas PM setia....
Trimakasih gan infony..
sangat bermanfaat bagi perkembangan blog saya.. :)
Blog Fuadditiya | The FIM Site
haha saia bingung
ini baru yang simple, tapi klik dihati
Mantab, bisa..
Mengunjungi blog yang bagus dan penuh dengan informasi menarik tentang cara mudah membuat menu di bawah header adalah merupakan kebahagiaan tersendiri bagi kami... teruslah berbagi informasi
ada cara mudah lagi gk,hehehe saya pusing maklum newbieeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
sangat bermanfaat...
thx
Posting Komentar