Cara Membuat Border Pada HTML Atau Posting

Dari kemaren sibuk terus nyari template yang bagus...dan akhirnya ketemu milik Bang Utta. Oke, sekarang saya akan kasih sedikit tips tentang Cara Membuat Border Pada HTML Atau Posting. Langsung aja ya....  

Border Jenis Solid

<div style="border: 4px #F70000 solid; padding: 10px; background-color: #000000; text-align: left"> MASUKAN TEKS DISINI </div>

Border Jenis Dotted

<div style="border: 4px #F70000 dotted; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Dashed

<div style="border: 4px #F70000 dashed; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Ridge

<div style="border: 4px #F70000 ridge; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Groove

<div style="border: 4px #F70000 groove; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Inset

<div style="border: 4px #f70000 inset; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Outset

<div style="border: 4px #F70000 outset; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Double

<div style="border: 4px #F70000 double; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Dengan Scroll Lebar Dan Tinggi

<div style="border: 4px #F70000 solid; padding: 10px; background-color: #000000; overflow: auto; height: 60px; width: 260px; text-align: left;"> MASUKAN TEKS DISINI </div>

Keterangan :
[-] #F70000 : itu code warna bordernya.
[-] #000000 : itu code warna backgrounya.
[-] MASUKAN TEKS DISINI : hapus codenya dan ganti teks atau script yang ingin sobat beri border. Notice : Ketiga keterangan diatas bisa sobat ganti sesuka hati sobat.

Sekarang bagian tutornya :
1. Log in / Masuk ke Blogger Sobat.
2. Kalau gak salah sobat akan muncul di Dasbor.
3. Click Entri Baru / Mulai Pemostingan.
4. Setelah sobat menulis Judul postingan, Sobat click Edit HTML yang bersebelahan dengan compose. Lihat contoh gambar dibawah ini.

5. Copy salah satu code border diatas dan pastekan di Edit HTML.
6. Pratinjau jika ingin melihat hasilnya, Terbitkan entri untuk langsung menerbitkan.

Sekian tips dari saya semoga bermanfaat buat sobat² sekalian... Jangan lupa tinggalin commentar ya..
Tinggalkan link blog sobat pada box commentar, Biar kita saling Follow, OK!!
Thank's By Admin Virtual Blogger