Label Cloud

Search This Blog

17 March 2010

online counter Hide/Show, Expand/Collapse Sidebar Element

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimanana nak Hide/Show, Expand/Collapse Sidebar Element atau sembunyikan sesuatu widget atau apa sahaja di sidebar .





1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)


3. Ikut langkah dari( no 3 - no 9 )di sini -- > Hide / Show , Expand / Collapse - Post Element

Note : Langkah ( no 3 - no 9 ) hanya perlu dilakukan sekali sahaja , jika korang ada buat Hide / Show , Expand / Collapse - Post Element korang tidak perlu lagi mengikut langkah tersebut , hanya terus ikut langkah dibawah ini sahaja .

4. Klik Add a Gadget - Javascript / HTML

5. Copy kod dibawah ini .


<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')"
>Title</a><br />
<div class="commenthidden" id="UniqueName"
>LETAKKAN KOD WIDGET ATAU LINK DISINI</div>



5. Pastekan kedalamnya .

Note :Pada highlight merah korang tukarkan ngan kod widget atau link atau apa saja yang korang nak hide / showkan . Pada highlight biru korang tukarkan ngan title , Pada highlight hijau korang tukarkan ngan nama pape , pastikan nama UniqueName kedua- duanya sama . Pastikan UniqueName hide / show widget yang pertama , kedua , ketiga dan seterusnya tidak sama


CONTOH DUA HIDE / SHOW YANG BERLAINAN



<a aiotitle="click to expand" href="javascript:togglecomments('STATISTIC')"
>Traffic</a><br />
<div class="commenthidden" id="STATISTIC"
><script src="http://feedjit.com/serve/?bc=transparent&amp;tc=000000&amp;brd1=transparent&amp;lnk=ff0000&amp;hc=000000&amp;ww=280" type="text/javascript"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript></div>


<a aiotitle="click to expand" href="javascript:togglecomments('MYFRENZ')"
>KAWAN MSUE</a><br />
<div class="commenthidden" id="MYFRENZ"
><a href='http://msueroomz.blogspot.com/2009/11/about-us.html' target='_blank'>Ab0uT MSue</a>
<a href='http://twitter.com/msueroomz'>Twitter</a></div>




6. Save dan Preview .:okay:yahoo




Tinggalkan Komen Anda Disini