Cara Membuat Text Box untuk menulis Scriper
Cara Membuat Text Box untuk menulis Script/Kode - Sebenarnya cara membuat text-box ini tidak terlalu susah jika teman-teman sudah mempelajari ilmu dasar html. Namun, tidak banyak diantara kita termasuk saya sendiri mempelajari terlebih dahulu tentang ilmu tersebut, tapi itu tidak menjadi masalah kok.. karena saya akan membagikan sedikit ilmu dasar html khususnya di Text-box.
Manfaat Script Text-Box
Manfaat dari script text-box ini sendiri, berfungsi sebagai box atau kotak yang dimana dikotak tersebut terdapat scroll-box yang membuat text yang berada di box tersebut bisa dituliskan sepanjang-panjangnya script tanpa menampilkan banyak text pada wrapper atau isi artikel.
Manfaat dari script text-box ini sendiri, berfungsi sebagai box atau kotak yang dimana dikotak tersebut terdapat scroll-box yang membuat text yang berada di box tersebut bisa dituliskan sepanjang-panjangnya script tanpa menampilkan banyak text pada wrapper atau isi artikel.
Langsung saja ya
Script Text-Box 1
<div style="background-color: #111; border-radius: 5px; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<br /></div>
Script Text-Box 2
<div style="background-color: #444444; border-radius: 0px; border: 5px solid #ff0000; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<br /></div>
Script Text-Box 3
<div style="background-color: #3d3627; border-radius: 0px; border: 1px solid #000; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<br /></div>
Script Text-Box 4
<div style="background-color: #000; border-radius: 0px; border: 2px dashed #fff; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<br /></div>
Script Text-Box 5
<div style="background-color: #2b3b44; border-radius: 0px; border: 2px dotted #fff; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<br /></div>
PERHATIAN !!!
Cara penggunaan script text-box ini tidak sembarangan. Maka dari itu, berikut ini adalah cara penggunaannya:
<div style="background-color: #111; border-radius: 5px; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<br /></div>
Script Text-Box 2
<div style="background-color: #444444; border-radius: 0px; border: 5px solid #ff0000; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<br /></div>
Script Text-Box 3
<div style="background-color: #3d3627; border-radius: 0px; border: 1px solid #000; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<br /></div>
Script Text-Box 4
<div style="background-color: #000; border-radius: 0px; border: 2px dashed #fff; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<br /></div>
Script Text-Box 5
<div style="background-color: #2b3b44; border-radius: 0px; border: 2px dotted #fff; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<br /></div>
Cara penggunaan script text-box ini tidak sembarangan. Maka dari itu, berikut ini adalah cara penggunaannya:
Blogger Menu → Postingan → Entri Baru (Tempat anda menulis artikel) → Salin kode diatas mulai dari <div hingga </div> → Paste di HTML (Terletak disebelah Compose) → Buka Compose → Isi Box baru ditulis Script atau kodenya.
Selesai... Jadi enggak susah-susah amat kan? Hanya cara penggunaannya saja yang perlu diperhatikan... Untuk contoh yang lain masih banyak lagi kok
Selesai... Jadi enggak susah-susah amat kan? Hanya cara penggunaannya saja yang perlu diperhatikan... Untuk contoh yang lain masih banyak lagi kok
Post a Comment