Cara Membuat Text Area - Buka Tutup Di Blog

Salah satu kelebihan dan asyik nya dalam menulis di web blog adalah pada mode penulisan ,kenapa?  Karena kita bisa sesuka hati mengedit text tulisan dengan banyak gaya dan variasi ,tapi asal tau pola dan caranya.

Maka dari itu pada kesempatan ini saya akan mencoba dan menjelaskan Cara Membuat tulisan atau Text Area - Buka Tutup Di Blog ,tapi sebelum nya saya akan menjelaskan fungsi dari Text Area-Buka Tutup ini .

Adapun fungsi dari Text Area-Buka Tutup ini bagi saya adalah salah satunya kita bisa merahasiakan atau menyembunyikan text/tulisan yang kita inginkan. Selain itu juga sipat nya adalah praktis, karena pengunjung blog tidak perlu scroll text/artikel ,tinggal klik buka maka semua text yang tertutup akan otomatis terlihat. Dan sebagai contoh nya seperti di bawah ini :

Salah satu kelebihan dan asyik nya dalam menulis di web blog adalah pada mode penulisan ,kenapa? Karena kita bisa sesuka hati mengedit text tulisan dengan banyak gaya dan variasi ,tapi asal tau pola dan caranya. Maka dari itu pada kesempatan ini saya akan mencoba dan menjelaskan Cara Membuat tulisan atau Text Area - Buka Tutup Di Blog ,tapi sebelum nya saya akan menjelaskan fungsi dari Text Area-Buka Tutup ini . Adapun fungsi dari Text Area-Buka Tutup ini bagi saya adalah salah satunya kita bisa merahasiakan atau menyembunyikan text/tulisan yang kita inginkan. Selain itu juga sipat nya adalah praktis, karena pengunjung blog tidak perlu scroll text/artikel ,tinggal klik buka maka semua text yang tertutup akan otomatis terlihat. Dan sebagai contoh nya seperti di bawah ini :

Salah satu kelebihan dan asyik nya dalam menulis di web blog adalah pada mode penulisan ,kenapa? Karena kita bisa sesuka hati mengedit text tulisan dengan banyak gaya dan variasi ,tapi asal tau pola dan caranya. Maka dari itu pada kesempatan ini saya akan mencoba dan menjelaskan Cara Membuat tulisan atau Text Area - Buka Tutup Di Blog ,tapi sebelum nya saya akan menjelaskan fungsi dari Text Area-Buka Tutup ini . Adapun fungsi dari Text Area-Buka Tutup ini bagi saya adalah salah satunya kita bisa merahasiakan atau menyembunyikan text/tulisan yang kita inginkan. Selain itu juga sipat nya adalah praktis, karena pengunjung blog tidak perlu scroll text/artikel ,tinggal klik buka maka semua text yang tertutup akan otomatis terlihat. Dan sebagai contoh nya seperti di bawah ini :

BACA JUGA:

Cara Membuat Sitemap Keren Di Blog Memasang Plugin Cookies Di Blog  Cara Membuat Post Populer Di Blog Jadi Warna Warni  10 Tips Agar Hidup Lebih Bahagia  Cara Membuat Term Of Service Di Blog  Jasa Pembuatan Website  Cara Mudah Daftar PayTren 2019  Jasa Pembuatan Website Dealer Mobil Dan Sales Otomotif  Cara Menonaktifkan Komentar Di Blog  Jika Harus Memilih Kerja Atau Bisnis  Cara Membuat Artikel Terkait / Baca Juga Di Blog  Cara Membuat Link Klik Menuju Chat Langsung  Cara Membuat Akun Gmail/Email  Cara Memasang Widget WhatsApp Di Blog

Dan untuk pola atau caranya adalah sebagai berikut :

• Silakan masuk ke blogger 
• Untuk mode penulisan pilih HTML
• Masukkan script dibawah ini

<!---Start code show hide by;"miniblogger28.blogspot.com"--->
<br />
<div style="margin-bottom: 2px;">
<div style="margin-top: 5px; text-align: left;">
<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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin-top: 5px; width: 60px;" type="button" value="Buka" /> </div>
<div style="background-color: black; border-bottom: 2px solid #ff0000; border-left: 20px solid #ff6600; border-right: 2px solid #ff0000; border-top: 2px solid #ff0000; margin: 0px; padding: 6px;">
<div style="display: none;">
<span style="color: white; font-style: italic;">
... Isi Teks Anda Disini ... Isi Teks Anda Disini ...
</span></div>
</div>
</div>
<!---End code show hide by;"miniblogger28.blogspot.com"--->

Noted :

Ukuran, Warna Background bisa di rubah sesuai keinginan

Tulisan warna merah adalah area text anda
Untuk pilihan warna cek DISINI

• Dan untuk melihat hasil nya silakan kembali ke mode Compose
• Selesai dan publikasikan. 

Demikian Cara Membuat Text Area-Buka Tutup Di Blog ,Semoga Manfaat dan silakan praktek.

Terima Kasih