Hai ketemu lagi blogger sejati hari ini aku beres uas alhamdulillah lancar udah lama gax nge blog lagi karna di sibukan oleh uas, ya mau gmana lagi harus fokus dan semangat semoga hasilnya memuaskan, hehe koq jadi curhat ya gpp lah, ya parra blogger sejati sekarang disini saya akan memposting lagi tentang cara memasangkan kotak spoiler di blogger langsung saja ke sesi-sesinya perhatikan ya :
One : Bismillah dulu, y lalu masuk ke blogger anda
Two : Pilih Tata Letak
Three : Pilih Add New Gadget
Four : Html / Javascript
Five : Masukan Code Dibawah Ini kedalam html / java script yang tadi anda tambahkan --
Setelah anda memasukan code diatas maka [Simpan] editan yang tadi anda, lalu lihat hasilnya seperti dibawah ini:
apakah sesuai yang diharapkan... semoga bermanfaat dan kunjungilah artikel" yang mungkin bisa membantu anda untuk mempercantik blog anda hanya di flasmaweb.
One : Bismillah dulu, y lalu masuk ke blogger anda
Two : Pilih Tata Letak
Three : Pilih Add New Gadget
Four : Html / Javascript
Five : Masukan Code Dibawah Ini kedalam html / java script yang tadi anda tambahkan --
<div style="margin: 5px 20px 20px;" >
<div class="smallfont" style="margin-bottom: 2px;"><b>Klik Spoiler Berikut</b>: <input value="View" style="margin: 0px; padding: 0px; width: 55px; 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View'; }" type="button" />
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks / gambar atau script anda disini
<br />
</div>
</div>
</div>
<div class="smallfont" style="margin-bottom: 2px;"><b>Klik Spoiler Berikut</b>: <input value="View" style="margin: 0px; padding: 0px; width: 55px; 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View'; }" type="button" />
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks / gambar atau script anda disini
<br />
</div>
</div>
</div>
Setelah anda memasukan code diatas maka [Simpan] editan yang tadi anda, lalu lihat hasilnya seperti dibawah ini:
Klik Spoiler Berikut:
apakah sesuai yang diharapkan... semoga bermanfaat dan kunjungilah artikel" yang mungkin bisa membantu anda untuk mempercantik blog anda hanya di flasmaweb.
0 komentar:
Post a Comment