Laman

MENU

SELAMAT DATANG DI BLOG............ reffendi31

Senin, 26 Desember 2011

trik komputer

Cara Membuat Menu di Blogspot dengan List-O-Matic

Posted by amu ayat on 19:27
Labels:
Banyak yang nanyain 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 Home, Tips ngeblog, dan Berbisnis. maka kamu harus membuat postingan dengan Judul/Title: Home, Tips ngeblog, dan Berbisnis, dengan demikian kita akan mempunya 3 halaman dengan url http://nama.blogspot.com/Home.html, http://nama.blogspot.com/Tips ngeblog.html dan http://nama.blogspot.com/Berbisnis.html.
Selanjutnya ikuti langkah-langkah pembuatan menu secara otomatis menggunakan List-O-Matic. Setelah semua langkah di lakukan, kamu akan di beri 2 jenis kode yaitu HTML dan CSS.

Here is the HTML for this list:



Copy kode HTML dan masukkan lewat Add a Page Element – HTML/JavaScript dan letakkan dimana kamu pengen menunya muncul.

Here is the CSS for this list:

#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;
}

Sedangkan untuk kode CSS harus di copy dan di letakkan dalam kode template. Di halaman template blog kamu, pilih Edit HTML, letakkan kode CSS dari List-O-Matic tadi sebelum kode ]]> dan save template.

Selamat Mencoba !

Tidak ada komentar:

Posting Komentar