Trik Menyembunyikan Teks Pada Postingan Blog

 

Pada kesempatan kali ini saya akan mencoba berbagi pengalaman saya mengenai cara menyembuyikan teks pada sebuah postingan blog.sebelum kita melangkah lebih lanjut mengenai cara menyembunyikan taks pada artikel sebuah postingan di blog sebaiknya kita ketahui terlebih dahulu manfaat dan tidaknya menyembunyikan teks pada postingan di blog.

Manfaat menyembunyikan taks pada postingan membuat artikel menjadi lebih rapi dan tidak berantakan.membuat postingan kita menjadi lebih menarik dan terkesan lebih profesional,dapat memangkas loading blog saat memuat artikel yang terdapat teks tersembunyi,namun disisi lain menyembunyikan teks juga tidak bagus mengapa tidak bagus karena tidak semua orang paham dengan adanya teks yang disembunyikan.namun kalau menuut saya pribadi sih masih cukup bagus karena dapat membuat postingan kita menjadi lebih rapi.lalu bagaimana cara menyembunyikan teks tersebut..?

Cara menyembunyikan teks tersebut cukup praktis bagi yang sudah mengetahui ,namun bagi yang belum mengetahui cara menyembunyikannya tentu ini masih dalam tahap pencarian mengenai cara menyembunyikan teks pada dalam sebuah artikel postingan blog.

Baik saya rasa kita tidak perlu berbicara panjang lebar langsung saja kita ke pokok pembahasan kita sesuai judul kali ini yaitu cara menyembunyikan teks pada postingan blog.

Sebelumnya saya berikan contoh terlebih dahulu,mengenai cara menyembunyikan teks pada postingan, nanti jika anda menyukainya anda dapat mempraktekannya atau anda dapat mengambil cara tersebut, namun jika tidak menyukainya maka anda dapat mengabaikan atau memberi sedikit masukan kepada saya siapa tahu ada cara yang lebih bagus melalui masukan dari anda.

Berikut Scriptnya:

Copy saja.

<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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Keterangan'; }" style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" type="button" value="Keterangan" /></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;"> Teks Yang Akan Disembunyikan.</div> </div> <div id="hide"> </div> </div> </div>

 

Keterangan teks tersembunyi :
 

pertama-tama silahkan anda membuat postingan baru atau edit postingan
kemudian klik html pada halaman,lalu copy dan paste kode html diatas ke postingan anda
    keterangan :
        warna  biru adalah isi teks yang akan anda sembunyikan
        warna merah adalah tombol ( button ) silahkan anda ganti sesuai dengan keinginan anda.

 

Share this post