Showing posts with label panduan. Show all posts
Showing posts with label panduan. Show all posts

Menayangkan Code Script di Dalam Kotak Pada Postingan Blog

script code
Postingan kali ini akan membahas tentang penulisan kode script di dalam kotak. Kenapa didalam kotak? buat lebih rapi aja, apalagi kalau kodenya lumayan banyak, kalau tidak ditaruh dikotak kayak tidak teratur kan??

Berikut langkah-langkahnya:
  • login ke akun blogger
  • masuk ke rancangan lalu edit HTML
  • Carilah kode  ]]></b:skin>
  • Copy kode dibawah ini lalu paste di atas kode  ]]></b:skin> tadi
.codeview {
margin : 15px 15px 15px 35px;
padding : 10px;
clear : both;
 font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
line-height:1.6;
background: no-repeat scroll bottom right #EFFBF5;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
 .codeview li {
line-height : 24px; color : #333333;
margin : 0; padding : 0;
}

  • Simpan template anda

Untuk cara pakai-nya, jika agan menulis Script Kode pada posting maka masuk ke tab Edit HTML, lalu sisipan kode yang ingin ditayangkan (kode warna merah) pada div class seperti dibawah ini:

<div class="codeview"> 
Letakkan kode anda disini 
</div> 

Selesai dan lihat hasilnya.

sumber: gunzyber
»»  READMORE...

Translate

Page Rank