Pasang Auto Hide Link Box

Widget auto hide link box seperti yang anda lihat pada gambar diatas adalah kotak link yang akan di view secara auto apabila kursor mouse di letakkan atas teks Links. Kotak tersebut memaparkan link-link mengikuti kategori yang di masukkan secara manual.

Auto hide link box ini dapat menghemat ruang pada sidebar blog.

Untuk memasang widget link box ini, silahkan ikuti beberapa langkah di bawah.

• Pertama Login di Akun Sobat 
• Klik Tata Letak
• Masuk Di Edit HTML
• Copy kode dibawah ini dan paste pas diatas </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="http://sites.google.com/site/defaultjssite/linkbox.css"/>

<script type="text/javascript" src="http://sites.google.com/site/defaultjssite/linkbox.js">

/*
*/

</script>

<script type="text/javascript">

//jkmegamenu.definemenu("anchorid", "menuid", "mouseover|click")
jkmegamenu.definemenu("megaanchor", "megamenu1", "mouseover")

</script>

• Simpan Template

• Sekarang sobat klik kembali Tata Letak
• Masuk di Elemen Laman 
• Tambah Gadget
• Tambahkan HTML/Javascript
• Copy Paste kode di bawah ini :

<a id="megaanchor">Links</a>
<div id="megamenu1" class="megamenu">

<div class="column">
<h3>Daftar Link 1</h3>
<ul>
<li><a href="masukkan url di sini">Link 1</a></li>
<li><a href="masukkan url di sini">Link 2</a></li>
<li><a href="masukkan url di sini">Link 3</a></li>
<li><a href="masukkan url di sini">Link 4</a></li>
<li><a href="masukkan url di sini">Link 5</a></li>
</ul>
</div>

<div class="column">
<h3>Daftar Link 2</h3>
<ul>
<li><a href="masukkan url di sini">Link 1</a></li>
<li><a href="masukkan url di sini">Link 2</a></li>
<li><a href="masukkan url di sini">Link 3</a></li>
<li><a href="masukkan url di sini">Link 4</a></li>
<li><a href="masukkan url di sini">Link 5</a></li>
</ul>
</div>

<div class="column">
<h3>Daftar Link 3</h3>
<ul>
<li><a href="masukkan url di sini">Link 1</a></li>
<li><a href="masukkan url di sini">Link 2</a></li>
<li><a href="masukkan url di sini">Link 3</a></li>
<li><a href="masukkan url di sini">Link 4</a></li>
<li><a href="masukkan url di sini">Link 5</a></li>
</ul>
</div>

</div>

• Simpan
• Untuk tulisan yang berwarna biru tua  "masukkan url di sini" silahkan Anda ganti dengan Alamat url sobat
• Dan untuk tulisan yang berwarna hijau "Daftar Link 1 2 dan 3" silahkan ganti menurut selera Sobat

Selamat Mencoba! Bagi yang sudah mengerti tolong komentarnya dan yang belum mengerti komentarnya juga dong...

Artikel Terkait: