Membuat Perintah tombol

Ini adalah perintah untuk membuat perintah tombol pada Layout klasik seperti yang saya buat diatas. Anda cukup menambahkan perintah supernav di CSS. Bentuknya sebagai berikut.

#supernav { font: bold 9px/9px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif; position: absolute; top: 135px; left: 70%; width: 720px; margin: 0 0 0 -190px; padding: 5px 16px; /* duplicate the tab size */ text-align: left; display: block; } #supernav li { margin: 0; padding: 0; text-transform: lowercase; display: inline; } #supernav a { color: #000000; background: #33CC33; font-weight: normal; height: 19px; padding: 5px 16px; /* round corner tab - not for IE */ -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; } #supernav a:hover { color: #111; background: #999; text-decoration: none; /* round corner tab - not for IE */ -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; } #supernav .current_page_item a { color: #111; background: #999; text-decoration: none; /* round corner tab - not for IE */ -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; }

Kemudian supaya tampil, kita harus mendeklarasikan perintah tersebut di mana yang kita inginkan. Misalnya di main bagian atas , berarti cari perintah ini dulu :

<!-- Begin #main --> <div id="main"><div id="main2"> <Blogger>

Lalu berikan perintah ini bawah perintah diatas.

<div><ul id="supernav"> <a href="http://getcomputer.blogspot.com/2007/08/satu">Belajar HTML</a></li> <a href="http://getcomputer.blogspot.com/2007/08/dua">Belajar Blogger</a></li> <a href="http://masprim.wordpress.com" target="new page">Pondok lain</a></li> </ul> </div>

Yang berwarna biru, silahkan ganti dengan link yang anda gunakan.