Blogger: Gaya CSS pikeun Kodeu dina Blog Anjeun
Babaturan naros ka kuring kumaha kuring ngadamel wilayah kode dina entri Blogger. Kuring ngalakukeun éta ngagunakeun tag gaya pikeun CSS dina template Blogger kuring. Ieu naon anu kuring tambahkeun:
p.code {
font-family: Courier New;
font-size: 8pt;
border-style: inset;
border-width: 3px;
padding: 5px;
background-color: #FFFFFF;
line-height: 100%;
margin: 10px;
}
p.code
: Ieu aturan CSS nu nargétkeun HTML<p>
elemen kalawan ngaran kelas "kode". Ieu ngandung harti yén sagala paragraf kalawan kelas ieu bakal styled nurutkeun sipat handap.font-family: Courier New;
: Sipat ieu nyetél kulawarga font ka "Kurir Anyar." Ieu nangtukeun font anu bakal dipaké pikeun téks dina elemen sasaran.font-size: 8pt;
: Sipat ieu nyetél ukuran font ka 8 titik. Téks dina elemen sasaran bakal dipintonkeun dina ukuran font ieu.border-style: inset;
: Sipat ieu nyetél gaya wates ka "inset". Ieu nyiptakeun penampilan sunken atanapi dipencet pikeun wates sabudeureun elemen sasaran.border-width: 3px;
: Sipat ieu nyetél lebar wates ka 3 piksel. Wates sabudeureun elemen bakal kandel 3 piksel.padding: 5px;
: Sipat ieu nambihan 5 piksel padding sabudeureun eusi jero elemen sasaran. Éta nyayogikeun jarak antara téks sareng wates.background-color: #FFFFFF;
: Sipat ieu nyetél warna latar bodas (#FFFFFF). Eusi dina elemen sasaran bakal boga latar bodas.line-height: 100%;
: Sipat ieu nyetél jangkungna garis ka 100% tina ukuran font. Ieu ensures yén garis téks anu spasi nurutkeun ukuran font.margin: 10px;
: sipat ieu nambahkeun margin 10 piksel sabudeureun sakabéh unsur. Eta nyadiakeun spasi antara elemen ieu jeung elemen séjén dina kaca.
Kodeu CSS anu disayogikeun netepkeun gaya pikeun paragraf HTML sareng "kode" kelas. Éta nyetél font, ukuran font, gaya wates, lebar wates, padding, warna latar, jangkungna garis, sareng margin pikeun paragraf ieu. Gaya ieu tiasa diterapkeun kana snippét kode atanapi téks anu tos diformat dina tulisan Blogger pikeun masihan aranjeunna penampilan anu khusus.
Ieu kumaha éta bakal katingali:
p.kode {
font-kulawarga: Kurir Anyar;
font-ukuran: 8 pt;
wates-gaya: inset;
wates-lebar: 3px;
padding: 5px;
latar-warna: #FFFFFF;
garis-jangkungna: 100%;
wates: 10px;
}
Senang Coding!