Cara Membuat Widget Buka-Tutup
Selamat siang kawan-kawan blogger.Sudah lama saya gak ngepost sesuatu.Sekarang saya akan membahas mengenai widget buka-tutup yang ada seperti di kaskus gitu.Yaudah, tanpa basa-basi, langsung ikuti langkah berikut.
<div style="margin-bottom: 2px;"><span style="color: rgb(102,
102, 204);">Judul Widget</span><div style="margin-top: 5px;
text-align: left;"><input onclick="if (this.parentNode.parentNode.getEle
mentsByTagName('div')[1].getElementsByTagName
('div')[0].style.display != '') {
this.parentNode.parentNode.getElementsByTagName('div')
[1].getElementsByTagName('div')[0].style.display =
''; this.innerText = ''; this.value =
'TUTUP'; } else { this.parentNode.parentNode.getElem
entsByTagName('div')[1].getElementsByTagName
('div')[0].style.display = 'none'; this.innerText =
''; this.value = 'BUKA'; }" value="BUKA"
style="margin-top: 5px; width: 60px; font-size: 10px;"
type="button" /> </div><div style="border: 1px inset ;
margin: 0px; padding: 6px;"><div style="display: none;"
LETAKKAN WIDGET SOBAT DISINI
</div></div></div>
102, 204);">Judul Widget</span><div style="margin-top: 5px;
text-align: left;"><input onclick="if (this.parentNode.parentNode.getEle
mentsByTagName('div')[1].getElementsByTagName
('div')[0].style.display != '') {
this.parentNode.parentNode.getElementsByTagName('div')
[1].getElementsByTagName('div')[0].style.display =
''; this.innerText = ''; this.value =
'TUTUP'; } else { this.parentNode.parentNode.getElem
entsByTagName('div')[1].getElementsByTagName
('div')[0].style.display = 'none'; this.innerText =
''; this.value = 'BUKA'; }" value="BUKA"
style="margin-top: 5px; width: 60px; font-size: 10px;"
type="button" /> </div><div style="border: 1px inset ;
margin: 0px; padding: 6px;"><div style="display: none;"
LETAKKAN WIDGET SOBAT DISINI
</div></div></div>
Untuk yang berwarna merah bisa diganti sesuai judul widget sobat dan untuk yang berwarna orange adalah tempat meletakkan berbagai widget sobat.
Dan sobat masih bisa berkreasi sesuai keinginan jika merasa kurang pas.
0 komentar:
Posting Komentar
Aturan berkomentar di Brillian's Blog :
1. Komentar harus relevan dengan isi postingan
2. Tidak mengandung SARA, P*RN*, atau sejenisnya
3. Tidak menyertakan link aktif.
4. Bukan tempat promosi.
Jika komentar tidak memenuhi aturan diatas, komentar akan dihapus oleh admin tanpa pemeritahuan lebih lanjut.
Salam Nge-Blog....Bye....