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.....???????
Tag :
Blogging Stuff
0 Komentar untuk "Cara Membuat Tombol Spoiler Pada Blog"