Cara Menyembunyikan Tulisan/Teks Gambar Dan Video Di Postingan Blog

tutor menyembunyikan hide spoiler tulisan/teks Gambar juga Video di didalem postingan ataupun artikel Blog Script Kode Html ataupun Javascript Hidden goresan pena teks gambar video dipostingan.Pernahkah dididalem membikin sebuah artikel ataupun postingan blog ditengah tengah goresan pena kami ingin sekali menyisipkan sebuah gambar ataupun video ataupun goresan pena nan ingin kami sembunyikan (hide) dididalem postingan kami. Nah tehnik itu biasa dikenal dengan spoiler.

Lalu kegunaan spoiler itu sebetulnya sebagai apa sih.?? Spoiler sendiri berfungsi sebagai menyembunyikan teks gambar animasi maupun video nan belomingin kami tampilkan dididalem postingan blog, kegunaan spoiler di postingan blog Ketika file video gambar maupun animasi nan dimasukan dipostingan belomakan memberatkan loading halaman blog sobat. Kaprikornus pada dasarnya saat file nan besar dimasukan kedidalem spoiler loading halaman blog menyerupai layaknya kami belommemasukan file apapun kedidalem postingan kami Ringan menyerupai halnya kami hanya memposting goresan pena ataupun teks.

Banyak lagi kegunaan spoiler sebagai blog selain mempercepat halaman loading blog apabila file dengan size besar masuk dididalem postingan blog, spoiler juga berfungsi jadi peringkas ruangan ataupun space artikel.Nah jadi sebagai teman nan artikel nya belomingin ditampilkan panjang panjang.maka spoiler yaitu langkah nan sempurna didalem menyembunyikan tulisan/teks Gambar juga Video di postingan Blog

Spoiler banyak fungsinya antara lain ialah menyembunyikan link, ataupun kumpulan link aktif, animasi, grafik, gambar, video, teks, tulisan, menampilkan halaman blog orang lain juga lain jadinya.Biasanya hide spoileritu disembunyikan oleh sebuah tombol nan nantinya tombol itu apabila di klik makanya mau menampilkan teks ataupun goresan pena nan ingin kami sembunyikan Nah pola tombolnya menyerupai dibawahitu :

CONTOH KALIMAT TEKS YANG INGIN DISEMBUNYIKAN

Nah Begitulah pola spoiler dididalem postingan bagaimana ?? tertarikkah teman sebagai mencobanya ??

Oke simak tutor juga langkah langkahnya berikutitu :
Bukalah artikel teman juga pilih gambar ataupun teks ataupun goresan pena nan ingin teman sembunyikan dididalem spoiler .apabila rampung masuk ke didalem hidangan HTML postingan



kemudian copy arahan script berikut ini

<div id="spoiler"> <div> <input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'CLOSE'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'OPEN'; }" style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" type="button" value="KLIK TOMBOL INI" /></div> <div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"> <div style="background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; color: black; margin: 0px; padding: 7px;"> <div style="text-align: justify;"> CONTOH KALIMAT TEKS YANG INGIN DISEMBUNYIKAN</div> </div> <div id="hide"> </div> </div>

KETERANGAN : GANTI TULISAN MERAH "KLIK TOMBOL INI" DENGAN NAMA TOMBOL ANDA DAN "CONTOH KALIMAT TEKS YANG INGIN DISEMBUNYIKAN" ISI DENGAN TEKS ATAU URL GAMBAR YANG INGIN KALIAN SEMBUNYIKAN.
LALU Balik kemenu COMPOSE postingan juga lihat kesudahannya Praktis bukan ??

Oke apabila teman ingin membikin spoiler gambar, arahan script nya berikutitu :

<div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input 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 = 'KLIK'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="KLIK" /></div> <div class="alt2" style="background: #FAFAF7; border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7-bP7W8zLL1oAmyNJxh1Dsi3NvQuzpq-eiF5xC1om_iejKAk3FRSrT5CAchAmuNqY4nQpN7xiY1oKLFxlBzaZIgdaPXabgvuSWbRyizygvdf5qlKkis9DVmfgOQFnDbcdgX88Rw1WbaAg/s640/VDSV.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7-bP7W8zLL1oAmyNJxh1Dsi3NvQuzpq-eiF5xC1om_iejKAk3FRSrT5CAchAmuNqY4nQpN7xiY1oKLFxlBzaZIgdaPXabgvuSWbRyizygvdf5qlKkis9DVmfgOQFnDbcdgX88Rw1WbaAg/s640/VDSV.png" /></a></div> </div> </div> </div>

KETERANGAN : Ganti URL dengan URL gambar blog sobat
Maka kesudahannya mau sepertiitu :

Oke teman demikianlah Tutorial tutor menyembunyikan goresan pena teks Gambar juga Video di postingan Blog agar berfungsi :D