News Update :

22 Februari 2011

Cara Menulis Code Scipt Pada Postingan

0 komentar
Salam Sahabat Blogger,untuk menyisipkan kode scipt pada postingan cukup mudah kok,sahabat tinggal ikuti langakah -langkah berikut pasti langsung bisa...tutorial ini saya tujukan untuk pemula seperti saya juga ... untuk share.tutorial ini saya ambil waktu jalan jalan sore ke tempat mas marchsya.Cara menampilkannya menggunakan Code View. Pada cara ini kita juga bisa mengganti back ground dari code script yang kita tulis agar selaras dengan blog kita.Oh iya kode script yang akan kita pasang harus di covert dulu ya.... tenang ga usah bingung .. kan banyak website yang menyediakan layanan convert code seperti: Hacktrick, eblogtemplates  atau klik disini .Anda tinggal taruh aja code script yang akan anda convert kemudian klik convert code .. nah setelah muncul kodenya anda tinggal copy and paste ke codeview.
Berikut caranya:
  1. Login ke Akun Blogspot Anda
  2. Klik Rancangan ==> Edit HTML
  3. Centang Expand Widged Template ( jangan lupa DOWNLOAD template anda untuk mengurangi resiko kesalahan penulisan script.)
  4. Cari Kode Berikut (untuk mempermudah pencarian klik F3 atau Ctrl + F)
    ]]></b:skin>

  5. Letakkan kode berikut di atas kode tadi :
    .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. Sunting pengaturan agar sesuai dengan template blog anda .background : #F5F5F5 atau mau di ganti dengan backgrund gambar.
  7. Cara penulisan Code Scipt ==> convert code yang akan anda posting disini dan letakkan kode yang sudah di convert diantara <div class="codeview"> dan </div> .
  8. Selesai selamat mencoba.

Related Post Cara Menulis Code Scipt Pada Postingan

Posting Komentar

silakan tinggalkan komentar anda, karena komentar anda sangat membantu membangun blog ini.No Spam No Porn.