Cara Membuat Tombol Hide Untuk Widget Samping

Sunday, 20 December 2015

Cara Membuat Tombol Hide Untuk Widget Samping

Agar widget samping nampak simple dan tidak banyak menampilkan tulisan, sebaiknya membuat tombol hide (menyembunyikan) semua pesan dan pada saat tombol itu di klik barulah pesan itu muncul. *)Lihat pada widget sebelah kanan pada blog ini.
Bagaimana caranya??.. Caranya seperti ini :
  1. Masuk ke dashbord blogger
  2. Pilih tab Tata Letak pada bilah sebelah kiri
  3. Klik Tambahkan Gadget pada sidebar
  4. Pada jendela Tambahkan Gadget, pilih HTML/JavaScript Tambahkan 
  5.  Pada jendela "Mengonfigurasi HTML/JavaScript", Isi judul dan pada kolom konten isikan script ini :

#div>#a align="Justify">#/a>#/div>
#justify>
#div>
#div style="margin-bottom: 4px;">
#b>#/b>
#input value="Tampilkan Pesan!!" style="margin: 4px; padding: 4px; font-size: 12px;" 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 = 'Tutup Pesan!!'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan Pesan Lagi!!'; }" type="button" />#/div>
#div style="border: 0px inset; margin: 4px; padding: 8px;">
#div style="display: none;">
#div align="Justify">
#/div>
#div>
#justify>
PESAN BARIS PERTAMA..#/Justify>
#/div>
#div>
#justify>
PESAN BARIS KE-DUA..#/Justify>
#div>
#p align="Justify">
#/p>
#/div>

#div>
#p align="Justify">
PESAN BARIS KE-TIGA#/p>
#div>
#p align="Justify">
PESAN BARIS KE-EMPAT#/p>
#div>
#p align="Justify">
#/p>
#/div>
#div>
#/div>
#div>
#/div>
#/div>

#div>
#justify>
#/Justify>
#/div>
#/div>
#/div>
#/Justify>

*) Catatan : Rubah tanda # (pagar) dengan tanda < (lebih kecil)

Setelah selesai klik simpan!!..

Hasil yang nampak..


PESAN BARIS PERTAMA..
PESAN BARIS KE - DUA

PESAN BARIS KE - TIGA..

PESAN BARIS KE - EMPAT..


Berminat menjadi agen travel dengan menjual tiket pesawat atau kereta api??..

Formulir Pendaftaran



Posted by : Juragandlieur
This post Updated at :Sunday, December 20, 2015