Redhwan: Assalamualaikum..Tanye sikit, macam mana nak buat pautan kita pada sidebar boleh expand dan collapse macam blog archive?
1. Pertama masuk ke Layout => Edit HTML dan tambahkan kod berikut selepas kod ]]></b:skin>.
<style type="text/css">
.texthidden {display:inline}
.shown {display:block}
</style>
<script type="text/javascript">
document.write('<style>.texthidden {display:none} </style>');
</script>
<script type="text/Javascript">
function expandcollapse (postid) {
whichpost = document.getElementById(postid);
if (whichpost.className=="shown") {
whichpost.className="texthidden";
}
else {
whichpost.className="shown";
}
}
</script>
2. Klik save template dan selesai di bahagian ini. Pergi ke bahagian page Elements => Add a Gadget => HTML/Javascript. Tambah kod ni..
<ul><a href="javascript:void(0);" onclick="expandcollapse('keyword')"> [+/-] Pautan</a></ul>
<ul class="texthidden" id="keyword">
<li><a href="http://link.com">Link 1</a></li>
<li><a href="http://link.com">Link 2</a></li>
<li><a href="http://link.com">Link 3</a></li>
<li><a href="http://link.com">Link 4</a></li>
<li><a href="http://link.com">Link 5</a></li>
</ul>
4. Tukarkan link2 berwarna merah dengan link Antum yer.. Text biru mesti nama yang sama. Warna ungu boleh ditukar jadi perkataan atau gambar. Yang ni khas untuk pautan. Untuk sembunyikan widget pulak buat macam ni.
<ul><a href="javascript:void(0);" onclick="expandcollapse('Cbox')"> [+/-] Kotak Jerit</a></ul>
<ul class="texthidden" id="Cbox">
...............kod cbox disini...............
...............kod cbox disini...............</ul>
5. Macam tu la jugak pada mana widget yer. Siap!! Selamat mencuba!!
7 Komentar:
assalamualaikum
Terima kasih kerana sudi melayan kerenah saya ni.
Biasanya apa tips yang saya ambil dari sini menjadi.
Tapi tak tahulah apa masalahnya kali ini tidak menjadi.:-L
Insya-Allah saya akan cuba lagi sampai berjaya. kalau tak berjaya saya kene tanya al-mansuqie baliklah nampaknyer yer :D
:-t dah banyak kali saya cuba tapi tak jadi jugak.:)]
Maaf...ade salah kod tu..Ana dah gantikan dengan kod lain yg lagi mudah, buang kod2 sebelum ni dan cuba yg baru ni..insyaallah jadi
Assalamualaikum
Saya datang bawa masalah ni.:D
Kod yang diberikan memang menjadi tapi ade problem lain pulak yang timbul...:)]
Pepehal pun lawatlah blog saya untuk lihat problemnya.
Assalamualaikum
Akhirnya ku temui kejayaan jua:D
ThanQ Al-Mansuqie.
Jasamu dikenang:)
Assalamualaikum,
Sejak beberapa hari yang lalu saya tidak dapat mengubah kedudukan "gadget" pada "sidebar".
Wassalam.
sudah mengerti min ..
Thx yah informasinya. Good Luck
Post a Comment
1. Berilah Teguran/Komen Walau Sepatah Kata..
2. Komenlah Dengan Nama dan Blog Sendiri
3. Boleh Guna Kod² Seperti Ini <b>, <i>, <a>