Cara mudah membuat kotak script dalam posting blog. dengan menggunakan kotak scrip di postingan blog artikel yang kita buat akan profesional dan rapih dan biasanya kotak scrip ini di gunakan untuk artikle tentang kode scrip atau tutorial lainnya yang berhubungan supaya terlihat rapih dan tidak membuat hancur artikel yang kita buat. banyak para blog pemula yang belum tau cara membuat kotak script di posting blog dan pada kesempatan kali ini saya akan bahas cara membuat kotak scrip di postingan blog dengna mudah tanpa ribet. dan kotak scrip artikel ini bisa di atur ukurannya sesua kebutuhan kita dan tentunya akna mempermudah kita bukan ok langsung saja caranya ikut cara simple di bawah ini.
Silahkan Login ke blog https://www.blogger.com/ dan pilih entri baru atau buat artikel baru
Lalu ketik apa saja sebagai contoh ( buat kotak scrip )
Lalu klik Html dan masukan kode berikut di bawah tulisan kotak scrip yang tadi di buat
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>
text-align: left;">
.Klik Disini.</div>
Lalu klik compos maka akan jadi kotak seperti di ini
Lalu anda tinggal edit yang ada di dalam kotak dengan artikel yang anda inginkan. dan anda bisa membuat artikel dengan rapih sekarang.
Cara mengatur ukuran kotak scrip
- border 3px adalah ketebelan kotak scrip dan untuk mengatur warna silahakn edit #1780dd
- Double adalah bentuk kota scrip anda bisa pilh jenis scrip yang di inginkan (dashed,dotted,Double,Groove,inset,outset,ridge )
- Panding 10xp untuk lebar kotak
- text aligen untuk tempat text di dalam kotak
kotak script Dengan scroll.
kota scrip scroll ini lebih bagus karena ukuran kotak tidak akan memanjang terlalu ke bawah karena kotka ini menggunakan scroll yang otomatis
kota scrip scroll ini lebih bagus karena ukuran kotak tidak akan memanjang terlalu ke bawah karena kotka ini menggunakan scroll yang otomatis
<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width: 300px;
text-align: left;">
.kode script disini.</div>
overflow: auto; height: 50px; width: 300px;
text-align: left;">
.kode script disini.</div>
Dan cara menggunakan nya sama seperti cara menggunakan kotak scrip biasa yang sudah di bahas di atas cukup simple bukan cara membuat kotak scrip scroll pada postingan. dan dengan membuat kotak scrip pada artikel yang anda buat akan membuat artikel anda rapih dan tentunya membuat pembaca betah.