Search
Latest topics
Cara Membuat Spoiler(Blogger)
+2
NEWBIE
Apap
6 posters
Page 1 of 1
Cara Membuat Spoiler(Blogger)
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
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 untuk blog/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 untuk membuat 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; font-size: 10px;" 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>
Semoga Bermanfaat
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 untuk blog/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 untuk membuat spoiler di blog :
- Masuk ke Mode HTML
- Masukkan skrip kode berikut:
<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; font-size: 10px;" 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>
Semoga Bermanfaat
Apap- newbie
- Posting : 5
Points : 9
Join date : 2011-06-18
Age : 26
Lokasi : On the Internet
Re: Cara Membuat Spoiler(Blogger)
Apap wrote: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
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 untuk blog/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 untuk membuat spoiler di blog :
- Masuk ke Mode HTML
- Masukkan skrip kode berikut:
Tentang bla..bla.bla..
Semoga Bermanfaat
pertamax gan, , ,
Re: Cara Membuat Spoiler(Blogger)
ini sifat nya gk otomatis yhaa...
jadi setiap kita mw buat spoiler harus masukin kode spoiler dulu yha ???
jadi setiap kita mw buat spoiler harus masukin kode spoiler dulu yha ???
Re: Cara Membuat Spoiler(Blogger)
ekintung wrote:ini sifat nya gk otomatis yhaa...
jadi setiap kita mw buat spoiler harus masukin kode spoiler dulu yha ???
iyalah gan
Re: Cara Membuat Spoiler(Blogger)
CWL_SpinxPlat wrote:NEWBIE wrote:
TS nya keseringan ke DS !!
He he Oke deh gan...
Similar topics
» Cara memasang Widget Lintas Berita di Blogger
» Cara mengedit blogspot/blogger template agar SEO Friendly!!!
» Membuat Artikel Menarik dengan 8K | Tips Cara Menulis Di Blog
» Cara Membuat Antivirus Palsu
» Cara Membuat Reply Coment
» Cara mengedit blogspot/blogger template agar SEO Friendly!!!
» Membuat Artikel Menarik dengan 8K | Tips Cara Menulis Di Blog
» Cara Membuat Antivirus Palsu
» Cara Membuat Reply Coment
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Mon Jul 08, 2013 9:38 am by epen18
» Microsoft Office 2010 – Install Tanpa Cd Key atau Serial
Wed Sep 19, 2012 6:47 pm by vifi
» Perkenalkan
Mon Feb 27, 2012 8:41 pm by SATPAM
» Diskusi Naruto Chapter 573 dan Prediksi Chapter 574
Sat Feb 11, 2012 4:52 pm by Night Fury
» Welcome To NEMOSHARE salam hangat buat member http://www.indofanster.org
Sat Feb 04, 2012 11:03 pm by Lulz
» Diskusi Naruto 572 n prediksi Naruto 573
Fri Feb 03, 2012 9:25 am by Night Fury
» Diskusi Nokia Asha 303
Tue Jan 31, 2012 3:10 pm by SATPAM
» Cara Buat Virus Sederhana Buat Isengin Temen.
Mon Jan 30, 2012 4:58 pm by SATPAM
» Hosting Gratisan Indonesia
Mon Jan 30, 2012 7:22 am by SATPAM
» Pengajian MTA di Kudus Dibubarkan Paksa
Mon Jan 30, 2012 6:22 am by SATPAM