-->

Minggu, 27 November 2011

Cara Membuat Tombol Spoiler Pada Blog

author photo

Bagi kawan  - kawan  yang tidak tahu apa itu spoiler danbagaimana cara membuat tombol spoiler di blog, Di sini "blog ansyari " 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



He...he..he,,caranya mudah kan , selain itu kamu bisa ganti tulisan "tampilkan" dengan sesukamu, misalnya "klik dong" atau yang lain. Selamat mencoba.....???????
Konten yang ingin kita sembunyikan

This post have 0 komentar


EmoticonEmoticon

Next article Next Post
Previous article Previous Post