Membuat Garis Pinggir Blog Pada Template Minima

Online CPM Advertising | Advertising blog

Untuk membuat garis pinggir (border) blog pada  template minima yang harus dilakukan adalah:

1. Login ke Blogspot –> Design/Rancangan –> Edit HTML

2. Carilah baris kode berikut:

#outer-wrapper {
  width: 760px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

3. Masukan baris kode border berikut didalamnya

border:1px solid #000000;

4. Simpan template.

Catatan:

1px merupakan ukuran ketebalan garis pinggir, rubah sesuai keinginan.

solid menunjukan garis pinggir yang berupa garis lurus. Rubah ke dotted untuk bentuk titik, atau ke dashed untuk bentuk garis putus-putus.

#000000 menunjukan warna garis pinggir. Rubah sesuai keinginan (#000000 adalah kode untuk warna hitam).

Gambar 1. Edit HTML menu

Susunan baris kodenya akan terlihat seperti berikut:

#outer-wrapper {
  width: 760px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
border:1px solid #000000;
  }

Gambar 2. Tampilan blog sebelum diberi garis pinggir (border)

   Gambar 3. Tampilan blog sesudah diberi garis pinggir (border)

*****

Catatan:

* Untuk memudahkan pencarian baris kode, gunakan kotak pencari dengan menekan Ctr+ F, setelah muncul kotaknya, tulis/ketikan kata yang ingin dicari. Untuk browser mozzila, letaknya di sebelah kiri bawah.

Gambar 4. Letak kotak pencari pada browser Mozzila

Online CPM Advertising | Advertising blog