Cara Membuat Spoiler Klik Buka Tutup / View Di Blog | NIGHT002

NIGHT002 - Spoiler klik buka tutup itu apa sih ? masih pada kebingungan kan apa itu spoiler buka tutup ? itulah sebuat javascript yang sering iita jumpai di website ternama Kaskus hehe para kaskuser sering memakai spoiler ini untuk menampilkan gambar ataupun sebuah kalimat agar gambar atau kalimat tersebut tidak memakan banyak tempat hehe untuk lebih jelasnya silahkan Anda lihat screensoht dan live demo yang akan saya berikan di artikel ini.


Silahkan Anda klik view.

NIGHT002.BLOGSPOT.COM:

INI DIA YANG NAMANYA SPOILER BUKA TUTUP / VIEW . TARO KATA - KATA ATAU SCRIPT / SCRIPT GAMBAR DISINI. NIGHT002.BLOGSPOT.COM

Gimana cara buat klik buka tutup ?
Cara memasang klik buka tutup di blog.
Cara membuat spoiler klik buka tutup kaya di kaskus ?
Cara membuat spoiler klik view di blog.

Kami jawab pertanyaan yang sering keluar di search engine hehe.

Kali ini saya akan post tentang Info - Info Untuk Blog Anda. Tentang Membuat Spoiler Buka Tutup / View Di Blog Anda. Spoiler Buka Tutup Ini berguna sekali untuk mempersingkat post / artikel kawan night002, agar tidak memakan banyak tempat hehe.



Contoh gambar :

Tutorial :

1. Seperti biasa silahkan Anda masuk ke blogger.
2. Masuk kehalaman artikel > klik HTML di sebelah kanan Compose > letakan script di bawah ini pada halaman HTML.
3. Ambil scriptnya :  disini  Atau Anda bisa langsung copy di blog ini.

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>NIGHT002.BLOGSPOT.COM</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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="View" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
INI DIA YANG NAMANYA SPOILER BUKA TUTUP / VIEW .
TARO KATA - KATA ATAU SCRIPT / SCRIPT GAMBAR DISINI.
NIGHT002.BLOGSPOT.COM
</div>
</div>
</div>

1. Ganti Sesuai Keinginan.
2. Nama NIGHT002.BLOGSPOT.COM ( Tulisan di sebelah View)
3. Yang berwarna biru adalah ukuran spoiler tersebut Anda bisa menggantinya.
4. Semoga bermanfaat.

Sekian artikel kali ini semoga bermanfaat bagi kawan NIGHT002, maafkan admin jika ada salah - salah kata dikarenakan manusia tidak pernah luput dari kesalah hehe, terima kasih sudah mau nyangkut di artikel sederhana ini hehe.

Admin,

NIGHT002

Share :

Facebook Google+ Twitter