Informasi Teknologi Cara membuat Spoiler di postingan blog teknomediatama.blogspot.com - Hallo sahabat Info Teknologi Terbaru, Pada Artikel yang anda baca kali ini dengan judul Informasi Teknologi Cara membuat Spoiler di postingan blog teknomediatama.blogspot.com , kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel tips dan trik blogging, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Informasi Teknologi Cara membuat Spoiler di postingan blog teknomediatama.blogspot.com
link : Informasi Teknologi Cara membuat Spoiler di postingan blog teknomediatama.blogspot.com

Informasi Teknologi Cara membuat Spoiler di postingan blog teknomediatama.blogspot.com

Spoiler akan membuat posting Anda menarik dan memperpendek panjang pos. spoiler biasanya digunakan untuk menyembunyikan kode html, foto ataupun kalimat. cara untuk membuatnya juga mudah.

Anda hanya menambahkan kode pada "edit HTML"  posting untuk menyembunyikan kode/foto/kalimat. lihat langkah-langkah di bawah ini:

* buat posting baru

* pilih "edit HTML" yang ada di sudut kiri atas.

* masukkan kode di bawah ini:

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

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

<span style="font-weight: bold;">Kode</span>

<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 = 'Hide'; } else {

this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';

this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>

<div style="border: 1px inset; margin: 0px; padding: 2px;">

<div style="display: none;">

Kode/kalimat/gambar anda di tempatkan disini</div>

</div>

</div>

* Kode yang berwarna merah adalah kode atau gambar atau kalimat yang akan Anda sembunyikan. Silahkan modifikasi sesuai yang Anda butuhkan.

* itu saja. selamat mencoba :)

Ini demonya :

Kode

kode/kalimat/gambar

Demikian Artikel Informasi Teknologi Cara membuat Spoiler di postingan blog teknomediatama.blogspot.com

kami buat

dan sekian artikel Informasi Teknologi Cara membuat Spoiler di postingan blog teknomediatama.blogspot.com kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Informasi Teknologi Cara membuat Spoiler di postingan blog teknomediatama.blogspot.com dengan alamat link Informasi Teknologi Cara membuat Spoiler di postingan blog teknomediatama.blogspot.com