Cara Bikin Spoiler di Postingan Blog

Spoiler - Spoiler adalah salah satu trik menarik mengehamat tempat pada blog, saya yakin sobat pernah liat spoiler di forum-forum seperti kaskus dll (iyalah udah pernah liat spoiler kalo nggak ngapain baca postingan ini, hehehe) fungsi utama spoiler adalah untuk menghemat tempat dikarenakan postingan memilik gambar yang yang lumayan banyak ataupun blog-blog yang menyediakan tutorial blog yang memilik postingan berisi script yang panjang dengan memakai spoiler akan menghemat tempat sekaligus loading lebih cepat, sebenernya fungsinya hampir sama dengan textarea namun spoiler memilik fitur buka tutup.

• untuk membuat spoiler copy paste script dibawah ini dalam posting dalam mode HTML

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">judul spoiler:
<input value="BUKA"style="margin: 0px; padding: 0px; width: 60px;
font-size: 12px;" 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'; } else { this.parentNode
.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0]
.style.display = 'none'; this.innerText = ''; this.value = 'tutup'; }" type="button">
</div>
<div class="alt2" style="border: 2px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">sisipkan gambar atau text yang akan di buat spoiler disini<br>
</div>
</div>
</div>

NOTE: 

• untuk menyisipkan text/script bisa langsung ditulis tanpa menggunakan atribut
• untuk menyisipkan gambar gunakan atribut <center><img src="url gambar"></center>
• Begitulahhhhh

Share to

Facebook Google+ Twitter Digg

Jika Anda menyukai Artikel di blog ini, Silahkan Klik Disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di MRR Cyber

Ditulis Oleh : Adit Lakone ~ Tips dan Trik Blogspot

Sobat sedang membaca artikel tentang Cara Bikin Spoiler di Postingan Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://aditblog123.blogspot.com/2013/05/cara-bikin-spoiler-di-postingan-blog.html" target="_blank">Cara Bikin Spoiler di Postingan Blog</a>

:: Get this widget ! ::

Description: Cara Bikin Spoiler di Postingan Blog Rating: 4.5 Reviewer: Adit Lakone ItemReviewed: Cara Bikin Spoiler di Postingan Blog