Alifah Alif Ayli Yoes
KOLOM SPOiLER
Cara membuat kotak spoiler atau kotak dengan tombol sembunyi.
Halo sobat OnLiners... Tutorial kali ini saya akan jelaskan cara membuat kotak/kolom spoiler atau kotak/kolom dengan tombol sembunyi pada postingan blog. Mudah saja kita membuatnya, hanya perlu menambahkan perintah tertentu agar menyembunyikan kontennya lalu menampilkannya jika tombol tersebut diklik. Dari pada sobat bingung langsung aja kita lihat contoh nya di bawah ini :
Nah demikianlah contoh nya. Jika sobat ingin spoiler seperti itu, silahkan ngikuti langkah lankah berikut ini
1. Login ke dashboar blog sobat --> Lalu tekan gambar pencil atau Buat entri baru
2. Setelah itu, halaman yang muncul pilih pada mode HTML bukan Compose. Letaknya di sudut kiri agak ke atas, seperti pada gambar dalam kotak merah.
Klik Disini
1. Login ke dashboar blog sobat --> Lalu tekan gambar pencil atau Buat entri baru
3. Setelah beralih ke kolom komentar mode HTML, di kolom komentarnya, sobat tinggal mengCOPY<->PASTEkan kode script berikut ini :
Ada 4(empat) hal standar yang bisa sobat ubah di sini, di antaranya :
Yang pertama adalah kata yang bertuliskan Klik Di Sini bisa sobat ubah dengan tulisan apapun, terserah anda. tapi ingat hanya katanya saja. jangan mengubah tanda apapun seperti tanda ( ' < / > " } ; : dll )
Yang ke dua & ke tiga : Cari kata yang berbunyi Hide dengan Show, sejauh yang saya tahu ke dua kata itu adalah bahasa inggris, jadi terserah sobat mau ubah ato tetep kayak gitu. sekali lagi ingat yang di ubah hanya kata-kata itu sja, tanda/simbol jangan.
Yang terakhir : Kalimat atau kumpulan kata-kata yang berbunyi Isi Spoiler sobat disini, boleh gambar, code dll. Ini bisa sobat ubah sesuai dengan bunyinya, yang artinya tempat sobat ngepostin apapun selama berbentuk teks. adapun dalam bentuk gambar, juga gampang kok. tinggal klik Insert image yang ada di barmenu.
4. Nah setelah selesai dengan beberapa pengaturan di atas. Sobat tinggal Publikasikan (kalau baru) dan atau Perbarui (kalau postingan yang sudah ada yang diedit) dan lihat hasilnya.
...
Dan berakhirlah pula rangkaian acara pada postingan ini.. hehehe... jangan lupa kritik dan sarannya.
salam \../, selalu
