Cara Membuat Tombol Spoiler Pada Blog

Posted by Unknown on Rabu, 13 April 2011

Bagi kawan  - kawan  yang tidak tahu apa itu spoiler dan bagaimana cara membuat tombol spoiler di blog, Di sini "blog carapada " ngasih tips dengan beberapa langkah mudah untuk membuatnya .

Spoiler  memiliki fungsi untuk menyembunyikan dan menampilkan teks atau gambar, dan sangat berguna ketika mencoba untuk mengurangi ruang di entri atau hanya jika kita ingin teks atau gambar hanya ditampilkan dengan klik. Lebih ringkasnya spoiler dapat ngirit ruang dalam posting blog. Yang pasti spoiler di sini bukan spoiler mobil ..he..he

Hal pertama yang kita butuhkan adalah kode:


<div><input value="Tampilkan" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Sembunyikan';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Tampilkan';}" type="button" /><div style="display: none;">Konten yang ingin kita sembunyikan</div></div

-Kamu bisa ganti tulisan berwarna merah dengan tulisan atau link ataupun embed gambar sesukamu.
-Copy  kode di atas, kemudian masuk ke Edit HTML,  dan paste.
Dan berikut hasil cara membuat spoiler di blog

From Carapada
TERIMAKASIH TELAH BERKUNJUNG DI BLOG "CARAPADA" , SEMOGA POSTING KALI INI BERGUNA BAGI KITA

He...he..he,,caranya mudah kan , selain itu kamu bisa ganti tulisan "tampilkan" dengan sesukamu, misalnya "klik dong" atau yang lain. Selamat mencoba.....???????
Bogi Sebastian
Carapada Updated at: 23.02

{ 5 comments... read them below or add one }

Dub Synth mengatakan...

keren,,sangat membantu banget...nich..makasih prend

Agha Setiady Dirga mengatakan...

thanks nicd

Anonim mengatakan...

good artikel,,thnks gan atas bantuannya,,,salam kenal aj

Agam Gusriyandi mengatakan...

Mantap artikelnya makasih, sekali kali main ke blog ane ya...

Ermawati mengatakan...

makacih banget infonya

Posting Komentar

Diberdayakan oleh Blogger.