Pada postingan sebelumnya sudah saya sampaikan bagaimana cara untuk menampilkan kode html/J.S/CSS. Dan pada postingan ini, saya juga akan menyampaikan hal yang sama namun berbeda caranya, menurut saya prinsip pemasangan kode ini lebih efektif dari pada postingan sebelumnya, karena tampilan kode yang kita pasang di postingan kita di tandai dengan background warna yang berbeda dengan background blog kita dan kita juga tidak perlu lagi mengatur/menghitung baris kode tersebut. Langkah-langkahnya sebagai berikut :
Login ke blog anda
Klik Layout kemudian klik tab Edit HTML
Cari kode seperti ini :
]]>
Kemudan copykan kode berikut ini pada bagian atas kode yang ada diatas.
.alert { background: #E0F8EC;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}
Sehingga akan seperti ini :
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
.alert { background: #E0F8EC;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}
Klik tombol Save Template.
Pada saat anda membuat postingan dan menampilkan kode HTML, ketikkan kode dibawah ini diantara kode html anda.
<p class="alert">
Kode HTML ANDA
</p>
(Note : Hasilnya hanya bisa dilihat ketika anda sudah mempublish post anda)
Selamat mencoba !!!
