Arddull CSS ar gyfer Cod ar eich Blog

Gofynnodd ffrind i mi sut y gwnes i'r rhanbarthau cod ar fy nghofnod blog diwethaf. Fe wnes i 'ffugio' y rhanbarth cod gan ddefnyddio arddull. O fewn Blogger, gallwch olygu eich templed. Fe wnes i ychwanegu'r arddull ganlynol:

p.code {ffont-deulu: Courier New; maint ffont: 8pt; arddull ffin: mewnosodiad; lled y ffin: 3px; padin: 5px; lliw cefndir: #FFFFFF; uchder llinell: 100%; ymyl: 10px}

Y cam nesaf yw golygu fy tag yn y modd 'Edit Html'. Yn syml, rwy'n tynnu sylw at fy steil newydd trwy wneud y tag. Voila! Chwalu'r arddulliau:

• Gosodwch y ffont i Courier New ... mae'n edrych fel golygydd cod generig
• Gosodwch faint y ffont i 8pt i edrych yn iawn
• Gosodwch arddull ffin y paragraff i 'fewnosod'. Mae hyn yn ailadrodd sut olwg sydd ar textarea ar y dudalen.
• Gosodwch led y ffin i 2 neu 3 picsel. Mae hyn yn gwneud i'r arddull ffin mewnosod edrych yn iawn.
• Mae padin yn gosod y pellter rhwng y ffin a'r testun y tu mewn.
• Lliw cefndir ... gosodwch ef i wyn (#FFFFFF)
• Uchder y llinell - Fe wnes i addasu hyn i 100% oherwydd bod rhai o'r arddulliau eraill yn fy thema blogger wedi gwneud uchder fy llinell tua 200%
• Gosodwch yr ymyl i 10 px. Mae hyn yn symud y paragraff (tag p) 10 picsel i ffwrdd o bopeth.

Dyna'r cyfan sydd yna hefyd! Un nodyn: Nid yw'r golygydd sy'n dod gyda Blogger yn gallu arddangos y fel y bydd yn ymddangos yn eich blog. Ond mae'n gweithio ac yn edrych yn wych!

Un nodyn arall ... ar ôl i chi wneud y golygu i'r tag, mae golygydd Blogger yn hoffi ei ddefnyddio ar hap mewn man arall ar draws eich post. Mae ychydig yn annifyr! Fy nghyngor i fyddai ysgrifennu'ch post cyfan ac yna gwneud yr un golygiad bach wedyn.

Un nodyn olaf ... gwnewch yn siŵr eich bod yn defnyddio Endidau HTML i arddangos eich symbolau! Enghraifft cwpl:

• Dyfyniadau (“) yw“
• > yw>
• > yw>

Codio Hapus!