Floating menu juga di kenal dengan nama "fixed menus" dan "hovering menus", artinya menu ini akan tetap pada tempatnya ketika halaman bergerak, sama seperti Cara Membuat Top of Page Icon atau Menu Top/Down Halaman hanya saja didalamnya akan dimasukkan link.
Tempatkan kode CSS berikut tepat si atas tag ]]></b:skin> :
div.floating-menu {
position: fixed;
background: #fff4c8;
border: 1px solid #ffcc00;
width: 150px;
z-index: 100; }
div.floating-menu a, div.floating-menu h3 {
display: block;
margin: 0 0.5em; }
position: fixed;
background: #fff4c8;
border: 1px solid #ffcc00;
width: 150px;
z-index: 100; }
div.floating-menu a, div.floating-menu h3 {
display: block;
margin: 0 0.5em; }
Tempat kode pemanggil berikut tepat di bawah tag <body>:
<div class="floating-menu">
<h3>Floating Menu</h3>
<a href="http://URL-ANDA">PREVIEW</a>
<a href="http://URL-ANDA">LINK</a>
<a href="http://URL-ANDA">LINK</a>
<a href="http://URL-ANDA">LINK</a>
<span style="font-size: 75%">Widget by
<a href="http://www.jendelainfo23.blogspot.com">Jendela Informasi </a>
</span>
</div>
SAVE TEMPLATE Dan lihat hasilnya.
<h3>Floating Menu</h3>
<a href="http://URL-ANDA">PREVIEW</a>
<a href="http://URL-ANDA">LINK</a>
<a href="http://URL-ANDA">LINK</a>
<a href="http://URL-ANDA">LINK</a>
<span style="font-size: 75%">Widget by
<a href="http://www.jendelainfo23.blogspot.com">Jendela Informasi </a>
</span>
</div>
Tidak ada komentar:
Posting Komentar