Membuat Kotak Kode HTML pada Postingan Blog / Menulis Kode HTML pada Postingan Blog

Kadang kita ingin membuat postingan yang isinya ada beberapa kode html,apalagi bagi para sahabat rumah komputer yang hobi buat postingan yang isinya merupakan tutorial blog.Caranya tidak susah kok.Sebelumnya saya tunjukkan contohnya

Contoh kotak kode html untuk sahabat rumah komputer 

Udah tau kan :D  .Langsung aja ya saya kasi tutorialnya.
1. Login ke blogger ( pastinya ).
2. Masuk ke tab Design > Edit html.
3. Lalu cari kode ]]></b:skin> . Tekan aja ctrl+F untuk lebih memudahkan.
4. Selanjutnya copy dan paste kode berikut tepat di atasnya.

.alert {margin: 10px 10px 10px 10px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;color: #000000;
background: #80cbf0;
border: 1px solid #000000;
border-left: 15px solid #000000}

5. Kalo sudah,sekarang masuk ke tab Settings > Formatting

6. Cari menu pengaturan Post Template di bagian bawah
7. Selanjutnya copy paste kode berikut seperti gambar di bawah.

<p class="alert"> </p>

8. Klik Save

Sekarang,anda bisa menggunakan kotak kode html anda.Tapi,bagaimana caranya ?
Haha,saya jelaskan dah ..

1. Tulislah kode html yang ingin anda posting.
2. Klik tab Edit HTML di dekat Compose
 

3. ketikkan kode berikut di antara tulisan kode html anda.

<p class="alert"> </p>

4. Contohnya.

<p class="alert">letakkan kode html anda disini</p>

5. Terakhir,lihat hasilnya dengan menekan Publish Post.

Kalo masih belum mengerti,silahkan tulis pertanyaan anda di kotak komentar :)

semoga bermanfaat..
salam rumah komputer..