Rabu, 23 November 2011

Custom Website

03.42  sokam  No comments

Custom Website

Membuat Spoiler pada blogspot

Posted: 18 Nov 2011 06:32 AM PST

Kalo kemarin kita membahas tentang bagaimana cara membuat spoiler pada phpBB sekarang kita akan membuat spoiler di Blogspot dan caranya pun sangat mudah tidak perlu mengedit template kita hanya tinggal memasukan kode pada artikel atau gambar yang akan kita beri spoiler :
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

"Masukkan isi spoiler yang anda inginkan disini"


</div>
</div>
</div>
Keterangan :
Tulisan warna biru adalah judul dari artikel yang akan kita beri spoiler
Tulisan warna merah adalah isi artikel atau gambar yang akandisembunyikan mengunakan Spoiler
dan berikut contoh hasilnya :


Judul Spoiler:



"Masukkan isi spoiler yang anda inginkan disini"



Sumber: tutorial.wdesain.web.id

Posted in:

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More