Membuat Menu Di Blogspot

Blog tanpa menu bisa dibilang sayur tanpa garam, menu digunakan untuk menghubungkan antara satu tampilan blog ke tampilan lainnya sehingga blog akan lebih terlihat dinamis.

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

Sebagai contoh misal saya ingin membuat menu yang berisi HOME,SPORT dan NEWS maka scriptx adalah seperti dibawah ini

<a href="http://www.masbugie.com " class="navigation">HOME</a>
<a href="http://ceritakera.blogspot.com/search/label/sport">SPORT</a>
<a href="http://ceritakera.blogspot.com/search/label/news">NEWS</a>

Copy script diatas dan masukkan lewat Add a Page Element – HTML/JavaScript dan letakkan di bawah header 

kemudian Copy scipt CSS berikut 

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

Dan letakkan dalam kode template. Di halaman template blog kamu, pilih Edit HTML, letakkan kode CSS  tadi sebelum kode ]]></b:skin> dan save template untuk mencarinya bisa pake ctrl+f biar lebih gampang..

nah jadi deh menu di blog kalian..

Tweet