Cara Cepat Hamil

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>
  • 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.
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.

  • 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:

Darmawan Saputra mengatakan...

izin nyoba sob..
tambah keren nih blognya

Tips and Trik mengatakan...

Oke sob...sukses buat agan....

PM setia mengatakan...

Boz cara ngembaliin template seperti semula, gmn boz?thx

Tips and Trik mengatakan...

Mungkin bisa menggunakan template bawaan dari blogger mas PM setia....

Fuadditiya Imaspadi Muharam mengatakan...

Trimakasih gan infony..

sangat bermanfaat bagi perkembangan blog saya.. :)

Blog Fuadditiya | The FIM Site

Premium but Free mengatakan...

haha saia bingung

roni irawan mengatakan...

ini baru yang simple, tapi klik dihati

Cara Memberi Password Pada Windows 7 mengatakan...

Mantab, bisa..

Obat Jerawat mengatakan...

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

Wahyu Wahyana mengatakan...

ada cara mudah lagi gk,hehehe saya pusing maklum newbieeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

warung download mengatakan...

sangat bermanfaat...
thx

Poskan Komentar