Membuat Kotak Khusus HTML/Java Script di Postingan

Kali ini gw akan ngasih tau gimana cara bikin Kotak jika kita memposting HTM/Javascript/CSS, dalam artikel kita,!

Letaknya didalam Sebuah Kotak yang di sudut kiri bawah terdapat Lambang seperti dibawah ini :

Untuk membuatnya sobat ikuti Langkah-langkah dibawah ini  :
1. Masuk ke Rancangan >> Edit HTML
2. Copy Kode dibawah ini :

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://h1.ripway.com/HANKYANK/HTML.png) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}

3. Kemudian Pastekan Kode tersebut di atas kode ]]</b:skin>
4. Klik Save

ctt : Teks yang berwarna biru sobat ganti dengan URL/lokasi penyimpanan gambar sobat..!

Untuk Menampikannya letakkan Kode HTML/Javasript/CSS diantara kedua code seperti dibawah ini :

<div class="codeview">
Letakkan Kode HTML/javasript/css atau teks anda disini
</div>

Kode diatas bisa ditulis pada bagian Edit HTML maupun Compose. Maka HTML/Javasript atau teks anda akan tampil seperti ini :

Selamat Mencoba....!!

Anda sedang membaca artikel tentang Membuat Kotak Khusus HTML/Java Script di Postingan dan anda bisa menemukan artikel Membuat Kotak Khusus HTML/Java Script di Postingan ini dengan url http://blogger-kerinci.blogspot.com/2010/12/membuat-kotak-khusus-htmljava-script-di.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat Kotak Khusus HTML/Java Script di Postingan ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Membuat Kotak Khusus HTML/Java Script di Postingan sebagai sumbernya.