Kali ini dacort akan memberikan penjelasan sedikit tentang "Cara Membuat Menu Horizontal di Blogspot". Banyaknya menu yang ingin ditampilkan oleh para blogger membuat susah blogger itu sendiri dalam menempatkan suatu menu yang tepat dan menarik.
Penempatan menu pada blogspot membutuhkan scrpit dan css untuk membuat desain menu agar tampil di blog kamu, tapi tenag saja disini saya juga menyediakan apa yang dibutuhkan nantinya.
Kode CSS :
a.navigation {
background: #000000 ;
color: #ffffff;
margin: 6px;
padding:3px ;
border-width:4px ;
border-colour:#ff0000;
text-transform: uppercase;
text-decoration: impact;
font-weight: bold;
}
a.navigation:hover {
background:#ff0000;
color: #ffffff;
text-decoration: impact;
}
background: #000000 ;
color: #ffffff;
margin: 6px;
padding:3px ;
border-width:4px ;
border-colour:#ff0000;
text-transform: uppercase;
text-decoration: impact;
font-weight: bold;
}
a.navigation:hover {
background:#ff0000;
color: #ffffff;
text-decoration: impact;
}
Kode HTML :
<a href="#" class="burastabs">Home</a>
<a href="#" class="burastabs">About</a>
<a href="#" class="burastabs">Blog Tips</a>
<a href="#" class="burastabs">SEO Tips</a>
<a href="#" class="burastabs">Contact</a>
<a href="#" class="burastabs">Sitemap</a>
<a href="#" class="burastabs">Advertise</a>
<a href="#" class="burastabs">About</a>
<a href="#" class="burastabs">Blog Tips</a>
<a href="#" class="burastabs">SEO Tips</a>
<a href="#" class="burastabs">Contact</a>
<a href="#" class="burastabs">Sitemap</a>
<a href="#" class="burastabs">Advertise</a>
Langsung saja kita buat apa yang itu menu horisontal pada blogspot. ikuti langkah - langkah "Cara Membuat Menu Horizontal di Blogspot" di bawah ini :
- Masuk blog anda dahulu www.blogger.com
- Lalu copy kode CSS diatas
- Cari kode script ]]></b:skin> pada Tata letak > Edit HTML > Lanjutkan
- Lalu paste kode CSS tadi tepat diatas kode script ]]></b:skin>
- Setelah itu simpan template
- Copy kode HTML diatas
- Selanjutnya masuk ke template dan Tambah Gadjet
- Cari dan tambahkan gadjet HTML/JavaScript
- Dan pada Judul isi sesuai keinginan kamu dan kotak konten paste kode HTML
Keterangan :
10. Kalau sudah klik simpan dan simpan template
- Pada tanda # ganti dengan alamat URL yang ingin kamu kaitkan dengan judul menu kamu
- Untuk tulisan yang berwarna biru ganti dengan judul menu kamu
11. Setelah itu lihat hasilnya
Untuk kejelasan dari posting ini bisa tinggakan kometar
Terima kasih . .
Tidak ada komentar:
Posting Komentar