Cara Membuat Box Kode Script Pada Postingan Blogger

Cara Membuat box Postingan Blogger

Cara Membuat Box / Kode Script Pada Postingan Blogger | Bagi teman-teman yang sering posting tutorial maupun tugas-tugas yang banyak berisi script/code tentunya akan lebih menarik jika script/code itu diletakkan pada sebuah box agar kita dapat fokus melihat pada script/code tersebut.
Berikut ini contoh dan cara membuat box code script pada postingan blog teman-teman:


  1. Copy code dalam box dibawah ini, 
  2. Masuk ke tab menu HTML pada postingan blogger, 
  3. Paste code letakkan sesuai dengan keinginan teman-teman dan 
  4. Kembali ke tab Compose, ketik code di dalam box.


<div style="border: 2px #5f200e solid; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Script Anda Disini…….</div>

<div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini…….</div> 

<div style="border: 2px #006400 ridge; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini……</div>

<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Kode Script Anda Disini……</div>

<div style="border: 3px #5f200e  outset; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Script Anda Disini…….</div>

<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini…….</div>

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini……</div>

<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; tex>t-align: left;"> Kode Script Anda Disini……</div>

Mudah kan teman,,, ^_^ Bagi teman-teman yang ingin mendalamin code-code script diatas, disarankan untuk mempelajari tag HTML dan code CSS (Cascading Style Sheet). Sekian Cara Membuat Box / Kode Script Pada Postingan Blogger dari saya,, Salam Blogger,,,,!!!
LihatTutupKomentar