07 February 2022

Cara Membuat Background Posting Berwarna

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Cara Membuat Background Posting Berwarna

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.

Cara Membuat Background Posting Berwarna


Keterangan :

AttributKeterangan
PaddingMenunjukkan jarak antara tulisan dengan background
MarginMenunjukkan jarak antara background dengan element lain
BorderGaris tepi background
Border RadiusAdalah 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.

Bagikan ke teman-teman kamu
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.

Comments

Pesan berupa SPAM, Sara, Iklan, Pornografi, Broken link dan Link Aktif akan kami hapus. Berkomentarlah dengan sopan dan mengikuti panduan mengemukakan pendapat yang baik.
EmoticonEmoticon