Cara Membuat Spoiler Di Blog ~ Bithoo

Kali ini saya akan sedikit membahas tentang bagaimana Cara Membuat Spoiler Di Blog, mungkin para blogger ada yang bertanya apa yang di maksud dengan Spoiler ? Spoiler merupakan sebuah tombol yang bila anda klik maka akan terbuka dan di dalamnya terdapat isi yang biasanya berupa gambar, link, tulisan, video dan lain-lain, tergantung dari apa yang ingin anda masukkan. Bahasa sederhananya fungsi dari Spoiler adalah menyembunyikan file dan untuk melihatnya anda harus menekan tombol yang telah di sediakan, biasanya orang Menggunakan Spoiler di Forum atau semacamnya tapi anda juga dapat Membuat Spoiler Di Blog. Ini ber-tujuan agar Blog kita dapat ter-load lebih cepat (tidak berat) dan terlihat rapi. Sebelum anda memutuskan untuk Membuat Spoiler Di Blog, ada baiknya anda melihat contoh Spoiler di bawah ini.

Di atas hanyalah salah satu contoh, anda dapat mengubah warna background-nya sesuai dengan keinginan, Cara Membuat Spoiler Di Blog cukup mudah, anda hanya tinggal Copy dan Paste Script di bawah ini ke dalam isi Postingan atau di HTML/JavaScript, tergantung di mana anda ingin menggunakannya.:

SCRIPT:

<div id="spoiler">
<div><input type="button" value="Tampilkan" style="margin:0px;padding:0px;" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan Lagi'; }" />
</div>

<div style="background: #007777; margin: 10px auto;
border: 0px solid #000;
padding: 5px;">
<div style="display: none;">

contoh isi spoiler
</div></div></div>

Keterangan:

"Tampilkan" (anda bisa mengubahnya sesuai dengan kata-kata anda sendiri, Contoh: Buka, Show dan sebagainya).

"Sembunyikan" (anda juga dapat menggantinya dengan kata-kata lain, misalnya: tutup, hidden dan lain-lain) - "Tampilkan Lagi" (kata ini juga bisa anda ganti sesuai dengan keinginan anda)

"Contoh isi spoiler" silahkan di ganti dengan apa yang ingin anda masukkan, misalnya seperti Artikel, Gambar, Link, Video dan sebagainya.

Sekian pembahasan tentang Tutorial Blog mengenai Cara Membuat Spoiler Di Blog, jika anda menyukai Artikel ini berikan kami 1+. Semoga ini bermanfaat untuk anda.