Cara Mudah Membuat Spoiler di Blog/Blogspot

Para pengunjung blog tentunya ingin blog yang dikunjunginya itu tentu loadingnya cepat bukan ?? semua pengunjung tentu menjawab "IYA". Salah satu cara untuk mempercepat loading blog yaitu diantaranya dengan menambahkan spoiler. Spoiler sudah banyak digunakan oleh para blogger, tentu banyak fungsinya spoiler ini terutama spoiler dapat membuat page blog kita tidak berat, dengan kata lain blog kita loadingnya pun lebih cepat, dan pastinya pengunjung tidak kabur. Keuntungan lainnya adalah kita dapat mempersingkat postingan kita agar tidak terlalu panjang. Jika anda ingin memposting tentang kode HTML ataupun kode-kode lainnya, saya sangat menyarankan untuk menambahkan spoiler untuk bagian-bagian tertentu, terutama jika postingan anda panjang dan memuat gambar. Biasanya page yang memuat gambar lebih berat loadingnya. Oleh karena itu sangat membantu sekali apabila anda menambahkan spoiler pada postingan anda.

Berikut kode yang digunakan jika anda ingin menambahkan spoiler :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Masukan teks atau apapun disini !
 <br>
</div>
</div>
</div>

Berikut hasil spoiler yang akan didapat :

Judul Spoiler:

Letakkan teks atau kode script (gambar atau video) di sini

note :
untuk teks yang berwarna merah bisa anda ganti sesuai keinginan anda.
Cara menggunakannya,
anda letakan dulu kode spoilernya di mode HTML dan masukan teksnya pada mode COMPOSE.
Terima Kasih dan Selamat Mencoba !

Related Post About Blog

Membuat menu bar dengan mudah TANPA KODE di blog 
Cara  mudah menampilkan foto profil blog di search engine google
Membuat Chatbox di Blog 
Membuat Link blog bergoyang
Tambahkan Map Globe di Blog anda
Cara mengganti bahasa dashbor di blog
Membuat efek salju berguguran di blog (part I)
Membuat efek salju berguguran di blog (part II)
Daftar kode warna HTML
Mengganti Email Login Blogspot dengan Mudah
Cara mudah membuat teks mengelilingi cursor
Cara mudah membuat readmore di blog
Membuat scroll box dengan mudah di blog
Cara mengetahui page rank blogspot
Cara membuat link terbuka di tab baru
Cara menambahkan link di blog yang baru
Langkah mudah membuat blog
Membuat Spoiler di Blog itu MUDAH
Menambahkan Facebook Fans page/facebook like box di blog

>>Lihat Juga<<

Cara Mudah Membuat Blog
Cara Mudah Membuat Spoiler di Blog/Blogspot
Cara Menambahkan Link pada Blog Terbaru
Mengganti Email Login Blogspot dengan Mudah
Membuat "ReadMore" diBlog/Blogspot
Membuat Scroll Box dengan Mudah di Blog
Cara Mengetahui PageRank Blog/Blogspot
Cara Membuat Link Terbuka di Tab Baru
Membuat Efek Gerakan Sederhana dengan Photoshop
Membuat Kartu Ucapan Selamat Ulang Tahun dengan Photoshop
Membuat Animasi Bergerak dengan Photoshop
Membuat Efek Tulisan Timbul Sederhana dengan Photoshop
Cara Mudah Mendapatkan Banyak Jempol di Facebook
Membuat Efek Salju Berjatuhan/Berguguran di Blog (part I)
Membuat Efek Salju Berjatuhan/Berguguran di Blog (part II)
Daftar Kode Warna HTML
Cara Membuat Lebel Produk dengan Mudah
Cara Mudah Mmebuat Teks Mengelilingi Cursor
Lari Sprint (jarak pendek)
Sikap Start Aba-aba saat Lari Sprint
Sikap Saat Lari Sprint
Manfaat Lari
Cara Tepat Membentuk Perut Six Pack
Jenis dan Type Jerawat
Cara Cepat Menghilangkan Bekas Jerawat Secara Cepat dan Alami
Membuat Bata Press dari Plastik