Membuat Kotak Posting HTML

Sebenarnya posting saya ini bukan Membuat Kotak HTML, tapi setidaknya lebih memisahkan atau menandai pada posting kata-kata dengan kode script atau HTML. Sebenarnya bukan kotak, tapi suma sekedar membuat posting tersendiri pada HTML. Baik langsung saja.
1. Buka Blog sobat, jangan buka milik pacar.he2
2. Klik rancangan, trus edit HTML.
3. Ane ingetin jangan lupa di backup dulu.
4. cari kode ini :
b :skin >

5. Setelah ketemu paste kode di berikut ini di atas kode skin tersebut

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i263.photobucket.com/albums/ii150/mohamedrias/cv-1.gif) 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;
}
6. Simpan template
Note : kode dengan warna bisa sobat ganti sesuai selera.
Url juga ganti dengan alamat url tempat sobat menyimpan gambar, ukuran normalnya, 125px x 60px (lebih kurang tidak apa-apa asal jangan terlalu besar atau kecil)
7. Lihat hasilnya. (Contoh seperti punya saya ini)

Nah seperti itulah Membuat kotak Posting HTML semoga bermanfaat. Mudah-mudahan cara ini akan terus digunakan untuk posting yang menggunakan HTML. Sekian dari saya n, keep blogging
Update :
Untuk melakukan posting, silakan copy code ini :
Ketik kode HTML, css, Javascript code disini
Kalau takut lupa silakan paste di tempale posting aja. caranya :
1. buka Pengaturan
2. pilih format
3. Paste di kotak template posting kemudian simpan n masukkan codenya di antara kode tersebut.

0 komentar:

Post a Comment

 
Copyright © 2012 Ahli Webs Template Design By Ridwan
Ahli Webs