Berbagi ilmu Untuk lebih maju

Kali ini saya akan menjelaskan cara membuat Menu pada Blog,Dan seseorang teman saya bertanya tentang bagaimana cara bikin menu seperti yang aku pake di blog ini. Untuk blogspot, sebelum membuat menu, halaman yang akan di link sebaiknya di buat dulu dari postingan biasa, karena di blogspot tidak ada fasilitas membuat halaman, yang ada hanya membuat postingan. jadi menu kita nantinya akan di link ke postingan yang udah kita buat.

Misalnya kamu ingin membuat menu Depan,Tentang dan Portofolio. maka kamu harus membuat postingan dengan Judul/Title: Depan, Tentang, dan Portofolio, dengan demikian kita akan mempunya 3 halaman dengan url http://nama.blogspot.com/depan.html, http://nama.blogspot.com/tentang.html dan http://nama.blogspot.com/portofolio.html.

Selanjutnya ikuti langkah-langkah pembuatan menu secara otomatis menggunakan Matic. Setelah semua langkah di lakukan, kamu akan di beri 2 jenis kode yaitu HTML dan CSS.

Tahapan Beikutnya adalah cara menambahkan kode

1. Login aku anda ke blogspot
2. Setelah masuk masuk ke Tata Letak
3. Tambah Gadget Html/Javascript
4. Lalu Copy CodeBerikut :

• Depan


• Tentang


• Portofolio

5.Simpan

Setelah itu kita akan ke tahapan selanjutnyaSedangkan untuk kode CSS harus di copy dan di letakkan dalam kode template. Di halaman template blog kamu, pilih Edit HTML,lalu cari kode berikut : ]]> setelah berhasil ketemu lalu copy code berikut

#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a { padding: 3px 10px; }
#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

Simpan Tamplete
Saran Saya Untuk Berjaga-jagaa sebaiknya anda backup terlebih dahulu tamplete anda,untuk menjaga keselahan yang tidak di inginkan.