GuidePedia google-site-verification: google945c6101390782af.html

0
Tips ini di dapat dari seorang teman. Tulisan ini bertujuan untuk mempercantik tampilan posting Sobat dengan modifikasi tulisan HTML/JavaScript-nya yang ada di dalam postingan. Okay kita langsung aja ke TKP...

1. Seperti biasa login ke blogger Sobat --> Edit HTML --> Layout
2. Cari kode berikut ]]></b:skin> dan kopi kode di bwah ini tepat di atasnya


.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;
}


3. Sobat dapat memodifikasi tampilan image background nya dan warna background sesuai selera, caranya adalah ubah kode yang bewarna merah tersebut dengan warna atau image yang berukuran 125x86 px dan formatnya GIF.

Sampai sini sudah paham semua? Kalo sudah kita lanjut ke langkah berikutnya -->

Untuk menampilkan kode HTML/JavaScript di postingan Sobat harus memakai kode di bawah ini

<div class="codeview">
Ketik kode HTML, css, Javascript code disini
</div>


Selesai sudah semua rangkain di atas Sobat tinggal lihat hasilnya.. Dan jngan lupa untuk memberikan comment..

Post a Comment

 
Top