Tutorial Menambahkan Border pada Body Blog

Assalamu'alaikum. Hi, readers! Aisha mau kembali lagi dengan menyuguhkan tutorial buat kalian, berhubung udah lama Aisha nggak posting tutorial, juga karena memang Aisha kepingin menuhin postingan blog.

Sudah tahu border kan? Yang betuknya ada solid (menyatu), dashed (putus-putus) dan dotted (titik-titik). Selain ketika bentuk itu, border itu ada juga yang bentuknya lain, tapi yang umum dipakai ya tiga jenis border itu. Kalau masih belum ngerti juga, klik disini.

Kalau border itu dipakai untuk body blog, jadi seperti ini:


Ikuti step by step dibawah untuk menambahkan border pada body blog ya...

  • Log in blog
  • Dashboard >> Template >> edit HTML
  • Cari code:
.main-outer {
  • Hapus kode .main-outer { sampai } yang pertama. Lalu ganti dengan kode ini:

.main-outer {
border-top: 2px solid #F9CFCF;
border-bottom: 2px solid #F9CFCF;
border-left: 2px solid #F9CFCF;
border-right: 2px solid #F9CFCF;
border-radius: 0px;
margin: 0 auto;
padding: 0 0 15px;
text-align: left;
background: #fff;
}
  • Simpan

2 komentar: