Keluarga Besar SMPN 196 Jakarta mengucapkan Selamat Hari Guru Nasional 2012 dan HUT PGRI ke 67 Tahun 2012

Sabtu, 03 Oktober 2009

Menuliskan Kode Ccript di Post (2)

Untuk menyisipkan kode script pada postingan, anda dapat melihat pada Tutorial Blog yang lalu yaitu cara menulis kode script pada postingan blog. Selain menggunakan MS.Frontpage dan form ada cara lain agar kode script tersebut dapat disisipkan pada postingan yaitu dengan menggunakan codeview. Lebih menariknya lagi dengan menggunakan codeview ini backgroundnya dapat diberi warna sesuai dengan warna template blog anda. Selain itu anda dapat menggunakan suatu Code Converter sebelum kode script tersebut disisipkan yaitu dengan menggunakan Ad Code Converter. Anda tinggal memasukan kode script tersebut pada kotak yang tersedia lalu klik convert ad code. Hasil convert kode script tersebut dihighlight dan dicopy untuk disisipkan pada postingan anda. Berikut cara menulis kode script pada blog dengan codeview.
1.Login pada Blogger
2.Klik Layout pada Dashboard.
3.Pada Layout klik Edit HTML dan centang Expand Widget Template.
4.Temukan kode ]]></b:skin>
5.Letakkan kode dibawah ini sebelum kode ]]></b:skin> tersebut.

.codeview {
margin : 15px 35px 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.Setelah itu Save.

Anda dapat mengganti background #F5F5F5 dengan kode warna sesuai keinginan anda.
Setiap anda ingin memposting kode script yang sudah diconvert pada Ad Code Converter atau pada MS.Frontpage letakkan kode hasil konversi kode tersebut diantara kode <div class="codeview"> dan </div>. Hasilnya seperti pada posting ini

0 komentar:

Posting Komentar