Cara Tampilkan HTML / CSS Kode Pada Latar Belakang berwarna Di Posting Blogger

1.Login ke dashboard -> Layout--> Edit HTML

2.Gulir ke mana Anda melihat ]]></ b: skin> tag.

3.Sekarang salin kode di bawah ini dan paste sebelum ]]></b:skin> tag.

.csscode {margin : 10px 10px 10px 10px;padding : 5px;clear : both;list-style-type : none;background : #F9F7E8;;border-top : 2px solid #000000;border-right : 2px solid #000000;border-bottom : 2px solid #000000;border-left : 2px solid #000000;}

Lihatlah contoh di bawah ini.

.csscode {margin : 10px 10px 10px 10px;padding : 5px;clear : both;list-style-type : none;background : #F9F7E8;;border-top : 2px solid #000000;border-right : 2px solid #000000;border-bottom : 2px solid #000000;border-left : 2px solid #000000;}

]]></b:skin>

4.Sekarang simpan template Anda.

5.Sekarang bila Anda ingin memasukkan beberapa kode dalam posting Anda selalu menaruh di antara <div class="csscode"> dan </ div> dan mempublikasikan posting Anda.

<div class="csscode">YOUR CODE HERE

</div>

Lihatlah contoh di bawah ini.

<div class="csscode">

&lt;form action=&quot;http://www.roundpic.com&quot; method=&quot;post&quot; enctype=&quot;multipart/form-data&quot; target=&quot;blank&quot;&gt;&lt;input value=&quot;1048576&quot; name=&quot;MAX_FILE_SIZE&quot; type=&quot;hidden&quot;&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class=&quot;title&quot;&gt;&lt;b&gt;Image:&lt;/b&gt;&lt;/td&gt;&lt;td class=&quot;input&quot;&gt;&lt;input name=&quot;file&quot; type=&quot;file&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;title&quot;&gt;or &lt;b&gt;URL:&lt;/b&gt;&lt;/td&gt;&lt;td class=&quot;input&quot;&gt;&lt;input value=&quot;http://&quot; name=&quot;url&quot; type=&quot;text&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;br /&gt;&lt;td colspan=&quot;2&quot; class=&quot;submit&quot;&gt;&lt;button onclick=&quot;getLoader();&quot; type=&quot;submit&quot;&gt;Round it!&lt;/button&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/form&gt;

</div>

Akan terlihat seperti ini.