Add syntax highlighter in blogger

Syntax highlighter is one of the most widely used  blogger widget  in design and development blogs. If you are a programmer or web designer  then you must definitely add an attractive syntax highlighter to your blog. In this post we will show you 5 different syntax highlighter  for blogger that created by  Windroidclub . These syntax highlighters are created by modifying HTML pre tag using CSS.

Code:

  
     .code{
     font-family:  Verdana,"Times New Roman",Georgia,Serif;
     font-size:12px;
     color: #333333;
     sdoverflow:auto;
     width: 500px;
     padding: 15px 0px 15px;
     padding-left:42px;
     white-space: pre-wrap;                
     white-space: -moz-pre-wrap !important; 
     white-space: -pre-wrap;               
     white-space: -o-pre-wrap;             
     word-wrap: break-word;              
     }
     .code, .code:before, .code:after
     {
     background: url("http://4.bp.blogspot.com/-GlhRdQ2lszc/UY38C5a_AvI/AAAAAAAABt0   /vsiGbAmbqrs/s1600/stacked-lined.png") repeat-y                 scroll 0 0 transparent;
     border-radius: 5px 5px 0 0;
     border: 1px solid #dcdcdc;
     box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2);
     }