cara membuat garis tepi di postingan blog

cara membuat garis tepi di postingan blog

  

    garis tepi pada postingan blog berfungsi sebagai pembatas postingan dengan widget yang lain,

kali ini saya akan memberikan cara membuat garis tepi pada postingan blog, bagi yang sudah mahir abai kan saja, bagi yang belum tau silah kan lanjut kan membacanya.

langsung saja:

1. pastinya masuk ke blogger anda

2. pilih template

3. klik edit html

4.cari kode berikut

    .post {

5.jika sudah ketemu masukan kode di bawah ini tepat di bawah kode .post {

padding: 5px; Border-top: 2px solid #000000; Border-bottom: 2px solid #000000; Border-left: 2px solid #000000; Border-right: 2px solid #000000; Margin-bottom: 10px;

    

6.memudian simpan dan lihat hasilnya..

Keterangan-keterangan : #000000; adalah kode warna HITAM 

padding: 5px; = Jarak antara text post dengan garis pinggir(5px; bisa diganti dengan angka lain sesuai                             selera, makin tinggi angka jarak dari tepi akan semakin lebar)

Border-top: 2px solid #000000; = garis pinggir atas (2px bisa diganti semakin tinggi angka, maka akan                           semakin tebal garisnya)

Border-bottom: 2px solid #000000 ; = garis pinggir bawah (2px angka bisa diganti)

Border-left: 2px solid #000000 ; = garis pinggir kiri (2px angka juga bisa diganti)

Border-right: 2px solid #000000 ; = garis pinggir kanan (2px angka bisa diganti

Margin-bottom: 10px; = jarak antara post yang satu dengan yang lainnya(10px angka bisa diganti

 

 

 

SELAMAT MENCOBA