Home » » Cara Membuat Spoiler Pada Widget Blogger

Cara Membuat Spoiler Pada Widget Blogger

Hai sobat blogger!!! Tutorial blogspot kali ini akan menjelaskan Bagaimana Cara Membuat Spoiler Pada Widget Blogger. tanpa harus utak-atik template blog agan.
Sample:
Sebelum di Klik :

Sesudah di Klik :

Baik simak caranya dengan Baik2 agar tidak salah, caranya berikut ini:

  1. Masuk Akun Blogger Anda
  2. Klik Rancangan -----> Elemen Laman
  3. Klik Add Gadget (Tambah Gadget).
  4. Pilih HTML Javascript
  5. Masukkan Kode berikut kedalam kotak HTML tadi.
 <div><div style="margin-bottom: 2px;"><i><b><small>Klik Untuk melihat</small></b></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 style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
  
Letakkan artikel, gambar atau apapun di sini

</div></div></div>
    6. Klik Simpan
Selesai.......

Ket:
1. ganti Letakkan artikel, gambar atau apapun di sini dengan Artikel, gambar atau apapun yang ingin sobat buatkan spoiler
2. ganti Klik Untuk melihat terserah keinginan anda, misal, Klik Disebelah Untuk MelihatS

 Selamat Mengerjakan....
hehehe, kayak ujian aja,
thx sob, dah memberikan waktunya untuk berkunjung...
saya juga akan berterima kasih jika sobat meluangkan waktunya untuk berkomentar..... 

0 komentar:

Posting Komentar

Silakan berkomentar sesuai dengan topik. Jangan menyisipkan link aktif pada komentar dan jangan sampai komentar Anda masuk komentar SPAM.

Jangan salahkan Saya bila komentar Anda dihapus !

Arsip Blog