CARA BUAT MENU DI BLOG
Untuk pengguna blogspot, sebelum membuat baris menu, sebaiknya buat dulu halaman yang akan di link dalam bentuk postingan, karena di blogspot tidak ada fasilitas untuk membuat halaman, yang ada itu hanya fasilitas untuk membuat postingan. Jadi menu anda nantinya akan di link ke postingan yang udah dibuat.Misalnya anda pengen membuat menu Home, Artikel, dan Download. maka anda harus membuat postingan dulu sesuai dengan nama judul menu di atas. Dengan begitu, nanti anda akan punya tiga buah halaman dengan url sebagai berikut : http://nama.blogspot.com/home.html, http://nama.blogspot.com/artikel.html dan http://nama.blogspot.com/download.html.
Selanjutnya ikuti langkah-langkah pembuatan menu secara otomatis menggunakan program List-O-Matic. Setelah selesai, anda akan mendapatkan dua buah jenis kode yaitu HTML dan CSS.
Here is the HTML for this list:
<div id="navcontainer">
<ul id="navlist">
<li><a href="http://nama.blogspot.com/home.html"">home</a></li>
<li><a href="http://nama.blogspot.com/artikel.html"">artikel</a></li>
<li><a href="http://nama.blogspot.com/download.html"">download</a></li>
</ul>
</div>
Copy kode HTML dan masukkan melalui Add a Page Element - HTML/JavaScript dan letakkan dimana anda 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-nya harus dicopy dan diletakkan dalam kode template. Caranya yaitu di halaman template blog anda, pilih Edit HTML, letakkan kode CSS dari List-O-Matic tadi sebelum kode ]]"></b:skin> dan save template.
0 komentar:
Posting Komentar