Membuat Border Di Area Postingan Blog

Border Di Area Blog - Merupakan cara untuk menata tampilan postingan blog lebih efektif rapi dan terlihat lebih responsive dilihat, yukkk ini dia cara pasangnya .....

   1. Masuk ke Dashboard Blog
   2. Klik Template
   3. Pilih Edit HTML
   4. Cari kode .post { (Tekan CTRL + F untuk memudahkan pencarian)
   5. Copy kode berikut, lalu paste dibawah kode .post {

padding: 5px;
border-top: 3px solid #000000;
border-bottom: 3px solid #000000;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
margin-bottom: 10px;

Keterangan :
       - Kode berwarna kuning adalah ukuran tebal garis
       - Kode berwarna pink adalah warna garis
       - Kode berwarna hijau adalah tipe garis
       - padding: 5px; adalah jarak antara text post dengan garis pinggir
         (5px; makin tinggi angkanya maka garis tepi akan semakin lebar)
       - margin-bottom: 10px; adalah jarak antara post yang satu dengan post
          yang lainnya (10px; makin tinggi angkanya maka akan jauh jaraknya)

   6. Silahkan klik Pratinjau untuk cek hasilnya terlebih dahulu
   7. Jika cocok, klik Simpan / Save
   8. Selesai
Padukan warnanya dan jika kamu punya garis lainnya, monggo kreasikan editanmu sesuai selera dulur ^_^

Nah, mungkin kamu sedikit tidak enak karena ada jarak / spasi antara judul blog dengan garis atasnya setelah menerapkan cara tersebut ? Perhatikan screenshot dan bagaimana cara menghapusnya ...

1. Tetap pada Edit HTML
2. Cari kode berikut margin: .75em 0 0;
3. Hapus kode tersebut
4. Klik Simpan / Save
5. Selesai

Jarak antara kamu dan aku sekarang jadi dekat lagi ..... Upsss keliru, maksudnya border atas dengan judul blog :D Hehehe. Setelah tertata rapi dan relevan, kenapa tanggal blognya menghalangi ? Nanti admin akan update artikel cara menghapus tanggal blog :D 

Salam Luar Biasa :)

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: