Cara Menyembunyikan Teks pada Postingan Blog


Cara menyembunyikan teks pada postingan blog sebenarnya caranya sama dengan artikel sebelumnya yaitu Cara Menyembunyikan Gambar pada Postingan Blog yang sebelumnya telah saya bagikan, namun perbedaanya disini adalah yang akan disembunyikannya melainkan bukan gambar tetapi tulisan atau teks seperti keterangan, catatan, nb ataupun yang lainnya. Namun seperti yang saya jelaskan tersebut bukan berarti semua teks/tulisan yang ada pada postingan disembunyikan tapi hanya sebuah catatan, keterangan atau tulisan yang sedikit saja.

Cara Menyembunyikan Teks pada Postingan Blog

Menyembunyikan teks seperti catatan akan membuat suatu postingan terlihat rapi dan tertata yang membuat enak dipandang. Sama halnya tutorial sebelumnya, tutorial Cara Menyembunyikan Teks pada Postingan Blog ini juga pasti sudah banyak diluaran sana dengan beda cara penyampaiannya maupun penggunaan scriptnya. Sebagai sebuah contoh lihat keterangan gambar beriku ini, untuk membuka keterangan Anda bisa klik pada "Keterangan" dan untuk menutupnya bisa klik pada kata "Tutup".

MAPK


Apabila Anda tertarik dengan contoh diatas dan ingin membuatnya seperti hal tersebut pada postingan di blog Anda. Untuk caranya sendiri bisa disimak penjelasan tutorial yang akan saya berikan dibawah.

Cara Menyembunyikan Teks pada Postingan Blog

Untuk menyembunyikan teks atau tulisan pada postingan blog, pada tutorial yang akan saya jelaskan disini yaitu dengan menggunakan suatu script dan untuk melakukannya sendiri bisa ikuti langkah-langkah berikut.

  1. Pertama Anda perhatikan script tersebut supaya bisa mengerti sedikit karena script tersebut yang akan kita gunakan untuk menyembunyikan tulisan pada postingan blog. Salin script untuk bisa melakukan tutorial.

  2. <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>

    • Tulisan yang berwarna merah adalah teks untuk tampilan tombol lihat dan tutup (view/close), Anda bisa mengubahnya sesuai yang diinginkan.
    • Tulisan yang berwarna biru adalah teks atau tulisan yang akan disembunyikan, Ubahlah teks dengan tulisan yang ingin Anda sembunyikan pada postingan blog.
  3. Setelah menyalin script diatas, Anda tempel script diatas pada mode HTML dalam postingan blog Anda yang akan menyembunyikan teks dalam artikelnya. Sesuaikan script sesuai yang dijelaskan pada tutorial yang dijelaskan. Lakukan langkah-langkahnya untuk setiap teks yang ingin disembunyikan.

  4. Cara Menyembunyikan Teks pada Postingan Blog

  5. Setelah artikel yang dibuat selesai dan telah melakukan langkah-langkah tutorial ini untuk menyembunyikan teks pada postingan, maka Anda sudah bisa untuk mempublish artikel tersebut.
Tulisan  yang berwarna biru wajib Anda ubah karena tulisan tersebut yang akan disembunyikan, apaila tidak diubah maka akan tetap teks tersebut yang akan muncul nantinya. Sementara tulisan yang berwarna merah merupakan teks untuk tombol jadi Anda tidak begitu wajib untuk mengubahnya karena hanya teks untuk tombol dengan menggunakan sama dengan script diataspun tidak mengapa.

Begitulah Cara Menyembunyikan Teks pada Postingan Blog, apabila Anda masih ada yang belum mengerti jangan sungkan untuk bertanya pada kolom komentar ataupun menghubungi saya Kontak yang ada pada blog. Terima kasih sudah membaca artikel saya ini, bagikan artikel apabila Anda suka.

Related Posts:

12 comments:

  1. Wah baru tau ane :D tq gan bermanfaat

    ReplyDelete
  2. fungsi lain dari menyembunyikan teks itu apa ya ? :)

    ReplyDelete
    Replies
    1. sesuai yang ada pada artikel aja gan,, untuk catatan, keterangan dll.

      Delete
  3. Replies
    1. update terus gan disini biar tau... :)

      Delete
  4. wah bisa dihidden yah ternyata? makasih lur artikelnya...saya coba yah

    ReplyDelete
  5. baru tau ane gan :3 thanks infonya

    ReplyDelete
    Replies
    1. update terus gan disini biar tahu...

      Delete
  6. hmm, saya coba dulu ya, biar keliatan rapi lh, hehe

    ReplyDelete

Beri komentar dengan menggunakan Bahasa yang Baik dan Sopan!
Didalam komentar dilarang mencantumkan link hidup dan apabila Anda melakukannya maka Admin berhak menghapusnya.

Powered by Blogger.