Sebenarnya sekitar seminggu yang lalu saya ingin mempostingan mempercantik kode HTML/Javascript ini, tapi ada suatu kesibukan yang nggak bisa saya tinggalkan, mumpung kesibukan saya ini sudah agak longgar, saya menyempatkan untuk belajar berbagi trik blog ini. saya mendapatkan trik blog ini dari Mohamed Rias dengan bahasa Jawa(english) yang saya transalate ke bhs Indonesia....
yuk, kita membuat kode HTML/Javascript ini menjadi lebih menarik....
NB: kode di atas bisa ditulis di dalam mode compose ataupun Edit HTML
Example:
Read More »
yuk, kita membuat kode HTML/Javascript ini menjadi lebih menarik....
- Login Ke blogger
- Pilih Tata Letak >>> Edit HTML
Perhatian!!! Jangan Lupa Untuk Membackup template anda dahulu dengan mengklik full download template
- Setelah itu masukkan kode di bawah ini di atas kode ]]</b:skin>
Jika Anda sukar mencari kode di atas, tekan F3 lalu cari kode diatas dengan mengisi form di bawah browse (mozilla firefox)
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i830.photobucket.com/albums/zz230/aepnat/5.jpg) 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;
}
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i830.photobucket.com/albums/zz230/aepnat/5.jpg) 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;
}
text berwarna:alamat/url image untuk pojok kanan bawah
Ubahlah!!! alamat/url dengan image anda yang sudah di upload ke photobucket dll.
Ubahlah!!! alamat/url dengan image anda yang sudah di upload ke photobucket dll.
Jangan Lupa Simpan Template Anda!!
- Untuk menampilkan code HTML/Javascript di postingan harus memakai code di bawah ini :
<div class="codeview">
Taruh kode HTML/Javascript/CSS Anda disini
</div>
Taruh kode HTML/Javascript/CSS Anda disini
</div>
NB: kode di atas bisa ditulis di dalam mode compose ataupun Edit HTML
Example:
HASILNYA AKAN SEPERTI INI.. ANDA BISA MEMPERCANTIK CODE HTML/JAVASCRIPT/CSS DENGAN TRIK BLOG INI..
SELAMAT MENCOBA.....
SELAMAT MENCOBA.....
