بِسْــــــــــــــــمِ اﷲِالرَّØْÙ…َÙ†ِ الرَّØِيم
Biasanya pada setiap artikel yang kita posting tanpa ada warna backround. Kalaupun ada warna putih dan itu juga sudah bawaan dari template. Kita anggap saja warna putih adalah warna netral atau tidak berwarna.
Sebetulnya bisa nggak ya kita memberikan warna pada background postingan? sebenarnya bisa saja dan itu bisa memberikan postingan kita semakin menarik. Menurut saya sih. Kalau menurut kamu, kurang tau ya.
Ada sebagian blogger yang tidak memberikan warna pada background postingan, tetapi ada juga yang memberikan background pada postingan. Jikalau memberikan background setidaknya cari yang kontras antara warna background dengan warna font. Jangan sampai nanti malah karena pengin warna background, terus karena warna hampir sama dengan font, terus tulisan kita jadi tidak terbaca.
Sekarang kita mulai saja utak-atik blognya.
Klik Tema
Klik Edit HTML Cari kode ]]></b:skin> Terus letakkan kode dibawah ini persis diatas kode ]]></b:skin>
#BgWarna{
background:#65c6bb;
margin:45px 45px 45px 45px;
padding:45px 45px 45px 45px;
border:5px solid #000;
border-top-left-radius:45px;
border-bottom-right-radius:45px;
border-top-right-radius:45px;
border-bottom-left-radius:45px;
color:#fff;
box-shadow:15px 15px 15px
rgba(255,255,0,0.5)
}Sekarang lanjut ke postingan supaya kodenya tampil. Kamu tinggal bubuhkan kode dibawah ini
<div id="BgWarna">Isi dengan artikel kamu</div>Untuk mengganti warna background #65c6bb : bisa lihat Kode Warna.
Oh iya. Kelupaan. Disini akan diterangkan tentang code yang ada di atas.
Keterangan :
| Attribut | Keterangan |
|---|---|
| Padding | Menunjukkan jarak antara tulisan dengan background |
| Margin | Menunjukkan jarak antara background dengan element lain |
| Border | Garis tepi background |
| Border Radius | Adalah sudut kelengkungan pojok dari background |
Selengkapnya lihat di Codepen @ Alifa
See the Pen Membuat Background Warna Pada Postingan Blog by Alifacode (@Alifacode) on CodePen.
Save dan Publish artikel.
Silakan dipraktekkan dan lihat hasilnya.
Sudah jadi khan.
Terima kasih sudah membaca artikel Cara Membuat Background Posting Berwarna. Kita ketemu lagi lain waktu dengan artikel yang berbeda dan menarik lainnya. Salam.
Label Postingan :
Tips Blog
Terima kasih ya udah mempraktekkan tutorial blog di web alifacode.com dengan judul Cara Membuat Background Posting Berwarna . Semoga tutorial blog ini dapat bermanfaat. Salam Blogger.
