Ang estilo sa CSS alang sa Code sa imong Blog

CSS

Usa ka higala nako ang nangutana kanako kung giunsa nako gihimo ang mga code nga rehiyon sa akong katapusang entry sa blog. Tinuod nga 'gipeke' nako ang rehiyon sa code nga gigamit ang usa ka estilo. Sulod sa Blogger, mahimo nimo i-edit ang imong template. Gidugang nako ang mosunud nga istilo:

p.code {font-family: Bag-ong Courier; sukod sa font: 8pt; estilo sa utlanan: inset; gilapdon sa utlanan: 3px; padding: 5px; kolor sa background: #FFFFFF; taas nga linya: 100%; margin: 10px}

Ang sunod nga lakang mao ang pag-edit sa akong tag sa 'I-edit ang html' mode. Gitudlo ra nako ang akong bag-ong estilo pinaagi sa paghimo sa tag. Voila! Pagbungkag sa mga istilo:

  • Itakda ang font sa Courier New… ingon usa ka generic code editor
  • Ibutang ang gidak-on sa font sa 8pt aron tan-awon ang husto
  • Ibutang ang istilo sa utlanan sa utlanan sa 'inset'. Kini nagkopya kung unsa ang hitsura sa usa ka textarea sa panid.
  • Ibutang ang gilapdon sa utlanan sa 2 o 3 nga mga pixel. Gihimo niini nga husto ang istilo sa sulud nga sulud nga sulud.
  • Gitakda sa padding ang distansya taliwala sa utlanan ug teksto sa sulud.
  • Kulay sa background… ibutang kini sa puti (#FFFFFF)
  • Taas sa linya - Gibag-o ko kini sa 100% tungod kay ang pila sa ubang mga estilo sa tema sa akong blogger ang naghimo sa akong kataas nga 200%
  • Ibutang ang margin sa 10 px. Gibalhin niini ang parapo (p tag) 10 nga mga pixel ang layo sa tanan.

Anaa ra usab kana! Usa ka sulat: Ang editor nga adunay Blogger dili makahimo sa pagpakita sa ingon makita kini sa imong blog. Apan kini molihok ug nindot tan-awon!

Usa pa nga pahinumdum… pagkahuman nimo ang pag-edit sa tag, gusto sa editor sa Blogger nga random kini gamiton bisan diin sa imong post. Medyo makalagot! Ang akong tambag nga isulat ang imong tibuuk nga post ug unya himua ang us aka gamay nga pag-edit pagkahuman.

Usa ka katapusang mubo nga sulat… siguruha nga gamiton ang HTML Entities aron maipakita ang imong mga simbolo! Usa ka pananglitan sa magtiayon:

  • Ang mga kinutlo (") mao ang"
  • > mao>
  • > mao>

Malipayon nga Coding!

3 Comments

  1. 1

    Gusto lang ako mahibal-an ang wheter nga mahimo nako idugang ang mga feed gikan sa usa ka site sa balita aron ang balita magpakita sa akong kilid nga bar?

  2. 2
  3. 3

    butang ko dili kinahanglan magsulat karon kaysa. mahimo nimo gamiton ang makatabang nga mga editor. mahimo kang mopili kolor, utlanan ug uban pa.

Unsay imong hunahuna?

Kini nga site naggamit sa Akismet sa pagpakunhod sa spam. Hibal-i kon giunsa ang pagproseso sa datos sa imong komento.