Spoiler merupakan
salah satu sarana yang dapat digunakan untuk menghemat ruang posting, sama
halnya dengan read more. Spoiler dapat mengurangi beban loading blog yang pada
postingannya terdapat gambar. Nah apabila anda ingin loading blog anda menjadi
tidak terlalu terbebani karena banyaknya postingan, anda dapat memilih
alternatif ini. Ikuti tutorialnya berikut ini:
1.
Log
in ke blogspot
2.
Pilih
entri baru, lalu pilih Edit HTML
3.
Coppast
kode berikut
<div
id="spoiler"><div><input style="font-size: 11px;
font-weight: bold; margin: 5px; padding: 0px;" 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 = 'TUTUP'; } else {
this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display =
'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display
= ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button"
type="button" value=" SPOILER"></div><div
id="show" style="border-top-width: 1px; border-right-width: 1px;
border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid;
border-right-style: solid; border-bottom-style: solid; border-left-style:
solid; border-top-color: white; border-right-color: white; border-bottom-color:
white; border-left-color: white; margin-top: 5px; margin-right: 5px;
margin-bottom: 5px; margin-left: 5px; padding-top: 2px; padding-right: 2px;
padding-bottom: 2px; padding-left: 2px; width: 98%; "><div
style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb;
border: 1px solid #aaccee; padding: 7px; margin: 0px;"><p
style="text-align: justify;">tulis disini</p></div><div
id="hide" style="display: none;
"></div></div></div>
4.
Lalu
pilih tab tulis , ganti tulis disini dengan
postingan anda pada kotak spoiler yang ada.
0 komentar:
Posting Komentar