Menampilkan Kode Script Pada Posting Blogger
Sebelumnya saya inginmenjelaskan tentang bagaimana cara mempoting kode script html. Jika yang dulu memasukan kode script html cukup dengan convert code.. lalu paste di halaman posting. nah yang sekarang kita tambahkan dengan warna layar di belakang kode tersebut untuk membedakan antara script dan teks biasa.. contohnya bisa diliat script pada postingan ini..
caranya :
1. Masuk Blogger>
2. Klik Layout(tata letak).
3. Pada Layout/tata letak klik Edit HTML dan centang Expand Widget Template.
4. Cari kode
]]>
5. Copykodedi bawah ini
.codeview {
margin : 15px 15px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #F5F5F5 url() no-repeat right bottom;
border-top : 1px solid #000;
border-right : 1px solid #000;
border-bottom : 1px solid #000;
border-left : 1px solid #000;
}
.codeview li {
font-size : 12 px;
line-height : 23px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #000;
font-weight : normal;
margin : 0;
padding : 0;
}
6. Kemudian paste tepat diatas code
]]>
7. klik simpan (save)
tambahan : #F5F5F5 adalah warna background. kode warna ini bisa sobat rubah sesuai keinginan.
lalu ikuti perintah ini saat memposting
Cara untuk memasukan kode script/kode HTML yaitu encode dulu di centricle.com, paste kodenya dan klik encode. paste hasilnya ke halman posting, ato bisa juga ditambahkan
Sebelumnya saya inginmenjelaskan tentang bagaimana cara mempoting kode script html. Jika yang dulu memasukan kode script html cukup dengan convert code.. lalu paste di halaman posting. nah yang sekarang kita tambahkan dengan warna layar di belakang kode tersebut untuk membedakan antara script dan teks biasa.. contohnya bisa diliat script pada postingan ini..
caranya :
1. Masuk Blogger>
2. Klik Layout(tata letak).
3. Pada Layout/tata letak klik Edit HTML dan centang Expand Widget Template.
4. Cari kode
]]>
5. Copykodedi bawah ini
.codeview {
margin : 15px 15px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #F5F5F5 url() no-repeat right bottom;
border-top : 1px solid #000;
border-right : 1px solid #000;
border-bottom : 1px solid #000;
border-left : 1px solid #000;
}
.codeview li {
font-size : 12 px;
line-height : 23px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #000;
font-weight : normal;
margin : 0;
padding : 0;
}
6. Kemudian paste tepat diatas code
]]>
7. klik simpan (save)
tambahan : #F5F5F5 adalah warna background. kode warna ini bisa sobat rubah sesuai keinginan.
lalu ikuti perintah ini saat memposting
Cara untuk memasukan kode script/kode HTML yaitu encode dulu di centricle.com, paste kodenya dan klik encode. paste hasilnya ke halman posting, ato bisa juga ditambahkan
di awal script dan
di akhir script.
Comments