Tips Buat Spoiler di Blog Kamu!

waaaa...,makin lama makin bagus aja nih blog saya..wohohoh..,rada narsis boleh kan??
hmm..,saya lagi belajar buat spoiler di blog neh..,moga aja bisa..,ntar kalo saya bisa,saya ajarin kok..,tenang aja mameen..keheheheh

5menit kemudiaaan....

YAY!!akhirnya bisa!!
memang saya bisa apa aja...hahahaha
oke..kali ini saya mau berbagi..saya belajarnya sih lewat inet..so tutorial ini saya copas dari situs tetangga...
dipelajari yah!!

isi spoiler

Tips Bikin Spoiler di Blogspot

Kalian semua pasti tau tentang spoiler. Bagi yang biasa ada di forum-forum di Internet pasti akrab dengan spoiler. tapi bagi yang belum tau akan saya kasih tau apa pengertiannya menurut saya pribadi.

Spoiler adalah teknik untuk menyembunyikan sebuah file, link, foto, image atau sebuah tulisan. Hal ini dimaksudkan untuk mengurangi space atau bandwitch.

Nah, spoiler ternyata juga bisa diterapkan di blog. Kali ini, saya akan membahas mengenai cara membuat spoiler untuk blog berbasis blogspot. 1. Pertama, ketika anda ingin membuat postingan masuk ke edit HTML, kemudian copy code berikut.

<div id="spoiler"><div><div id="show" color="transparent" style="border-style: solid; border-width: 1px; margin: 0px; padding: 4px; display: none; width: 98%;"></div><div id="spoiler"><div><input value="Show Spoiler!" style="margin: 10px; padding: 0px; width: 100px;font-size:12;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" type="button"><br/><div id="show" style="border-style: solid; border-width: 0px; margin: 0px; padding: 4px; display: none; width: 98%;color:black;"><br />isi spoiler<br /></span></div></div></div></div></div>

Ket:

Isi Spoiler: untuk isi dari spoiler tersebut, seperti tulisan, video ataupun gambar. Untuk video dan gambar, copy aja code html dari video/foto yang sudah diupload kemudian tindih di tulisan isi spoiler.

Show spoiler: Untuk kata-kata yang ada di kotak spoiler. Seperti kalimat, "arti spoiler" diatas.

Oke deh segitu aja tutorial tentang spoilernya. CMIIW


Ilmu dari : SINI

Tweet