Judul: Berbagi Info Seputar Cara membuat kotak script Full Update Terbaru
link: Cara membuat kotak script
Artikel Terbaru Cara membuat kotak script Update Terlengkap 2017
Sobat-sobat saya yang ganteng-ganteng dan cantik-cantik, pada postingan kali ini saya akan mengangkat topik tentang cara membuat kotak script di dalam artikel, maksudnya adalah tempat berbentuk kotak dimana text script kita tuliskan, dan berada di dalam artikel.
Bagi beberapa orang (termasuk saya di awal-awal ngeblog) terlihat bingung saat ingin menuliskan script/text lainnya di dalam artikel tapi dengan tempat khusus yang membungkusnya (kotak).
Sobat bisa lihat contoh dibawah ini...
Contoh text dalam kotak khusus
Bagaimana Sob???
Terlihat lebih menarik kan??
Bagaimana Sob???
Terlihat lebih menarik kan??
Dan juga contoh ini
Contoh text dalam kotak khusus
Bagaimana Sob???
Terlihat lebih menarik kan??
Bagaimana Sob???
Terlihat lebih menarik kan??
Sobat bisa memasukkan text apapun di dalam kotak seperti ini
Caranya adalah seperti ini
- Login ke blogger dengan aku sobat seperti biasanya
- Buatlah postingan (buat entry baru)
- Tuliskan text atau script yang akan sobat beri kotak pada menu "Compose" seperti sobat membuat artikel-artikel yang lain
- Gunakan script ini untuk "pengkotakan" pada text yang sobat inginkan
- <div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
Ketik tulisan sobat disini</div> - Kembali ke Blogger sobat dan pilih HTML
- Paste script tadi yang sobat copy, Ingat!!! letaknya di bagian HTML bukan Compose
- Kembali ke Compose untuk melihat hasilnya
Ada beberapa pilihan untuk tampilan kotak yang dapat sobat gunakan dengan script diatas. Penjelasannya sebagai berikut
border: 3px adalah ketebalan garis kotak
1780dd: warna garis kotak
Double: bentuk garis kotak
padding: panjang kotak (kebawah)
background: warna kotak
text-align: left: posisi text didalam kotak, left=kiri
pilihan-pilihan tampilan border adalah Dashed, dotted, Groove, Inset, Outset, Ridge dan Solid. Gunakan yang sobat suka.
Sekarang kita akan menggunakan script lain dalam membuat kotak script/text dalam artikel.
Sobat bisa menggunakan script dibawah yang telah disertai kotak sebagai contohnya
Ini adalah script dengan bentuk kotak seperti yang dapat sobat lihat pada penampilannya
<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;"> masukkan Text / Script diinginkan </ div>
Angka 200 dengan warna merah dapat sobat ganti sesuka hati, klik Compose untuk melihat hasilnya. Seperti yang saya gunakan dalam contoh ini, saya rubah angka tersebut menjadi 140
<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;"> masukkan Text / Script diinginkan </ div>
Angka 200 dengan warna merah dapat sobat ganti sesuka hati, klik Compose untuk melihat hasilnya. Seperti yang saya gunakan dalam contoh ini, saya rubah angka tersebut menjadi 140
Ada juga script yang di bawah ini
<div>
<div align="center">
<textarea cols="20" name="txt" rows="4" style="height: 50px; width: 200px;" wrap="VIRTUAL">masukkan Text / Script yang diinginkan</textarea></div>
<div align="center">
<textarea cols="20" name="txt" rows="4" style="height: 50px; width: 200px;" wrap="VIRTUAL">masukkan Text / Script yang diinginkan</textarea></div>
Bagaimana menurut sobat?
Mudah bukan?
Sebagai kata penutup, saya ingin mengucapkan terima kasih kepada blogooblok dan situs 9 yang telah membagikan ilmu ini, meskipun dengan beberapa eksperimen baru saya mengerti benar... Semoga bermanfaat bagi sobat-sobat sekalian
Salam Pintar...
Itulah sedikit Artikel Cara membuat kotak script terbaru dari kami
Semoga artikel Cara membuat kotak script yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Apps Android Games. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Artikel Tentang Cara membuat kotak script