Blogger: Gaya CSS kanggo Kode ing Blog Sampeyan
Kanca takon kepiye carane nggawe wilayah kode ing entri Blogger. Aku nggunakake tag gaya kanggo CSS ing template Blogger. Iki sing dak tambahake:
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
: Iki minangka aturan CSS sing ngarahake HTML<p>
unsur kanthi jeneng kelas "kode". Tegese paragraf apa wae karo kelas iki bakal ditata miturut properti ing ngisor iki.font-family: Courier New;
: Properti iki nyetel kulawarga font dadi "Courier New." Iki nemtokake font sing bakal digunakake kanggo teks ing unsur sing ditargetake.font-size: 8pt;
: Properti iki nyetel ukuran font dadi 8 poin. Teks ing unsur sing ditargetake bakal ditampilake kanthi ukuran font iki.border-style: inset;
: Properti iki nyetel gaya wates dadi "inset." Iku nggawe katon sunken utawa dipencet kanggo wates watara unsur diangkah.border-width: 3px;
: Sifat iki nyetel jembaré wates kanggo 3 piksel. Wates ing saubengé unsur bakal dadi 3 piksel.padding: 5px;
: Properti iki nambahake 5 piksel padding ing saubengé isi ing unsur sing dituju. Iki menehi jarak antarane teks lan wates.background-color: #FFFFFF;
: Properti iki nyetel werna latar mburi putih (#FFFFFF). Isi ing unsur sing ditargetake bakal duwe latar mburi putih.line-height: 100%;
: Properti iki nyetel dhuwur baris dadi 100% saka ukuran font. Iki mesthekake yen baris teks diwenehi jarak miturut ukuran font.margin: 10px;
: Properti iki nambahake wates 10 piksel ngubengi kabeh unsur. Iki menehi jarak antarane unsur iki lan unsur liyane ing kaca.
Kode CSS sing diwenehake nemtokake gaya kanggo paragraf HTML kanthi "kode" kelas. Iki nyetel font, ukuran font, gaya tapel wates, ambane wates, padding, werna latar mburi, dhuwur garis, lan wates kanggo paragraf kasebut. Gaya iki bisa ditrapake kanggo potongan kode utawa teks sing wis diformat ing kiriman Blogger kanggo menehi tampilan tartamtu.
Mangkene carane bakal katon:
p.kode {
font-kulawarga: Kurir Anyar;
ukuran font: 8pt;
wates-gaya: inset;
jembaré wates: 3px;
padding: 5px;
werna latar mburi: #FFFFFF;
dhuwur baris: 100%;
wates: 10px;
}
Seneng Coding!