Menampilkan kode script pada posting blog
November 18, 2009
Label:
Trick 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. Copy code di bawah ini
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
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
]]></b:skin>
5. Copy code di 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;
}
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
]]></b:skin>
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, tambahkan<div class="codeview">diawal script dan</div>diakhir script
Selamat Mencoba....
2 komentar:
ada cara yang lebih mudah, yaitu jadikan blog anda sebagai pengubah kode itu.. silahkan buka blog saya http://masherdownload.blogspot.com/2010/11/cara-termudah-mengubah-kode-script-html.html
anda juga bisa membuatnya sendiri. jadi tidak perlu kemana2, cukup buka blog sendiri dan langsung bisa mengubah kode2 itu.
Makasih tutorialnya gan, ditunggu kunjungan baliknya ya gan :D
Posting Komentar