Kadang kala kita dibuat jengkel saat membaca sebuah postingan blog yang sangat panjang, karena loadingnya begitu lambat. Proses loading yang lambat ini bisa karena disebabkan
lemotnya koneksi internet atau karena postingan tersebut berisi file-file yang berat, seperti file gambar/photo ataupun file audi/video. Salah satu solusi untuk membuat postingan yang panjang dan berat agar cepat terbuka ini yaitu dengan cara membuat tombol hide show pada postingan tersebut. Tombol hide show ini berfungsi untuk menyembunyikan file, baik itu berupa teks, gambar, photo, audio, video maupun lainnya, sehingga file-file postingan yang panjang tersebut tidak sekaligus terbuka saat kita membukanya. Dengan demikian waktu yang diperlukan untuk proses loadingnya menjadi singkat/pendek.
Baik langsung ke proses pembuatan tombol hide show ini:
1. Login ke blog anda,
2. Pilih dan klik New Post (Articel),
3. Pilih dan klik Edit HTML,
Masukkan kode script di bawah ke content HTML :
4. Buat script, upload gambar, atau apapun pengganti "ISI TERSERAH ANDA",
5. Klik Preview/tinjauan,
6.Bila berhasil langsung pilih Save dan Publish Post.
***Sobat bisa mengganti teks tanda merah, sesuai keinginan sobat.
Contohnya seperti ini (silakan klik tombol Show !) :
Semoga Artikel ini bermanfaat buat sobat semua !
lemotnya koneksi internet atau karena postingan tersebut berisi file-file yang berat, seperti file gambar/photo ataupun file audi/video. Salah satu solusi untuk membuat postingan yang panjang dan berat agar cepat terbuka ini yaitu dengan cara membuat tombol hide show pada postingan tersebut. Tombol hide show ini berfungsi untuk menyembunyikan file, baik itu berupa teks, gambar, photo, audio, video maupun lainnya, sehingga file-file postingan yang panjang tersebut tidak sekaligus terbuka saat kita membukanya. Dengan demikian waktu yang diperlukan untuk proses loadingnya menjadi singkat/pendek.
Baik langsung ke proses pembuatan tombol hide show ini:
1. Login ke blog anda,
2. Pilih dan klik New Post (Articel),
3. Pilih dan klik Edit HTML,
Masukkan kode script di bawah ke content HTML :
<div><div style="margin-bottom: 2px;"><i><b><small>gambar</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
ISI TERSERAH ANDA
</div></div></div>
5. Klik Preview/tinjauan,
6.Bila berhasil langsung pilih Save dan Publish Post.
***Sobat bisa mengganti teks tanda merah, sesuai keinginan sobat.
Contohnya seperti ini (silakan klik tombol Show !) :
gambar
ooo1
Tidak ada komentar:
Terimakasih atas komentar anda .
Salam Blogger !