Jumat, 25 Maret 2011

Membuat Area posting dalam kotak terpisah


Udah beberapa hari ini belum update article baru. bukan karena udah habis bahan yang mau di posting. tapi waktu yang tidak mendukung. Alhamdulillah hari ini ada kesempatan. dalam kesempatan itu pula kita membahas bagaimana membuat area posting dalam kotak terpisah. pasti ada yang udah tau kan. bagi yang belum liat contoh di bawah ini

klik gambar untuk memperbesar
Nah untuk membuat nya sangat lah mudah. ikuti langkah-langkah di bawah ini.
  • Seperti biasa log in dulu ke blogger
  • Klik tata letak
  • Edit HTML Kasi tanda centang "Expand Template Widget"
  • Untuk backup, silahkan Download Template anda terlebih dahulu
  • Kemudian cari kode ini
    .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted $bordercolor;
    padding-bottom:1.5em;
    }
  • Hapus dan ganti dengan kode ini
    .post {
    background:#ffffff
    border:1px solid #000000;
    margin:0 0 0.5em;
    padding:0.5em;
    font-family:"Trebuchet MS";
    }
  • Yang warnah merah untuk kode Background ganti dengan warna yang sesuai dengan tamplate anda, yang biru untuk warna garis silahkan anda ganti dengan warna lain.
  • Kemudian Simpan tamplate
  • Lihat hasilnya
Selamat Mencoba.......

Cara membuat Area posting dalam kotak terpisah
, cara menambah jarak pada post blog, cara memasang Area posting dalam kotak terpisah, langkah menambah Area posting dalam kotak terpisah.

Tidak ada komentar:

Posting Komentar