Cara Membuat Posting Blog Terpisah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXRRgogt5FATqUr7EnwvVu6t9WXTHYlQBxxklB04rjnzgfkSPFCo60j1XcOp0cvWbjn27X8lfnFV6vkRJWMsoFPmql6lTpzZQRms1aSDsQdeFMLL3mcocAGQMENgMFk7vW1604dsX6hcU3/s1600/www.blogger.com+-+2010-05-17+-+10-24-28.png


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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFXb0wuts-BFYFqTpXTvOX3-cH01_dQuyT7hN1ocJH7rzBV_PdtF6FLggqWjOLQ6c62T3F9IU6MCl39fAgSFepxYHcscLWxCz7fUMp7szeCju747xv21vLWjtqweXMdvFcd9Sp7JqhQ44F/s1600/Sidebar.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
    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFXb0wuts-BFYFqTpXTvOX3-cH01_dQuyT7hN1ocJH7rzBV_PdtF6FLggqWjOLQ6c62T3F9IU6MCl39fAgSFepxYHcscLWxCz7fUMp7szeCju747xv21vLWjtqweXMdvFcd9Sp7JqhQ44F/s1600/Sidebar.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
Dengan modifikasi tampilan Kolom Postingan memungkinkan pengunjung blog sobat dapat menikmati dan mendalami postingan yang sobat tulis. Semoga bermanfaat dan salam bogging.

Sumber : Febridriver.blogspot.com
Share this article :

Post a Comment

Terima kasih! Silahkan tinggalkan komentar untuk respon/pertanyaan. Jika ingin menuliskan kode di dalam komentar, convert dulu dengan HTML Encoder. Klik link "Subscribe by email" untuk mengetahui balasannya. Maaf apabila komentar dibalas dalam waktu lama atau tidak terbalas karena saya tidak online setiap hari. Atau biar lebih cepat dan enakan bisa kontak lewat Facebook. No SPAM, No Links, No SARA, No Gambling, No Porno!. Komentar berisi link & tidak sesuai dengan Comment Policy akan langsung dihapus.

Daftar Isi

Site Info

 
Support : Cly First | Android Aplication |
Copyright © 2011. Cly First Blog - All Rights Reserved
Template Created by Clayveno Kevin Published by Cly First
ClyFirst