Cara Menampilkan Kode HTML pada Spoiler dalam Posting

S

ebelumnya saya sudah pernah menjelaskan Cara Membuat Spoiler.Spoiler merupakan suatu teknik untuk menyembunyikan teks yang panjang, gambar, atau video. Spoiler dapat pula kita terapkan dalam membuat suatu artikel di Blogger. Dengan membuat spoiler ini kita dapat menghemat tempat atau ruang di halaman posting.Namun, jika kita ingin memasukkan kode HTML,

kita tidak dapat meletakkan kode HTML tersebut langsung. Kita memerlukan beberapa langkah untuk dapat menampilkan kode HTML pada spoiler dalam posting. Berikut ini langkah-langkahnya.
Untuk Menampilkan Kode HTML pada Spoiler dalam Posting, Anda cukup menyalin kode script di bawah ini lalu menempelkannya di menu Edit HTML.

<div style="margin: 5px 20px 20px;">

<div class="smallfont" style="margin-bottom: 2px;">

<b>Kode HTML membuat text area</b>: <input 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>

<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">

<div style="display: none;">

&lt;div align="center"&gt;&lt;textarea cols="25" name="code" rows="5"&gt;Silakan tulis kode HTML anda disini &lt;/textarea&gt;&lt;/div&gt;

</div>

</div>

</div>

Maka hasilnya seperti di bawah ini.

Kode HTML membuat text area:

<div align="center"><textarea cols="25" name="code" rows="5">Silahkan tulis kode HTML anda sini</textarea></div>

HABIS BACA JANGAN LUPA LIKE FANSPAGE KAMI DIBAWAH YA SOB..

Artikel Menarik Lainnya