Blog Tutorial Script Spoiler (Show/Hiden) For Blog/web

Blog Tutorial:  Script Spoiler (Show/Hiden) For Blog/web ini berguna untuk menampilkan Gamber,widget,Tulisan,dll di dalam postingan. Spoiler sangat berguna untuk menghemat tempat, selain itu Spoiler dapat kita fungsikan dalam artikel atau widget, seperti gambar, video atau artikel yang banyak. Kebanyakan spoiler di gunakan dalam forum gambar dan script. Misalnya kita akan menshare gambar lebih dari 10, postingan akan sangat banyak sekali mengambil tempat dan untuk meringkas nya kalian bisa menggunakan spoiler. Jika sobat blogger belum tau apa itu spoiler, sobat bisa lihat Contohnya seperti di bawah ini, atau sobat tekan tombol Show

Di atas adalah tampilan Spoiler , jika sobat blogger pingin membuatnya, sobat bisa copy kode script spoiler dibawah ini :

<div><div style="margin: 5px;"><div class="bigfont" style="margin-bottom: 2px;"><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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"><br /> </div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><br /> isi spoiler... (bisa script / widget / link dll) <br /> </div></div></div></div>

( Untuk meng copy silahkan tekan select all tect, kemudian tekan Ctrl + C )

Okey, Selamat mencoba dan semoga sukses...

Posted by pur on - Rating: 4.5

Title : Blog Tutorial Script Spoiler (Show/Hiden) For Blog/web
Description : Blog Tutorial :  Script Spoiler (Show/Hiden) For Blog/web ini berguna untuk menampilkan Gamber,widget,Tulisan,dll di dalam postingan. S...

Tweet