Border di Blogger Blog

1. Border elemen blog
 border pada kolom Post di blog

#main-wrapper {
  width: 520px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

tambahkan

border: 2px solid #ffee00;

Contoh

#main-wrapper {
  border: 2px solid #ffee00;
  width: 520px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

Atau anda dapat juga.

#sidebar-wrapper {
  border: 2px solid #ffee00;
  width: 220px;
  float: $endSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

2. Border pada post
CSS dapat diletakkan dalam kode HTML (embed) atau dapat juga menggunakan <div>. Misalnya

<p style=”border: 2px solid #ffee00;”>
http://freebax.blogspot.com/
</p>

atau

<div style=”border: 2px solid #ffee00;”>
http://freebax.blogspot.com/
</div>

Hasilnya adalah:

http://freebax.blogspot.com/

Anda dapat juga mencoba

<div style=”border: 2px solid #ffee00;”>
<p>http://freebax.blogspot.com/</p>
</div>

dengan hasil:

http://freebax.blogspot.com/

Seperti yang telah ditulis diatas, berikut ini adalah beberapa contoh tipe border, dengan kode didalamnya.

<div style=”border: 2px dotted #ff00ef;”>
<p>http://freebax.blogspot.com/</p>
</div>

<div style=”border: 3px dashed #ffff00;”>
<p>http://freebax.blogspot.com/</p>
</div>

<div style=”border: 4px double #eeaa00;”>
<p>http://freebax.blogspot.com/</p>
</div>

<div style=”border: 2px outset #4040aa;”>
<p>http://freebax.blogspot.com/</p>
</div>

<div style=”border: 2px inset #4040ff;”>
<p>http://freebax.blogspot.com/</p>
</div>