apa jadinya jika "orang amatiran" beraxi? action! 1,2,3... cut,cut!!
"nora bangeth si loe..." ya maav, pan masi belajar?
bla bla blaaa... oke deh, kerana udah dicomplaint berkali-kali, dan masi nekat mo maju, (dikiiiit aja),= gotong-royong iyuuk, sharing-pengetahuan. bangun leyot. wakakakaa!
yaaa... kalau mau cepat mending pilih template yg gratis; atau bila ada rejeki bagusnya ya cari ahlinya, biar banya'discus.
tapi dasar penasaran, plus budget belun cukup : yaaaa... bisanya experimen = circus = ancur-ancuran dikit engga'papa! kaleee.
yaaaa...,maav. alasanku sih, dalam rangka mencari jati diri, dalam ruang berexpresi, minimal berapresiasi, gitu.
tapi kek-nya keblablasan right? ya ma'lum. belum bisa acting bisa-bisa malah overacting. wakakakaa!
terlalu banya' melangkah bikin layoutku, ampun! aburatdul... weaaah! one more: no problemo.
kalo enggak mulai gerak, ya enggak ketemu2 ama idealnya. (jadi aku harus bagaimana?)
yasudah
kenyang di-"sindiri" sono sini... so, mogha: lebih ati2 =gue.
nah lo! ,eh, nah gue!.
ini tentang Expand_Colapse displayStyleberawal dari semakin bertambahnya links aku yg kian bejibun. afdol-nya sih kalu ditampilin semua, dengan bangga :"ini loh theman2 gue.." tapi bikin kriting tangan klu lagi scroll.
bayangin: mau ke nge-Shout-ae harus melewati antrian sekian-ratus-baris-yg 'dah hafal'(baca:ngebosenin)? lambret amiet bo!
cara kerja Expand_Colapse ini adalah
bila judul diklik, akan menampilkan isinya; diklik sekali lagi akan kembali menyembunyikan. (begitu sebaliknya)
jadi, tujuannya: pengunjung akan lebih meudah mencari informasi yg dibutuhkan tanpa pemborosan waktu dan tempat dan energi.(boros kek knalpot bajaj?) wakakaa!
ini adalah contoh. click-click deh, ih :
Okey,cukup basa-basinya.
jika Anda tertarik, ikuti tiga langkah berikut:
(1). kita temukan bagian mana yg mau di-ExpandColapse, dan bagian mana pula yg akan menjadi Sakelar-nya.
di sini, bagian "Archives" menjadi sakelarnya, sedangkan kelompok arsip per-bulan adalah yg akan kita ExpandColapse-kan.
so, buka deh dalam template kamu, lalu
search (dgn tekan tombol [Ctrl+F],ketik: ARCHIVES). jika beruntung, kita temui :
<h2 class="sidebar-title">Archives</h2>
<ul class="archive-list">
<li><a href="http://x2nie.blogspot.com/">x2nie</a></li>
<li><a href="http://nama.kamu/">nama kamu</a></li>
</ul>
okeh de, lanjut langkah berikut-na..
(2). kita beri nama bagian yg akan di-ExpandColapse.
Nama boleh sembarang terserah anda
Perhatikan bahwa nama tersebut tidak boleh ada yg kembar dalam satu halaman(document).
Hati-hati karena nama tersebut juga
casesensitive, artinya harus konsisten kapital(CapsLock)nya.
Pada contoh ini, bagian yg bakal di-ExpandColapse kita beri nama "arSiiipBulanan" (harus pakai tanda kutip).
hasilnya seperti ini :
<h2 class="sidebar-title">Archives</h2>
<div id="arSiiipBulanan" style="DISPLAY: none">
<ul class="archive-list">
<li><a href="http://x2nie.blogspot.com/">x2nie</a></li>
<li><a href="http://nama.kamu/">nama kamu</a></li>
</ul></div>
berikutnya tinggal menaruh sedikit code pada bagian saklar-nya. sehingga selengkapnya menjadi seperti ini :
<h2 class="sidebar-title" onclick= 'saKelar("arSiiipBulanan"); return true;'
>Archives</h2>
<div id="arSiiipBulanan" style="DISPLAY: none">
<ul class="archive-list">
<li><a href="http://x2nie.blogspot.com/">x2nie</a></li>
<li><a href="http://nama.kamu/">nama kamu</a></li>
</ul>
</div>
(3). Menanam SCRIPT pada template.
langkah 1 & 2 tidak bisa jalan sebelum ada "function"-nya.
cari aja di Template kamu yg kaya'gene:
<body>terus copy-paste dibawah
nya code ini hingga kek gini:
<body>
<SCRIPT language = "JavaScript">
<!--
function saKelar(laci)
{
var lacinya = document.getElementById(laci);
if(lacinya.style.display!="none")
lacinya.style.display = "none";
else
lacinya.style.display = "block";
}
//-->
</SCRIPT>
langkah 3 hanya perlu kamu lakukan sekali.
tapi langkah 1 & 2 terserah sebanyak yg kamu mau.
=:: SELAMAT MENCOBA ::=
T : aku mo ExpandColapse yg awalnya kelihatan, bisa ga? punyamu khan awalnya gak keliatan..
J : silahkan ganti code "none" menjadi "block" :
<div id="arSiiipBulanan" style="DISPLAY: none
">
<div id="arSiiipBulanan" style="DISPLAY: block
">
T : ada cara yg lebih mudah enggak?
J : biar orang laen yg kerjain :) kalee..
T : sewa x2nie mau enggak?
J : ..enggak! layoutgue aja masih abrak!
T : ada ide?
J : coba bikin yg ini :
Ada sama dimakan
Tak ada sama ditahan
Sedikit sama sedikit
Banyak makan bersama.
Ada sama didemo
Tak ada sama didemo
Sedikit sama dipikir
Banyak makan sendiri
---wakaka...! ---
(ndak semua gitu, kalee)
about the topic, x2nie wanna say Thanks a bunch for :
* izZa Ini pe-er-nya. as your request
* Microsoft Corp. for viewing of ExpandColapse on their Windows Explorerxp
* Mas Oggix.com for too much complex code of ExpandColapse on JavaScript
* who is reading, All Visitor & contributors