Cara Membuat Aneka Jenis Border Di Blogger

Border sering kita temui pada suatu blog. Kegunaan border selain untuk membingkai konten agar kelihatan bagus/menarik juga untuk memberi arti lebih pada suatu konten.

Berikut beberapa macam border yang dapat dipakai pada blog:

1. Groove

<div style="border: 15px groove; color: black; font-size: 15px; padding: 10px; text-align: center; width: 500px;">Teks disini...</div>

2. Dotted

<div style="border: 15px dotted; color: black; font-size: 15px; padding: 10px; text-align: center; width: 500px;">Teks disini...<div>

3. Solid

<div style="border: 15px solid; color: black; font-size: 15px; padding: 10px; text-align: center; width: 500px;">Teks disini...</div>

4. Double

<div style="border: 15px double; color: black; font-size: 15px; padding: 10px; text-align: center; width: 500px;">Teks disini...</div>

5. Dashed

<div style="border: 15px dashed; color: black; font-size: 15px; padding: 10px; text-align: center; width: 500px;">Teks disini...</div>

6. Ridge

<div style="border: 15px ridge; color: black; font-size: 15px; padding: 10px; text-align: center; width: 500px;">Teks disini...</div>

7. Inset 

<div style="border: 15px inset; color: black; font-size: 15px; padding: 10px; text-align: center; width: 500px;">Teks disini...</div>

8. Outset

<div style="border: 15px outset; color: black; font-size: 15px; padding: 10px; text-align: center; width: 500px;">Teks disini...</div>

Cara penggunaan kode sebagai berikut:

1. Login Blogger pilih Posts > New post 

2. Pilih dan copy paste kode diatas (kode didalam border) pada halaman HTML bukan Compose.

3. Ganti tulisan Teks disini... (warna biru) dan angka-angka sesuai kreasi Anda.

4. Save dan view!