Wednesday, October 31, 2018

HTML CSS BOX CODE EDITOR BLOGGER


box code dengan Html dan Css jika sobat ingin berbagi script pada
postingan di blog nya supaya tampilan nya lebih menarik'
silahkan di coba dengan cara ini ' dan untuk demo box code
sudah ada pada halaman bawah ini ' dimana saya mengunakan box code
untuk menampilkan halaman tempat copy script...

Script yang saya tampilkan pada box code pada halaman di bawah ini
iyalah script untuk membuat box code itu sendiri.
cara membuat nya cukup mudah silahkan copy code Css nya terlebih dahulu
lalu edit template blog kamu lalu cari code penutup ]]></b:skin>
setelah ketemu code nya ' lalu paste kan saja CSS yang tadi telah kamu copy
pastekan sebelum penutup ]]></b:skin> seperti contoh gambar  di bawah ini...


Setelah CSS code box tersebut terpaste kan pada template blog ' kini saat nya
meng copy bagian code HTML nya dan untuk code HTML nya silahkan
comot script html nya pada textarea box code di bawah ini '
setelah itu letakan code html nya di postingan HTML yang kamu inginkan...

{{ html Code }}

  
    

{{ css Code }}


@import url(https://fonts.googleapis.com/css?family=Roboto:500);

#codebox {
  padding: 15px;
  font-family: Courier, sans-serif;
  font-size: 13px;
  color: #fff;
  background-color: #3d3d3d;
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
  margin-bottom: 10px;
}
.codeheader {
  padding: 5px 5px 5px 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #fff;
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}

#codeheader_html {
  background-color: #008B45;
}
#codeheader_css {
  background-color: #CD661D;
}
#codeheader_php {
  background-color: #CD3333;
}
#codeheader_js {
  background-color: #3A5FCD;
}



Previous Post
Next Post