berikut cara buat nya..
1. Masuk ke Edit HTML blog anda
2. Jangan lupa centang "Expand Widget Template" .
3. Dibawah ini contohnya dan ikuti langkah2nya..
| Show / Hide Content | [−] |
1, tambah kan script berikut di antara <head>.......</head>
<!-- flooble Expandable Content header start -->
<script language="javascript">
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) { if (ie4) { return document.all[id]; } else { return document.getElementById(id); } }
function toggle(link, divId) { var lText = link.innerHTML; var d = getObject(divId);
if (lText == '+') { link.innerHTML = '−'; d.style.display = 'block'; }
else { link.innerHTML = '+'; d.style.display = 'none'; } }
</script>
<!-- flooble Expandable Content header end -->
::=================:::================::
2. Copy script di bawah ini ke tempat yg sobat mau .
<!-- EXPANDABLE CONTENT BOX START -->
<div style="border: 1px solid #000000; padding: 0px; background: #FFFFFF; "><table border="0" cellspacing="0" cellpadding="2" width="100%" style="background: #000000; color: #FFFFFF; "><tr><td>Show / Hide Content</td><td align="right">
[<a title="show/hide" id="exp1246752708_link" href="javascript: void(0);" onclick="toggle(this, 'exp1246752708');" style="text-decoration: none; color: #FFFFFF; ">−</a>]</td></tr></table>
<div id="exp1246752708" style="padding: 3px;">ISI TEXT DI SINI</div>
</div>
<script language="javascript">toggle(getObject('exp1246752708_link'), 'exp1246752708');</script>
<!-- EXPANDABLE CONTENT ENDS -->
Note :
:: background: #FFFFFF adalah warna background content.
:: background: #000000 adalah warna background title-bar nya.
:: Show / Hide Content adalah Text untuk title-bar.
:: ISI TEXT DI SINI adalah untuk menempatkan konten. Bisa berupa text, gambar, atau keduanya.
<!-- flooble Expandable Content header start -->
<script language="javascript">
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) { if (ie4) { return document.all[id]; } else { return document.getElementById(id); } }
function toggle(link, divId) { var lText = link.innerHTML; var d = getObject(divId);
if (lText == '+') { link.innerHTML = '−'; d.style.display = 'block'; }
else { link.innerHTML = '+'; d.style.display = 'none'; } }
</script>
<!-- flooble Expandable Content header end -->
::=================:::================::
2. Copy script di bawah ini ke tempat yg sobat mau .
<!-- EXPANDABLE CONTENT BOX START -->
<div style="border: 1px solid #000000; padding: 0px; background: #FFFFFF; "><table border="0" cellspacing="0" cellpadding="2" width="100%" style="background: #000000; color: #FFFFFF; "><tr><td>Show / Hide Content</td><td align="right">
[<a title="show/hide" id="exp1246752708_link" href="javascript: void(0);" onclick="toggle(this, 'exp1246752708');" style="text-decoration: none; color: #FFFFFF; ">−</a>]</td></tr></table>
<div id="exp1246752708" style="padding: 3px;">ISI TEXT DI SINI</div>
</div>
<script language="javascript">toggle(getObject('exp1246752708_link'), 'exp1246752708');</script>
<!-- EXPANDABLE CONTENT ENDS -->
Note :
:: background: #FFFFFF adalah warna background content.
:: background: #000000 adalah warna background title-bar nya.
:: Show / Hide Content adalah Text untuk title-bar.
:: ISI TEXT DI SINI adalah untuk menempatkan konten. Bisa berupa text, gambar, atau keduanya.
4. Simpan dan lihat hasilnya .
2 komentar:
~~~(( Komentar ))~~~
memang pusing juga nih trik, aku ajah ampe kleungeur BOS...
@Beben,
iya sob, q juga gagal 3x buat tu colabsible :61
Posting Komentar