Translate

Motivator


Salam Super
Tugas kita bukanlah untuk berhasil. Tugas kita adalah untuk mencoba, karena didalam mencoba itulah kita menemukan dan belajar membangun kesempatan untuk berhasil

Henry James
Anda takkan tahu apa yang tak dapat Anda lakukan, sampai Anda mencobanya

Rabu, 30 Januari 2013

Menyembunyikan Tulisan yg Terlalu Panjang dg Spoiler

Untuk menghemat ruang di Blog Kita bisa menggunakan Spoiler yang dimaksud dengan Spoiler ini adalah menyembunyikan tulisan yang terlalu panjang lalu disembunyikan, untuk menampilkan yang disembunyikan dengan cara mengklik judul spoiler, seperti pada contoh di bawah ini :

Judul 



isi text spoiler

Berikut cara mebuat atau memasang Spoiler di Blog, silakan Sobat Copy aja script di bawah ini dan paste di mana sobat ingin menaruh Spoiler.

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
isi text spoiler
</div></div></div></div>

Ganti kata judul sesuai selera yang ingin dijadikan sebagai judul
Ganti kata isi text spoiler dengan isi yang kamu inginkan.

Semoga Bermanfaat !!!

Tidak ada komentar: