.Menanggapi request dari Bro Aalil,dalam tutorial kali ini kita akan membahas mengenai cara membuat kolom postingan menjadi terpisah-pisah seperti yang anda lihat di blog ini.Sehingga pengunjung dapat dengan mudah membedakan postingan berdasarkan jarak antar post nya saja..
1. Login ke Blogspot dengan account anda,kemudian pilih menu TATA LETAK,lalu EDIT HTML.
2. Cari kode berikut ini,
.post {
Sudah dapat?nah,anda tinggal menambahkan kode-kode ini tepat kebawah kode tersebut.
padding:10px; /* Jarak antara text post dengan garis pinggir */
Border-top: 3px solid #000000; /* warna garis pinggir atas */
Border-bottom: 3px solid #000000; /* warna garis pinggir bawah */
Border-left: 3px solid #000000; /* warna garis pinggir kiri */
Border-right: 3px solid #000000; /* warna garis pinggir kanan */
Margin-bottom: 15px; /* jarak antara post yang satu dengan yang lainnya */
Nb: #000000 adalah kode warna hitam.
Contoh kode di atas menggunakan warna hitam pada garis pinggirnya.. jadi,jika anda ingin mengganti warna nya,tinggal ganti aja deh kode warnanya..
anda bisa membaca postingan saya terdahulu mengenai kode warna disini.
3. Simpan hasil pekerjaan anda,lalu lihatlah tampilan baru pada blog anda tersebut.Bagaimana??Berhasil kan..??
Bagi yang mengalami kesulitan dalam proses pengerjaannya,jangan sungkan-sungkan untuk meninggalkan komentarnya.^^
Tutorial Blog selanjutnya kita akan belajar membuat efek lengkung pada sisi border seperti garis pinggir yang terdapat di postingan blog ini..
See u..
@hayus maksudnya tidak ada jarak antar postnya..?Sepengetahuan saya,untuk template lama kode ini juga bisa dipakai.
Bisakah anda meninggalkan URL blog agar saya dapat berkunjung untuk melihat permasalahan pada blog anda tersebut.. ? thx ^^