Cara Membuat Spoiler Link Dengan Tombol
Bismillahirohmanirrohim
Assalamualaikum, wr.wb. Setelah kemarin kita sudah mengetahui dari beberapa kode html yang sudah saya posting terdahulu di kode html terlengkap dan juga sudah saya tambahkan beberapa kode html lagi di artikel saya untuk lanjutan nya yaitu di kode html terlengkap part 2 .
Sekarang saatnya kita mengetahui beberapa tombol spoiler yang bisa kita gunakan untuk menyembunyikan konten kita agar tidak terlihat kalau tidak di klik, konten bisa berupa gambar, link, artikel, video, dll.
Di bawah ini ada beberapa contoh tombol spoiler tersebut yang sengaja saya simpan dalam kotak text area agar kita lebih mudah untuk mengcopy paste nya.
Sekarang saatnya kita mengetahui beberapa tombol spoiler yang bisa kita gunakan untuk menyembunyikan konten kita agar tidak terlihat kalau tidak di klik, konten bisa berupa gambar, link, artikel, video, dll.
Di bawah ini ada beberapa contoh tombol spoiler tersebut yang sengaja saya simpan dalam kotak text area agar kita lebih mudah untuk mengcopy paste nya.
3. Cara Membuat Spoiler Pada Dokumen HTML
Cara Membuat Spoiler Pada Dokumen HTML
Judul Spoiler:
Keterangan : Ganti Judul Spoiler sesuai dengan judul yang Anda kehendaki. Letakan konten yang akan dimasukkan di dalam spoiler seperti sebuah paragraf maupun file gambar tepat pada kata Letakan Konten Di Sini..!!.
4. Spoiler Default
5. Spoiler Style Text
[Tampilkan Konten]
6. Spoiler With Border Color
7. Spoiler With Full Border Color
8. Spoiler With Title
9. Spoiler Dengan Gambar
10. tampilkan konten
11. Tombol Show Buka Tutup
14. Spoiler OPEN / CLOSE
15. Spoiler SHOW/HIDE
16. Spoiler OPEN / CLOSE
17. Cara Membuat Spoiler
18. CARA MEMBUAT SPOILER GAMBAR, IMAGE, atau FOTO
19. Spoiler Box Show/hide button tanpa edit template
5. Spoiler Style Text
[Tampilkan Konten]
6. Spoiler With Border Color
7. Spoiler With Full Border Color
8. Spoiler With Title
SimBale:
9. Spoiler Dengan Gambar
Jangan Di Buka :
10. tampilkan konten
11. Tombol Show Buka Tutup
Note : Ganti Warna Merah dengan nama Blog Anda
Keterangan: Pastikan sahabat mengedit link di area HTML bukan di area compose.Mungkin itu saja yang bisa saya berikan di update pada kesempatan kali ini tentang membuat tombol button di area posting
Keterangan: Pastikan sahabat mengedit link di area HTML bukan di area compose.Mungkin itu saja yang bisa saya berikan di update pada kesempatan kali ini tentang membuat tombol button di area posting
13. Tombol Spoiler Tampilkan
14. Spoiler OPEN / CLOSE
Judul Spoiler
NB :
Huruf warna putih (judul spoiler) bisa di ganti dengan kata yang lain nya.
Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata variasi lain nya yang anda sukai.
Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar
Semoga Bermanfaat..
15. Spoiler SHOW/HIDE
NB :
Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata variasi lain nya yang anda sukai.
Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar
16. Spoiler OPEN / CLOSE
Judul Spoiler
NB :
Huruf warna putih (judul spoiler) bisa di ganti dengan kata yang lain nya.
Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata variasi lain nya yang anda sukai.
Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar
Semoga Bermanfaat..
17. Cara Membuat Spoiler
18. CARA MEMBUAT SPOILER GAMBAR, IMAGE, atau FOTO
KETERANGAN :Kata "Lihat" dan "Show" bisa diganti dengan "Spoiler" atau kata lainnya yang lebih menarik dan unik.
19. Spoiler Box Show/hide button tanpa edit template
Contoh Spoiler
20. Spoiler model Knob Down Button dipostingan
21. Cara Membuat Spoiler di edit template dengan tambahan CSS
1. Silahkan login ke blog anda -> masuk Template -> Edit HTML -> Cari kode: ]]<*/b:skin*>
2>. Pasang kode dibawah ini dan pasang tepat diatas kode ]]<*/b:skin*> Ini kodenya:
3>. Jika sudah Simpan
2>. Pasang kode dibawah ini dan pasang tepat diatas kode ]]<*/b:skin*> Ini kodenya:
3>. Jika sudah Simpan
22. Membuat Spoiler Pada Postingan
Profil Orang Terganteng Ke dua Versi On The Spot :
Keterangan:
Anda bisa rubah tampilan "TUTUP / BUKA" sesuai selera. Masukan KONTEN Anda seperti gambar, video, teks, dll.
Kekurangan dan kelebihan menggunakan spoiler :
Kelebihan: dapat menghemat ruang penataan Artikel juga fast loading,
kekurangannya: spoiler sering dilewatkan oleh pengunjung jika tidak penting penting amat.
Tips:
Untuk konten yang sangat penting dan mengandung unsur keyword yang dapat terdeteksi Mesin Pencari saya sarankan agar tidak dimasukan dalam Spoiler, untuk apa disembunyikan toh kalau akhirnya ada yang tahu.
Ya Sudah mungkin di kesempatan ini saya cukup kan dulu sampai di sini, terima kasih dan semoga bermanfaat buat kita semua. Amiiin, amiiin, ya robbal allamiiin.
Anda bisa rubah tampilan "TUTUP / BUKA" sesuai selera. Masukan KONTEN Anda seperti gambar, video, teks, dll.
Kekurangan dan kelebihan menggunakan spoiler :
Kelebihan: dapat menghemat ruang penataan Artikel juga fast loading,
kekurangannya: spoiler sering dilewatkan oleh pengunjung jika tidak penting penting amat.
Tips:
Untuk konten yang sangat penting dan mengandung unsur keyword yang dapat terdeteksi Mesin Pencari saya sarankan agar tidak dimasukan dalam Spoiler, untuk apa disembunyikan toh kalau akhirnya ada yang tahu.
Ya Sudah mungkin di kesempatan ini saya cukup kan dulu sampai di sini, terima kasih dan semoga bermanfaat buat kita semua. Amiiin, amiiin, ya robbal allamiiin.
Wassalamualaikum wa rohmatullohi wa barokatu
0 komentar: