Klik untuk Lihat gambar:
menu itu dinamakan dock menu...artinya jica cursor mengarah ke icon tersebut maka icon tersebut akan membesar dan mengarah ke link tertentu yang telah kita atur sendiri....
Untuk membuat dock menu seperti yang tampak dibawah header caranya cukup mudah.......
1. seperti biasa login le blog anda......
2. masuk ke layout kemudian edit HTML.....
copy code berikut persis dibawah
<head><script src='http://www.geocities.com/questanoeq/jquery.js' type='text/javascript'/> <script src='http://www.geocities.com/questanoeq/interface.js' type='text/javascript'/>3. kemudian masukkan code dibawah ini daitas code body
/* Dock menu
--------------- */
.fisheye{
text-align: center;
height: 100px;
position: relative;
}
a.fisheyeItem
{
text-align: center;
color: #ff0000;
font-weight: bold;
text-decoration: none;
width: 40px;
position: absolute;
display: block;
top: 0;
}
a.fisheyeItem2
{
text-align: center;
color: #ff0000;
font-weight: bold;
text-decoration: none;
width: 40px;
position: absolute;
display: block;
bottom: 0;
}
.fisheyeItem img
{
border: none;
margin: 0 auto 5px auto;
width: 100%;
}
.fisheyeItem2 img
{
border: none;
margin: 5px auto 0 auto;
width: 100%;
}
.fisheyeItem span,
.fisheyeItem2 span
{
display: none;
positon: absolute;
}
.fisheyeContainter
{
height: 50px;
width: 200px;
left: 500px;
position: absolute;
}
#fisheye2
{
position: absolute;
width: 100%;
bottom: 0px;
}
/* Fin del dock menu
----------------------------------------------- */4. setelah melakukannya tinggal memasukkan code di bawah ini di tempat yang anda inginkanmisalnya anda ingin menyimpan persis dibawah menu navigasi maka anda paste code tersebut persis dibawah :
<div id="main-menu">
code menu navigasi anda
</div>
sebaliknya jika anda ingin memasang dock menu tersebut di bawah navbar bloger anda tinggal menyimpan code tadi persis di bawah code <body>.....code menu navigasi anda
</div>
selamt mencoba yach......kalau masih bingung isi aja comment di blog ini....oke
Posts
Said
kereeen...hebat..makasih dah berbagi y..menambah pengetahuan saya..
Said
Makasih mas,,sangat berguna!
Said
ass...... semau yang di muat di sini, bener-bener the best,,,makasih ya dah berbagi ilmu. aku harap tuk kedepan bisa semakin the best lagi
Said
mantaf gan..segera dicoba nich...
Said
thank..http://www.archicompartner.blogspot.com/