17 March 2010
Hide/Show, Expand/Collapse Sidebar Element
hak milik
Sue
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 -- >
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&tc=000000&brd1=transparent&lnk=ff0000&hc=000000&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 .
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)
3. Ikut langkah dari( no 3 - no 9 )di sini -- >
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&tc=000000&brd1=transparent&lnk=ff0000&hc=000000&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 .
