Skip to content Skip to sidebar Skip to footer

Cara Membuat Spoiler (Auto Hide) Di Blog

Cara Membuat Spoiler (Auto Hide) di Blog

Kali ini saya mau membahas mengenai cara membuat spoiler (auto hide) di blog. Kotak spoiler ini seringkali ditemui di forum Kaskus, selain untuk menghemat tempat, kotak spoiler ini bermanfaat juga untuk mempercepat proses loading blog. Kotak spoiler bisa diterapkan di sidebar blog Anda maupun di dalam postingan blog Anda.


Spoiler ini bisa menyembunyikan teks, foto maupun video di dalam postingan di blog, sehingga lebih membuat artikel terlihat lebih ringkas. Selain itu juga tentunya akan membuat pembaca penasaran dengan apa yang ada di balik spoiler tersebut.

Langsung saja kita ikuti langkah berikut :

MEMBUAT KOTAK SPOILER DI DALAM POSTINGAN

1. Login ke akun blog Anda  disini 

2. Klik -> New Post -> untuk membuat artikel baru. (lihat gambar 1)


http://hendrasuhendra176.blogspot.com/2014/05/cara-membuat-spoiler-auto-hide-di-blog.html
Gambar 1

3. Copy kode beriku ini :


 

4. Paste kode tersebut ke dalam sebuah postingan, tapi pada mode HTML. (lihat gambar 2)
 
http://hendrasuhendra176.blogspot.com/2014/05/cara-membuat-spoiler-auto-hide-di-blog.html
Gambar 2
5. Klik -> Publish apabila artikel sudah siap di tampilkan di blog.

6. Selesai.

PREVIEW :



MEMBUAT KOTAK SPOILER DI SIDEBAR BLOG

1. Login ke akun blog Anda disini

2. Klik -> Layout.

3. Klik -> Add Widget.

4. Klik -> Save.

5. Selesai.

Dengan kotak spoiler disebelah sisi kanan / kiri blog bisa digunakan untuk menempatkan daftar isi blog, ataupun widget-widget lainnya yang akan Anda bikin auto hide.


Nah itu tadi, cara membuat kotak spoiler (auto hide) di blog. Semoga bermanfaat dan selamat mencoba.

Post a Comment for "Cara Membuat Spoiler (Auto Hide) Di Blog"

Berlangganan via Email