👀 Hai Blogers... Selamat datang di blog aku yang sederhana ini. Kali ini K'MelL akan berbagi ilmu bagaimana cara pasang spoiler auto hide di blog seperti yang ada di kaskus. Spoiler tipe Kaskus ini berfungsi supaya tampilan postingan terlihat lebih singkat dan praktis. Selain itu juga supaya tampilan blog nggak mono oleh tulisan saja, ada embel-embel yang bikin penasaran gituwww, hehehe... Spoiler juga digunakan untuk menunjukkan inti dari postingan atau bagian terpenting dari postingan blog.
Berikut K'MelL sharing cara membuat spoiler kayak Kaskus di blog, langsung aja agan-agan Cekidot ya:
1. Login akun blog
2. New Post (Buat postingan)
3. Click mode HTML (bukan Compose)
4. Copy paste kode berikut
<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;">Letakkan teks atau kode script (gambar atau video), link di sini <br></div></div></div>
5. Bagian yang berwarna merah bisa diganti sesuai keinginan
6. Berikut hasilnya jika agan-agan mengikuti petunjuk dengan benar 👇
Call Me MelL:
Semoga berhasil... Jika ada request atau pertanyaan tentang apapun, silakan agan-agan tinggalkan jejak di kolom komentar. Kritik dan saran yang membangun juga saya harapkan dari agan-agan sekalian untuk kemajuan blog yang sederhana ini. Terima kasih atas kunjungannya...
Postingan terkait
No comments:
Post a Comment