Donnerstag, 9. Februar 2012

Wie man HTML/Java Codes in Blogger anzeigen kann

Wer über einen Blog bei Blogger.com verfügt, weiß wahrscheinlich, dass zum Anzeigen von HTML Codes einige Vorbereitungen von Nöten sind. Damit ihr euch die Informationen nicht mühsam zusammensuch müsst, gebe ich euch hier eine schnelle Anleitung.

Zuerst müsst ihr euch in den HTML Vorlagen-Designer begeben. Dort sucht ihr (mit Hilfe von STRG+F) nach diesem Tag:
]]></b:skin>

Über diesem Tag wird nun jene Code-Wurst eingefügt:

pre
{
background:#efefef;
border:1px solid #A6B0BF;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
color:#000000 }
pre:hover {
border:1px solid #efefef;
}
code {
font-size:120%;
text-align:left;
margin:0;padding:0;
color: #000000;}
.clear { clear:both;
overflow:hidden;
}

Nachdem ihr die Änderung gespeichert habt, könnt ihr mit Hilfe des Quick Escape Tools euren HTML-Code entsprechend umwandeln. Wenn ihr wollt, dass dieser in eine Box erscheint, müsst ihr denselben mit <pre> beginnen und </pre> abschließen.
Ist keine Box erwünscht, lässt man diesen Schritt einfach aus!


Viel Erfolg!
D. S.


P. S.: Ein Beispiel für schöne Boxen findet ihr hier!


Quelle: Anleitung auf Blogkori.com

Keine Kommentare:

Kommentar posten