Kali ini saya ingin berbagi dengan sobat sesama blogger sekalian mengenai cara membuat spoiler pada blogspot, apa itu spoiler? mungkin jika sobat seorang kaskuser pasti ngerti apa itu spoiler, tapi jika sobat ini seorang nubi, mungkin bertanya-tanya apa itu spoiler, nah karena di sini saya tidak ingin membahas mengenai apa itu spoiler, mungkin bagi sobat yang seorang nubi bisa googling aja ya untuk mencari tahu apa itu pengertian spoiler, di sini saya hanya akan berbagi mengenai bagaimana cara membuat spoiler pada blogspot.
Fungsi dari spoiler ini adalah untuk menyederhanakan tampilan postingan sobat, biasanya sih yang berhubungan dengan gambar, tapi bisa juga isinya sebuah quote atau bisa juga yang lainnya, jika sobat ingin di dalam postingan blognya menggunakan sebuah spoiler, berikut tutorialnya dari saya.
Berikut kode yang bisa sobat gunakan untuk membuat sebuah spoiler, bagaimana caranya? sobat tinggal copy paste kan saja kode ini ke dalam postingan blog sobat, berikut ini kode nya :
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">[Judul Spoiler] : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>
Silahkan copy paste kode tersebut ke dalam postingan sobat, nanti jika sudah berhasil maka tampilan dari spoilernya seperti berikut ini
[Judul Spoiler] :
Begini contoh hasilnya jika di implementasikan dalam sebuah postingan
Begitulah cara membuat spoiler pada blogspot, mudah bukan? sekarang sobat bisa mencoba nya di postingan sobat blogger semua, selamat mencoba dan semoga berhasil ya, oh iya jika sudah di coba jangan lupa untuk komentarnya yah :)
[Quote Of The Day] :
Begitulah cara membuat spoiler pada blogspot, mudah bukan? sekarang sobat bisa mencoba nya di postingan sobat blogger semua, selamat mencoba dan semoga berhasil ya, oh iya jika sudah di coba jangan lupa untuk komentarnya yah :)
0 Response to "Cara Membuat Spoiler Pada Blogspot"
Post a Comment