Tuesday, December 13, 2011

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

No comments:

Post a Comment

My Ping in TotalPing.com
Feedage Grade D rated
Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Ping your blog, website, or RSS feed for Free