Membuat Kotak Teks Area Degan Backgrund

Langsung aja begini caranya

Contoh 1:
* Teks rata tengah = text-align: center; center bisa diganti dengan left, right,justify
* Background warna biru = background-color: rgb(0, 0, 240) angka 0 dan 240 bisa anda ubah sesuai keinginan (untuk mengubah warnanya)

Script: (dimasukkan di dalam postingan)

<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: rgb(0, 0, 240); text-align: center;"><a href="http://martinnio.blogspot.com">Satria Web</a></p>

Hasilnya

Satria Web

Contoh 2:
* Teks otomatis rata kiri
* Background warna hitam = background-color: black; black bisa diganti dengan warna lain seperti white, red, blue, green, dsb, warna lainnya bisa dilihat disini daftar warna
* Link diisi hingga baris pertama penuh kemudian akan berpindah ke baris 2
*Tinggi kotak teks 100 px (pixel) = height: 100px; angka 100 bisa diubah sesuai kebutuhan

Script: (dimasukkan di dalam postingan)

<div style="border: 1px solid rgb(202, 61, 217); padding: 1px; overflow: auto; height: 100px; background-color: black; "><br>
<a href="http://martinnio.blogspot.com">Satria Web</a> <a href="http://martinnio.blogspot.com">Satria Web</a><br>
</div>

Hasilnya



Contoh 3:

* Teks otomatis rata kiri
* Background transparan
* Link diisi per baris 1 link
*Tinggi kotak teks 200 px (pixel) = height: 100px; angka 100 bisa diubah sesuai kebutuhan
Script: (dimasukkan di dalam postingan)


<div style="border: 1px solid rgb(202, 61, 217); padding: 1px; overflow: auto; height: 200px; "> <br>
<a href="http://martinnio.blogspot.com">Satria Web</a> <br><a href="http://martinnio.blogspot.com" target="_blank">Satria Web</a>
<br>
</div>

Hasil:



Silahkan pilih salah satu scriptnya
Kemudian teruskan dengan memasukan kedalam postingan