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....
- 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.....
7 Maret 2010 pukul 20.20
mantab tipsnya, sayang saya jarang membuat postingan yang berisi kode html
25 Maret 2010 pukul 16.19
boleh di coba dulu nich, gambarnya bisa di ganti juga ya sob
25 Maret 2010 pukul 19.01
@setting gprs :
bisa, tapi image pojok kanan bawah
8 Mei 2010 pukul 10.40
bagus tuh bro.... di blog saya yang lain saya pernah beberapa kali buat postingan yang berisi kode2. Entar kalo mo buat postingan yg berisi kode2 kayaknya bisa pakek yang ini
23 Juni 2010 pukul 05.57
udah lama gak buat posting yg berisi kode html, kalo gitu entar kalo posting yang berisi kode html, aq pakek yg ini aja
29 November 2010 pukul 14.00
klkode di atas bentuknya sepeti frame gitu ya mas?
ku coba dulu deh.
Thanks infonya mas,
Home improvement