Posted by : Karta_Jaya

Spoiler adalah salah satu teknik untuk menyembunyikan teks atau gambar yang cukup panjang. Dengan spoiler ini kita bisa membuka teks atau gambarnya dan menyembunyikannya kembali. Mungkin sobat blogger bosan dengan teknil Fungsi Scroll atau sistem bingkai.
Sekarang ayo kita coba Fungsi spoiler ini.
Contohnya adalah sebagai Berikut:

Contoh Spoiler
Berikut adalah contoh fungsi spoiler, yang dapat memperpendek halaman blog...

Oke, mungkin sobat blogger sudah ada gambaran kan?



Oke lansung saja kita kepada cara membuatnya.
Sebenarnya teknil spoiler ini bisa digunakan pada postingan, dan sidebar.
Jika Sobat blogger membuatnya dalam postingan, berarti anda harus merubahnya ke dalam Edit HTML bukan Compose.

Sekarang anda hanya butuh kode Script berikut.
<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<span style="font-weight: bold;"> Contoh Spoiler</span><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 = ' Tutup Aah...'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = ' Buka Dong!!!'; }" style="font-size: 10px; margin: 5px; padding: 0px; width: 80px;" type="button" value=" Buka Dong!!!" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Berikut adalah contoh fungsi spoiler, yang dapat memperpendek halaman blog...
</div>
</div>
</div>
Tulisan yang berwarna merah itu silahkan anda ganti sesuai dengan keinginan anda.
Sesudah selesai, silahkan Save.


Semoga Bermanfaat

{ 6 komentar... read them below or Comment }

Tukaran Link Yooo...Silahkan Masukkan Nama dan URL Blog Kamu di Dalam Kotak di Bawah Ini. Silahkan Konfirmasi Saya di HUBUNGI KAMI untuk Melakukan Link Balik ke Blog Anda. Terima Kasih

Terima Kasih Telah Bertukaran Link Dengan Kami. Secepatnya Akan Kami Link Balik

Welcome to My Blog

Blog Archive

Tips Blog


Silahkan Anda Baca Artikel Kami, Jangan Lupa Tinggalkan Jejak Anda di Kolom Komentar.





Page Rank Checker Logo Forantum I Blogging Is My Life Photobucket Blogger Help Templates Widgets SEO Tips aRvaNs Site's WAHYOKU BLOG

Jika Sobat Menghapus Link TTB dari blog sobat, maka TTB-pun akan Berbuat hal yang sama. Adil kan?




Silahkan Anda Klik Salah Satu Link Iklan Di Atas


Widget Blog


Silahkan Anda Baca Artikel Kami, Jangan Lupa Tinggalkan Jejak Anda di Kolom Komentar.


- Copyright © TIPS dan TRIK BLOG -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -