Cara Menyembunyikan Teks pada Postingan

Spolier berfungsi untuk menyembunyikan teks pada website/blog. Maksudnya ketika tombol di klik, maka teks akan tampil dan ketika di klik sekali lagi, maka akan tersembunyi. Tujuannya adalah untuk menghemat space atau ruang dalam suatu postingan atau sidebar. Sebetulnya tidak hanya teks biasa yang bisa Anda sembunyikan tetapi bisa juga gambar, video, link dan lain-lain.

Keuntungan lain menggunakan Spoiler adalah bisa mengurangi waktu loading, maksudnya adalah, jika kita menggunakan spoiler pada gambar, maka blog kita tidak akan terkena beban loading yang bisa memberatkan. Spoiler juga bisa digunakan untuk menyembunyikan video agar loadingnya tidak berat. Cara membuatnya adalah dengan menyisipkan kode HTML dibawah ini:

<div id=”spoiler”>
<div><input style=”font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;” name=”button” type=”button” value=”KLIK DISINI” /></div>
<div id=”show” style=”border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;”>
<div style=”background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; color: black; margin: 0px; padding: 7px;”>
<div style=”text-align: justify;”>Disini Teks yang ingin Anda sembunyikan</div>
</div>
<div id=”hide”></div>
</div>

Catatan: Tutorial ini berlaku untuk blog wordpress hosting berbayar.

2 people like this post.

Did you like this? Share it:

Leave a Reply