Cara Memasukan Arahan Html, Css, Script Diposting Blog

Untuk memasukan isyarat html, css, script diposting blog bekerjsama sanggup mampu ditulis secara eksklusif menyerupai kita menulis artikel menyerupai biasa. Tapi dibeberapa blog ada yang tidak sanggup menuliskannya secara langsung, menyerupai menulis isyarat ]]></b:skin>. Pada ketika diketik mungkin bisa, tapi pada ketika dipublikasikan, yang tampil hanya isyarat ]]> ini saja.

Kejadian ini aku alami pada ketika memakai template simple. Terus aku cari tau, kesalahannya dimana. Ternyata kesalahannya ada di pengaturan Setelan entri yang ada disebelah kanan pada ketika kita menulis artikel. Jika kau mengalami hal yang sama. Buka entri baru/atau entri usang kamu, kemudian klik pengaturan Setelan Entri > Pilihan > mode tulis > pilih Tunjukan HTML apa adanya dan klik selesai. Maka kode² yang kita tulis secara eksklusif diposting blog akan terlihat.

Selanjutnya, biar tampilan isyarat html, css, script diblog kita terlihat rapi. Kita sanggup memasukannya ke dalam satu kotak script. Berikut caranya.

Pembuatan kotak script

1. Pertama, copi isyarat dibawah ini, kemudian pastekan diatas ]]></b:skin>  
.kotak {
padding:10px;
margin-top:5px;
margin-bottom:10px;
border-left: 10px solid #0b5394;
border-top:1px solid #ddd;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
box-shadow:0px 3px 3px #aaaaaa;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBgB7_-kfWSrMD_cd_KqMSADAEc6kbmk2UUHwz9KrPradQ8naLCXUE3t5YHGSwuCJIL4oIvAu_0Vp4ud7sQabACf9MJ0WkMAoVx9pux-NXZunlWjpyoFKXwQMSaBNicTTEFZeI_hYlOt5r/s150/Code%2520HTML%2520css.png)
no-repeat center center;}
2. Save template. Selesai.

Cara menciptakan kotak script didalam posting blog

1. Buatlah entri gres atau edit artikel usang kamu. 
2. Lalu klik bagian HTML disebelah Compose.
3. Lalu ketikan isyarat ini.
<div class="kotak">
klik disini dan ganti dengan isyarat script yang ingin kalian masukan
</div>
4. Lalu kembali ke Bagian Compose dan ganti goresan pena klik disini dan ganti dengan isyarat script yang ingin kalian masukan 
5. Setelah itu klik Pratinjau untuk melihat tampilannya. Selesai.

 Selanjutnya masuk ke tahap overflow, menciptakan kotak dengan scroll

1. Cara menciptakan Kotak scroll kebawah. Sama menyerupai cara diatas, kemudian tambahkan isyarat style="overflow: auto; height: 80px; didalamnya. Contohnya menyerupai dibawah ini.
<div class="kotak" style="overflow: auto; height: 80px;" >
Contoh kotak dengan scroll
</div>


2. Cara menciptakan kotak scroll kesamping.
Contoh penggunaan kotak denga scroll kesamping. Copi isyarat dibawah ini dan tempatkan dibagian HTML menyerupai cara diatas.

<div class="kotak" style="overflow-x: scroll; overflow-y: hidden; padding: 10px; width: 540px;" >
<p style="width:450%;">Masukan isyarat disini.
</p></div><br />

Pada ketika kita menulis artikel warna dari kotak script tidak terlihat, api pada ketika kita Pratinjau atau publikasikan, barulah kotak dengan warna tersebut akan terlihat. Agar kita tidak bingung, sebaiknya pada ketika menuliskan isyarat kotak di HTML(sebelah compose), tambahkan juga goresan pena dimana kawasan memasukan kodenya. Contoh:

<div class="kotak">
Tempat memasukan isyarat script, html, css dan lain-lain.
</div>

Dengan begitu, goresan pena yang akan tampil dihalaman Compose yaitu goresan pena Tempat memasukan isyarat script, html, css dan lain-lain. Tinggal kita klik kemudian ganti dengan isyarat yang ingin kita masukan. Selesai.

Silakan dibaca juga artikel perihal fungsi border dan penggunaannya diblog yang sanggup dipakai untuk mengganti tampilan kotak script dengan tampilan lain. Semoga bermanfaat.