TWESCO MAGAZINE : Membuat Kolom Postingan Terpisah

Disini saya akan membahas Bagaimana membuat kolom post menjadi terpisah-pisah.
Bagaimana sudah jelas bukan tentang kolom postingan terpisah? kalau sudah jelas mari kita lihat langkah-langkah pembuatannya

  1. Login ke blogger
  2. masuk ke Tata Letak => Edit HTML
  3. lalu cari kode di bawah ini

    .post {
    ..............
    }
  4. titik-titik di atas menunjukan ada kode yang terdapat di dalamnya kenapa saya tidak menunjukan-nya? karena setiap template kode yang dimaksud berbeda-beda
  5. setelah ketemu ganti dengan kode di bawah ini

    .post {
    background:#fff url(http://oketrik.googlecode.com/files/r.jpg) repeat-x bottom;
    border:5px solid #000;
    margin:0 0 0.5em;
    padding:0.5em;
    color:#000;
    font-family:"Trebuchet MS";
    -moz-border-radius-topleft: 20px;
    }                                                                                                                                             Penjelasan :
    • fff : menunjukan warna latar belakang dari kolom postingan, sobat bisa menggantinya dengan kode warna yang lain
    • http://oketrik.googlecode.com/files/r.jpg : menunjukan gambar yang berada di bawah kolom postingan, sobat juga dapat menggantinya tapi dengan ukuran yang kecil
    • 000 : menunjukan dari warna garis pada kolom postingan terpisah, sobat bisa ganti akan tetapi harus di sesuaikan dengan warna main-wrapper agar terlihat terpisah
    • 000 : warna dari tulisan pada klolom postingan, sobat dapat mengganti dengan warna yang berlawanan dengan warna latar belakang agar terlihat jelas
  6. Setelah itu sobat dapat menyimpannya dan melihat hasilnya

Posted by Rian Priyadi On Desember 13, 2011 0 Comments
Jika artikel ini bermanfaat,bagikan kepada rekan melalui:

Posting Komentar

NOT SPAMING IN HERE !!
and ANONIM user Comment