[xc2] Expand Colapse part II
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!.
berawal 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.cara kerja Expand_Colapse ini adalah
bayangin: mau ke nge-Shout-ae harus melewati antrian sekian-ratus-baris-yg 'dah hafal'(baca:ngebosenin)? lambret amiet bo!
bila judul diklik, akan menampilkan isinya; diklik sekali lagi akan kembali menyembunyikan. (begitu sebaliknya)ini adalah contoh. click-click deh, ih :
jadi, tujuannya: pengunjung akan lebih meudah mencari informasi yg dibutuhkan tanpa pemborosan waktu dan tempat dan energi.(boros kek knalpot bajaj?) wakakaa!
Archives
Okey,cukup basa-basinya.
jika Anda tertarik, ikuti tiga langkah berikut:
langkah 1
(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..
langkah 2
(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>
langkah 3
(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 dibawahnya 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 ::=
tricks of the topic
J : silahkan ganti code "none" menjadi "block" :
<div id="arSiiipBulanan" style="DISPLAY:T : ada cara yg lebih mudah enggak?none
">
<div id="arSiiipBulanan" style="DISPLAY:block
">
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 :
Title 1
Ada sama dimakan
Tak ada sama ditahan
Sedikit sama sedikit
Banyak makan bersama.Janji Pendemo
Ada sama didemo
Tak ada sama didemo
Sedikit sama dipikir
Banyak makan sendiri
---wakaka...! ---
(ndak semua gitu, kalee)Janji setia kawan
73 Comments:
okeey dud.
ini versi revisi.
kalau ada pertanyaan/saran/angan-angan. nanti kita jawab di "Tricks of the topic", okeh? silahkan...
salam!.
May 05, 2006 7:17 AM
jangan seneng dulu.....
gw masih pre-comment negh! gw coba ntar kl dah okeh gw kasih komen yang paaanjjjjjjjjaaaaaaaaaaaaaaangggg
May 05, 2006 9:55 AM
wahwah.... dah bisa xen....!!!! arigatou
*jawaaaab doooongggg !!!!!!!!*
x2nie : *emm....* jawaaaaabbbb
za : *nendang nendang x2nie*
akhirnya gw brasil menerapkan ilmu lo!!! padahal dari yang versi satu gw dah coba2 *gak bgt siy* gak bisa2!!!
akhirnya maksain x2nie buat versi dua-nya. Biz gak jelas gitu. Nah, kl dah yg versi 2.0 ini lebih kereeennn. Buktinya gw dah brasil buatnya
*ngitung baris dari atas*
wah...blom ada 20 baris....
wiiih xen dah gak nemu kata kata lagi niy.....
x2nie : kan lo dah janji mo kasih comen yg panjang *mukanya merah membara*
za : iya iya *mikir*
mmm gimana ya???
*clinggggg* <-- dapet ide
tapi
xen
kl
dibuat
expand
keq gitu
???
*mikir lagi*
kl
ada
blogger
yang
dateng
dia
blum
tentu
ngerti
kl
mesti
di-klik
dulu
.
mending
kl
orngnya
iseng
suka
ngeklik ngeklik
kl
gak
kan
mereka
gak
tau..
ADA
IDE
LAGI
GAK
???
za : heemmmm panjang kaaannnnn????jadi dah gak punya utang yaaaaaa
*kabooooorrrrr*
May 05, 2006 2:35 PM
wakaka...!
makashe ZzzzzA! untuk dah bikin gue sakit perut kebanyakan ngakak. BTW.., mungkin gue suka direquest, kek dagang mesti laku...
dagang apa? postingan kaleeee wakakakaaa... trims ya, jangan kapok.
May 06, 2006 12:26 AM
siiip..sippp, bisa jadi kek pak dosen nieh...
May 09, 2006 11:04 AM
PJvTLa The best blog you have!
November 02, 2007 9:44 AM
MrnBvd Good job!
November 03, 2007 12:30 AM
actually, that's brilliant. Thank you. I'm going to pass that on to a couple of people.
November 03, 2007 1:21 AM
actually, that's brilliant. Thank you. I'm going to pass that on to a couple of people.
November 03, 2007 2:05 AM
Please write anything else!
November 03, 2007 3:04 AM
Hello all!
November 03, 2007 4:09 AM
Please write anything else!
November 03, 2007 5:40 PM
Nice Article.
November 03, 2007 10:18 PM
Please write anything else!
November 03, 2007 11:20 PM
Please write anything else!
November 04, 2007 12:22 AM
Wonderful blog.
November 04, 2007 1:10 AM
6kfyjb write more, thanks.
November 04, 2007 1:37 PM
Wonderful blog.
November 05, 2007 10:36 AM
Magnific!
November 05, 2007 11:12 AM
Thanks to author.
November 05, 2007 1:03 PM
Thanks to author.
November 05, 2007 1:35 PM
actually, that's brilliant. Thank you. I'm going to pass that on to a couple of people.
November 05, 2007 2:12 PM
Wonderful blog.
November 05, 2007 3:13 PM
Good job!
November 05, 2007 3:43 PM
Please write anything else!
November 05, 2007 4:14 PM
Nice Article.
November 05, 2007 4:55 PM
Thanks to author.
November 05, 2007 5:38 PM
Please write anything else!
November 05, 2007 6:12 PM
I don't suffer from insanity. I enjoy every minute of it.
November 05, 2007 7:14 PM
Nice Article.
November 05, 2007 7:53 PM
Oops. My brain just hit a bad sector.
November 05, 2007 8:29 PM
All generalizations are false, including this one.
November 05, 2007 8:55 PM
What is a free gift ? Aren't all gifts free?
November 05, 2007 9:23 PM
Oops. My brain just hit a bad sector.
November 05, 2007 9:59 PM
All generalizations are false, including this one.
November 05, 2007 10:31 PM
What is a free gift ? Aren't all gifts free?
November 05, 2007 11:04 PM
Build a watch in 179 easy steps - by C. Forsberg.
November 05, 2007 11:35 PM
Give me ambiguity or give me something else.
November 06, 2007 12:06 AM
What is a free gift ? Aren't all gifts free?
November 06, 2007 1:15 AM
C++ should have been called B
November 06, 2007 2:39 AM
640K ought to be enough for anybody. - Bill Gates 81
November 06, 2007 3:10 AM
The gene pool could use a little chlorine.
November 06, 2007 3:47 AM
If ignorance is bliss, you must be orgasmic.
November 06, 2007 4:41 AM
Build a watch in 179 easy steps - by C. Forsberg.
November 06, 2007 5:09 AM
Beam me aboard, Scotty..... Sure. Will a 2x10 do?
November 06, 2007 5:40 AM
What is a free gift ? Aren't all gifts free?
November 06, 2007 6:08 AM
C++ should have been called B
November 06, 2007 6:48 AM
What is a free gift ? Aren't all gifts free?
November 06, 2007 7:16 AM
Suicidal twin kills sister by mistake!
November 06, 2007 7:57 AM
Beam me aboard, Scotty..... Sure. Will a 2x10 do?
November 06, 2007 8:28 AM
actually, that's brilliant. Thank you. I'm going to pass that on to a couple of people.
November 06, 2007 8:58 AM
640K ought to be enough for anybody. - Bill Gates 81
November 06, 2007 9:30 AM
Lottery: A tax on people who are bad at math.
November 06, 2007 10:07 AM
I'm not a complete idiot, some parts are missing!
November 06, 2007 10:53 AM
C++ should have been called B
November 06, 2007 11:30 AM
All generalizations are false, including this one.
November 06, 2007 12:04 PM
What is a free gift ? Aren't all gifts free?
November 06, 2007 12:46 PM
Oops. My brain just hit a bad sector.
November 06, 2007 1:15 PM
Friends help you move. Real friends help you move bodies.
November 06, 2007 1:51 PM
Build a watch in 179 easy steps - by C. Forsberg.
November 06, 2007 2:34 PM
Give me ambiguity or give me something else.
November 06, 2007 3:16 PM
All generalizations are false, including this one.
November 06, 2007 4:06 PM
I'm not a complete idiot, some parts are missing!
November 06, 2007 4:50 PM
actually, that's brilliant. Thank you. I'm going to pass that on to a couple of people.
November 06, 2007 5:29 PM
Please write anything else!
November 06, 2007 6:12 PM
The gene pool could use a little chlorine.
November 06, 2007 7:09 PM
Ever notice how fast Windows runs? Neither did I.
November 06, 2007 7:59 PM
Lottery: A tax on people who are bad at math.
November 06, 2007 8:45 PM
Friends help you move. Real friends help you move bodies
November 06, 2007 9:24 PM
Calvin, we will not have an anatomically correct snowman!
November 06, 2007 10:03 PM
Change is inevitable, except from a vending machine.
November 06, 2007 10:41 PM
Clap on! , Clap off! clap@#&$NO CARRIER
November 06, 2007 11:13 PM
The gene pool could use a little chlorine.
November 06, 2007 11:57 PM
Post a Comment
Subscribe to Post Comments [Atom]
<< Home