Banyak cara Untuk Memperindah Tampilan Website Ataupun Blogger. Tentunya Tidak Harus Menghafal Script satu persatu, yang Penting Sekedar Tahu dan Terus Belajar Mengembangkan website Anda Sendiri.
Di bawah ini adalah cara sederhana, untuk membuat tulisan dengan Background warna.
Copas kode script html berikut kedalam postingan di HTML bukan di Compose
<p style="border: 1px solid rgb(204, 204, 204); padding:;15px;display: block; background-color:#cfe2f3; text-align: center;">Cara Cari Ciri</p>
Maka jadinya sebagai berikut :
Cara Cari Ciri
Keterangan :
Warna biru pada tulisan #cfe2f3 adalah warna background dan Warna merah pada tulisan 15px adalah lebar kebawah kotak. Pada kode script ini, lebar kotak adalah otomatis.
<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; width:300px; height:70px; background-color: #cfe2f3; text-align: center;">KABARI AKU</p>
Maka jadinya sebagai berikut :
KABARI AKU
Ket :
Ini adalah pengembangan dari cara di atas. Dengan kode script html diatas, lebar kotak akan sangat mudah untuk disesuaikan. Serta masih banyak lagi cara-cara lainnya yang bisa Anda dapatkan seperti cara membuat tulisan dalam kotak transparan yang insyaallah akan saya share-kan dipostingan berikutnya.
Dashed
<div style="background-color: #F0E68C; border: 2px dashed #008080; padding: 10px; text-align: left;"> Ganti tulisan Mastewe.com</div>
hasilnya seperti dibawah:
Ganti tulisan Mastewe.com
Dotted
<div style="background-color: #dcdcdc; border: 2px dotted #008080; padding: 10px; text-align: left;"> Ganti tulisan ini sesuai keinginan</div>
hasilnya seperti dibawah:
Ganti tulisan ini sesuai keinginan
Double
<div style="background-color: #87CEEB; border: 3px double #FFFFE0; padding: 10px; text-align: left;"> Masukin tulisan disini mastewe.com</div>
Hasilnya seperti dibawah
Masukin tulisan disini mastewe.com
Inset
<div style="background-color: #66CDAA; border: 3px inset #FFFFE0; padding: 10px; text-align: left;"> Tulis sesuatu disini, terserah Kamu</div>
Maka Hasilnya Seperti dibawah:
Tulis sesuatu disini, terserah Kamu
Outset
<div style="background-color: #FFFFE0; border: 3px outset #d3d3d3; padding: 10px; text-align: left;"> Ganti tulisan ini dengan tulisan yang akan ditulis</div>
maka Hasilnya seperti dibawah:
Ganti tulisan ini dengan tulisan yang akan ditulis
Solid
<div style="background-color: #F0FFF0; border: 3px solid #008000; padding: 10px; text-align: left;"> Tulisanmu taruh disini</div>
Maka Hasil Seperti dibawah:
Tulisanmu taruh disini