Bingkai kode HTML dalam postingan Blog

sumber: http://www.zainalhakim.web.id

Kamu pingin membagikan kode kode script html dan pingin menampilkan di dalam postingan, selamat kamu menemukan cara ideal supaya kode yang akan kamu share dalam postingan tidak berantakan. berikut saya kasih cara supaya tampilan postingan dan kode htmlnya rapih, Bagaimana caranya yaitu dengan cara membuatkan kotak box sebagai bingkainya. OK langsung saja berikut caranya:

1. Pada saat akan menulis artikel dan di sertai kode html silahkan pilih mode HTML dahulu.
2. Kemudian silahkan kopikan kode html dibawah ini kedalam postingan:

<div style="background-color: white; border: 3px #1780dd Double; padding: 10px; text-align: left;">
Letakkan kode html yang sudah diparse disini
</div>

3. Silahkan Parse Script Htmlnya di sini Parse Kode HTML 

4. Letakkan kode html yang sudah di parse kedalam tulisan yang saya tandai warna merah.( No. 2 )

5. Kemudian setelah langkah nomer dua, tiga dan empat  sudah selesai silahkan coba klik mode Compose dalam menulis artikel maka hasilnya akan seperti di bawah ini.
Contoh :

Letakkan kode html yang sudah di parse disini

Demikian caranya sehingga akan membuat blog kamu tampilannya lebih rapi dan enak dipandang mata yang ngebaca atau pengunjung blog.