Cara Membuat Spoiler di Blog

Cara Membuat SPOILER DI BLOG yah itulah Tutorial Blogspot HTC selanjutnya Cara Membuat Spoiler di Blog , Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari konten blog kita. Spoiler juga bermanfaat agar konten yang berat seperti gambar dalam ukuran besar dan video tidak diload sebelum menekan tombol show. Dengan kata lain spoiler membantu kita mengurangi waktu load konten blog dan memberikan pilih kepada pembaca blog untuk membuka atau tidak isi spoiler, keyword Cara Membuat Spoiler Di Blog


Cara Membuat Spoiler Di Blog, Anda sudah sering lihat Spoiler di kaskus atau forum-forum untuk nyembunyikan gambar, link dan konten lainnya. Spoiler ada dua yaitu untuk forum misalnya kaskus dan satunya lagi untuk dipergunakan di blog/web. Keduanya memiliki kode yang berbeda.

• Spoiler Forum misalnya KASKUS:
[spoiler=judul spoiler]isi spoiler[/spoiler]

Ganti tulisan yang berwarna hijau sesuai judul dan isi spoiler yang anda kehendaki.

• Spoiler untuk Blogspot/web:
Menyembunyikan konten tertentu dari sebuah halaman blog/website diperlukan untuk menghemat space. Ketika visitor ingin melihatnya mereka dapat dengan mudah menampilkannya. Begitupun dalam software forum semacam vBulletin, Spoiler pasti banyak digunakan.

Berikut kode yang bisa digunakan dalam memasang spoiler di blog :

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang bla..bla.bla.. </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

</div></div></div></div>

Kode HTML diatas akan memberikan hasil seperti dibawah ini:

Tentang bla..bla.bla..

Jika Ingin Membuat Lebih Indah Dengan Spoiler Background Atau BerWarna Warni SIlakan Edit Sendiri yah :PRating:4.5

Related Post To Reading:

Latest Gadget

• Toshiba Qosmio F755-3D150
• Origin EON 17-X Specs
• HP Pavilion g6-1309ea Specs
• Nokia 808 PureView
• Harga BlackBerry Bold 9790 Bellagio Review dan Spesifikasi
• Harga Nokia N9 Terbaru | Harga Review Spesifikasi
• Harga Nokia Asha 303 Review Spesifikasi
• Google Android Modify Watch
• Vuzix to Show Off Smart Glasses At CES
• Velocity Micro Shine Projector Announced
• Intel Medfield-Powered Phone &amp; Tablet Coming In 2012
• World’s most secure USB flash drive from iStorage datAshur Features and Price
• Motorola MOTOACTV GPS Fitness Tracker and Music Player Features and Specification and Price
• Newest Sony Ericsson Nozomi Smartphone, Leaked

Tutorial Blog

• Cara Pasang Iklan Di dalam Postingan Blog
• Cara Membuat Like Box Melayang di Blogspot

Posted in: Latest Gadget, Tutorial Blog