Cara Membuat Kotak Kode Html di Postingan

secara-blog.blogspot.com - Salam kawan semua kini saya akan berbagi trick Cara membuat kotak kode html di postingan blogger. Hal ini di lakukan supaya tampilan pada postingan kita terlihat bagus dan terlihat lebih berstandart hehe. Tetapi selain itu selain itu hal ini mukin juga bisa meningkatkan SEO pada blog kita. Ada berbagai macam kotak untuk html di blog. Tetapi saya akan berbagi kotak jenis sederhana  dan kotak dengan scroll. Dimana kedua jenis kotak diatas memiliki fungsi yang sama haya beda tampilan.
Langsung saja berikut cara membuat kotak kode html di postingan:
Tutor untuk kotak jenis ssederhana
1. Login ke dasboard blog anda
2. Buat entri atau postingan dengan klik icon pencil
3. Tulis kalimat terserah anda

4. Lalu klik HTML, masukakan kode berikut di bawah tulisan tadi. 

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>

5. Klik Compose kembali, lalu ganti Klik Disini menjadi kode yang akan anda postingkan.

 

6.  selesai

Diatas adal tutor untuk kotak yang sederhana, sekarang di bawah ini tutor untuk kotak yang ada scroll nya. Berikut tahapanya:

<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width: 300px;
text-align: left;">
.kode script disini.</div>

7. Cara ini sama dengan cara di atas,
8. overflow: auto; merupan funggsi scroll nya
9. height merupakan tinggi kotak, width merupakan lebar kotak

Sekian dari  tentang berbagi Cara Membuat Kotak Kode Html di Postingan. semoga  bemanfaat bagi kawan semua. Terimakasih sudah berkujung jangan lupang tingga komen.

ARTIKEL LAIN MUNGKIN ANDA MINATI: