Membuat Spoiler di Dalam Posting Blog

Membuat Spoiler di Dalam Posting Blog, bisa di sebut juga sebagai penghematan di dalam mempersemat/menyembunyikan kode ataupun gambar yang terlalu banyak memakan tempat di dalam suatu postingan, oleh sebab itu para blogger banyak mempergunakan cara seperti ini agar memiliki daya tempat yang mencukupi di dalam posting atau tidak terlihat menumpuk di dalam posting.

Spoiler juga bermanfaat sebagai alat untuk mengurangi banyaknya kode atau gambar pada saat loading page pada blog, sehingga bagi pengunjung yang sedang beroperasi lambat koneksinya, bisa mengakses secara keseluruhan di dalam post blog.

Untuk membuat Spoiler di Dalam Posting Blogspot, anda hanya tinggal memasukan kode spoiler di dalam postingan seperti halnya melakukan posting baru, dan caranya adalah sebagai berikut :

Langkah Pertama :

• Silahkan Login ke akun blog anda, atau bisa langsung klik www.blogspot.com.

Langkah Kedua :

• Melakukan New Post/Entri Baru di blog.

Langkah Ketiga :

• Pilih HTML, bukan Compose dalam post blog.

Langkah Keempat :

• Meletakkan Kode Spoiler di dalam Post HTML. Copy Kode di bawah ini dan letakkan di bagian HTML pada post.

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
<div style="display: none;">
(Masukkan TEXT/GAMBAR di sini)
</div></div></div>

Langkah Kelima :

• Untuk memastikan kode spoiler bekerja atau tidak, silahkan anda lakukan Preview dahulu, jika memang sudah bekerja, anda bisa langsung mempublikasikan postingan pada blog anda.

Langkah Keenam :

• Selesai.

Keterangan :

• Untuk tulisan berwarna BIRU : anda bisa menggantinya dengan tulisan yang berbeda.
• Untuk tulisan berwarna Merah : anda bisa menggantinya dengan text/gambar sesuai keinginan.

Nah, silahkan di coba pada blog anda tentang cara Membuat Spoiler di Dalam Posting Blog, semoga postingan kali ini memberi manfaat.

   

Share this post