Cara Membuat Spoiler Pada Blogspot
Lagi asik-asik posting artikel yang berisi sebuah gambar keinget dengan KASKUS mengenai bagaimana cara membuat spoiler, tiba-tiba terlintas di benak saya bagaimana jika hal ini saya terapkan di dalam blog saya ya?
Akhirnya sayapun langsung menuju om GOOGLE dan mencari artikel yang berkaitan dengan hal ini.
Tapi kali ini berbeda dengan yang ada di KASKUS, saya mencari di GOOGLE dengan menggunakan kata kunci "Spoiler Blogspot" dan alhasil untuk artikel dengan kata kunci "Spoiler Blogspot" tersebut saya di bawa ke sebuah blog teman sesama blogger juga. dan berikut ini panduan cara membuat spoiler pada blog
Berikut kode yang bisa kamu gunakan untuk membuat spoiler pada blog kamu<div style="margin-bottom: 2px;"><i>JUDUL SPOILER</i> <input value="Tampilkan" style="margin-top: 5px; width: 100px; font-size: 10px;" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"> </div>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">ISI SPOILER</div></div>
Jika kamu mengcopy dan mempaste kode spoiler tersebut pada postingan blog kamu, maka di bawah inilah hasil dari kode spoiler tersebut
Kode spoiler tersebut juga sudah saya terapkan di postingan saya yang lain yaitu pada postingan saya di
Hanya bedanya di postingan saya itu untuk opsi bordernya saya buat "0" jadi tidak ada kotaknya
2 komentar:
Mantab tutorialnya Gan!, teruskan! dan sukses serta salam kenal
@warungbebas.com thanks gan... btw kok script tooltipnya ga bisa di pake di blog ane ya gan? nanti deh ane kasih contoh hasil copasan html yang ada di tabel artikel agan itu dan agan liat sendiri hasilnya......
Posting Komentar