JENI SETIAWAN: Menu Aneh

Pagi semua lan knal dri ku,hri ni ku akan memosting gmana cra bwat menu yang kya pnyaku itu yg ada diatas tuh. Sebenernya sih ku jga dpet dri orang ya itung itung skalian ngisi posting ku aja klw mau bca yang lain nya klik aja di sini

Carnya adalah:
Masuk AccountBlogger anda==>Dashboard/dasbor==> Layout/tataletak==> Edit HTML.

Jangan lupa "Centang" Expand Template Widget ya ?

Kemudian Copy kode ini :

<script src='http://iblographics.com/jquery.js' type='text/javascript'/> <script src='http://iblographics.com/interface.js' type='text/javascript'/>

Dan paste di BAWAH kode :

</head>

Setelah anda paste pada posisinya, kemudian silahkan anda Copy lagi kode dibawah ini :

/* Dock menu edited by JENISETIAWAN
----------------------------------------------- */
.fisheye{
text-align: center;
height: 62px;
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
----------------------------------------------- */

lalu Silahkan anda paste tepat di-ATAS kode :

]]></b:skin>

Nah... sekarang tinggal langkah terakhirnya ....

Silahkan anda copy kembali kode dibawah ini :

<div class='fisheye' id='fisheye'> <div class='fisheyeContainter'> <a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='50'/><span>Home</span></a>

<a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='50'/><span>Email</span></a> <a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='50'/><span>Display</span></a> <a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='50'/><span>Secret</span></a>

<a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='50'/><span>Web</span></a> <a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='50'/><span>Find</span></a> <a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='50'/><span>Movie</span></a>

<a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='50'/><span>Kill</span></a> <a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='50'/><span>File</span></a> <a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='50'/><span>Share</span></a>

<a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='50'/><span>Portable</span></a>
</div>
</div>

<script type="text/javascript">

$(document).ready(
function()
{
$('#fisheye').Fisheye(
{
maxWidth: 15,
items: 'a',
itemsText: 'span',
container: '.fisheyeContainter',
itemWidth: 70,
proximity: 70,
halign : 'center'
}
)

}
);

</script>

Lalu paste tepat diBAWAH kode :

<body>

Nah.. kalu semuanya dirasa sudah benar, silahkan anda klik tombol Save/simpan perubahan.

dan lihat hasilnya ya ?

Catatan :

Jika masih terdapat pesan error, berarti anda harus mem-PARSE kode terakhir itu (kode yang diletakkan di bawah kode <body> )
anda bisa langsung menuju ke Situs penyedia layanan PARSE dengan klik Disini.
Ket:
Kode warna BIRU silahkan anda ganti sesuai dengan Data/selera/alamat URL anda.

Aplikasi ini TIDAK BERJALAN bila :

Ada aplikasi sejenis pada blog anda.

Contoh :

Jika anda memasang gambar yang selalu berada diatas.