Syntax Highlighter on Blogger - Color Madness

So, youre a uberbloggerweb designer in a mission to create the perfect css and now you want to share it in your blog so you can make your ego feel good. But oh surprise! you want your code to look better that this mess:

#header #header-menu ul li {
color:#FFFFFF;
float:left;
font-family:Verdana;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:22px;
line-height:22px;
margin-right:6px;
}

#header #header-menu ul {
list-style-type:none;
}

maybe a little more like this (heaven incarnate css):
#header #header-menu ul li{
color:#FFFFFF;
float:left;
font-family:Verdana;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:22px;
line-height:22px;
margin-right:6px;
}

#header #header-menu ul {
list-style-type:none;
}
How do you do that? , Well wonder no more my egomaniac developer cuz im bringing ya... FaziBear Blogger Syntax Highlighter!

Step1: Go to Fazibear gadget page and:

(1) Click here and (2)Click there (oh god this is so easy).

Step2: Create a new Post, put your code-to-be-colored on, go to Edit HTML,and surround your code like this:


Yes, it is an image, and yes you have to type it, you lazy developer

you can choose different flavors (replace c-sharp with the alias of your choice):

Language Aliases
C++ cpp, c, c++
C# c#, c-sharp, csharp
CSS css
Delphi delphi, pascal
Java java
Java Script js, jscript, javascript
PHP php
Python py, python
Ruby rb, ruby, rails, ror
Sql sql
VB vb, vb.net
XML/HTML xml, html, xhtml, xslt

more easy, impossible, just remember that this gagdet is only for Blogs on Blogger.

Say thanks to the maker of this gagdet, the great Fuzzyb.. i mean FazyBear
He created the gagdet based on this Library. This library is all in javascript so you can use it if you use Wordpress. But i wont tell you how to do it on Wordpress ;)

See ya next deculture

No comments: