Cara Menciptakan Kotak/Box Warna Keren Di Blog

Cara Menciptakan Kotak/Box Warna Keren Di Blog

Cara Menciptakan Kotak/Box Warna Keren Di Blog

Cara Membuat Box Warna Menarik di Blog - Sebelumnya saya telah mengulas menciptakan kolom scroll , kali  ini masih mengenai kolom namun tampilannya menjadi lebih menarik alasannya dengan warna. Membuat kotak warna ini sanggup menciptakan tampilan postingan Anda semakin menarik alasannya Anda sanggup menyesuaikan warnanya sesuai keinginan, Anda sanggup menemukan banyak isyarat warna di generator warna.

Menariknya, untuk menciptakan box warna ini hanya memakai isyarat HTML, Anda tidak perlu mengedit template. Bila Sobat tertarik sanggup mengikuti langkah-langkahnya dibawah ini:

Contoh :

Cara Pemasangan Kotak Warna

1. login-keakun Blogger
2. Pilih buat enteri baru
3. Silahkan Sobat Buka Entri gres lalu salin isyarat dibawah ini dan terapkan pada Mode HTML

<div style="background: #3963FF; padding: 10px; text-align: left;">
<b><span style="color: white;">CSS</span></b></div>
<div style="background: #fff; border: 1px solid #3963FF; padding: 10px; text-align: left;">
<span style="color: #3963ff;"> Silahkan Sobat Masukkan teks di sini </span></div>

Keterangan :
*background: #3963FF ialah pengaturan pada warna header
*background: #fff ialah pengaturan pada warna latar
*solid #3963FF ialah pengaturan pada warna line
*color: #3963ff ialah pengaturan warna pada text

Demo :

Text
Terkadang cinta itu absurd ..ada yang menyampaikan bahwa cinta itu tidak memiliki kaki, tetapi cinta sanggup berjalan dari hati ke hati, dan sekarang cintaku telah berjalan kehatimu.


CSS
Terkadang cinta itu absurd ..ada yang menyampaikan bahwa cinta itu tidak memiliki kaki, tetapi cinta sanggup berjalan dari hati ke hati, dan sekarang cintaku telah berjalan kehatimu.


Jquery
Terkadang cinta itu absurd ..ada yang menyampaikan bahwa cinta itu tidak memiliki kaki, tetapi cinta sanggup berjalan dari hati ke hati, dan sekarang cintaku telah berjalan kehatimu.

Mudah bukan,

Semoga bermanfaat!
Sumber http://www.websiteedukasi.com/
Blogger
Disqus
Pilih Sistem Komentar

No comments

Advertiser