TechAsera: October 2013

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQveg5Y5tjhaBYXT1cf5ykE4sOznBYalQddrPVjxtL72ApIJw2i2UJg9kvIWiv-NDoalSq3cKMoGvmUWxtoug8sS0VUEgGgfGL4EXQ_KIOCW6HSn24noXO5eioF15MzgfpV23qZaRDgjk/s1600/blogger_logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQveg5Y5tjhaBYXT1cf5ykE4sOznBYalQddrPVjxtL72ApIJw2i2UJg9kvIWiv-NDoalSq3cKMoGvmUWxtoug8sS0VUEgGgfGL4EXQ_KIOCW6HSn24noXO5eioF15MzgfpV23qZaRDgjk/s200/blogger_logo.png" width="200" /></a><span style="background-color: white; color: #666666; font-family: Helvetica, Arial; font-size: 15px; line-height: 21px; word-spacing: 5px;">Syntax highlighter is one of the most widely used  blogger widget  </span><span style="background-color: white; color: #666666; font-family: Helvetica, Arial; font-size: 15px; line-height: 21px; word-spacing: 5px;">in design and development blogs. If you are a programmer or web designer </span><span style="background-color: white; color: #666666; font-family: Helvetica, Arial; font-size: 15px; line-height: 21px; word-spacing: 5px;"> then you must definitely add an attractive syntax highlighter to your blog. In this post we will show you 5 different syntax highlighter </span><span style="background-color: white; color: #666666; font-family: Helvetica, Arial; font-size: 15px; line-height: 21px; word-spacing: 5px;"> for blogger that created by  <a href="http://www.windroidclub.com/" rel="nofollow" target="_blank">Windroidclub</a> </span><span style="background-color: white; color: #666666; font-family: Helvetica, Arial; font-size: 15px; line-height: 21px; word-spacing: 5px;">. These syntax highlighters are created by modifying HTML pre tag using CSS.</span><br />
<br />
<h2>
</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgecIDqHLHQBFPNG4n6LTaaCWuavUcfE_mcjXPl5HxHnTQw90VKrQzVFA481Ww_1goDedloD6K0XiH7DPE0Q-5f4bsxMbV-BaMNm8mlkRi8w7juZUg5hc5iyWr_HdXOqRyWlU4AlSIF-IQ/s1600/image29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgecIDqHLHQBFPNG4n6LTaaCWuavUcfE_mcjXPl5HxHnTQw90VKrQzVFA481Ww_1goDedloD6K0XiH7DPE0Q-5f4bsxMbV-BaMNm8mlkRi8w7juZUg5hc5iyWr_HdXOqRyWlU4AlSIF-IQ/s1600/image29.png" /></a></div>
<div>
</div>
<div>
<span style="font-family: Helvetica, Arial;"><span style="color: orange; font-size: 15px; line-height: 21px; word-spacing: 5px;"><b><i>Code:</i></b></span></span></div>
<pre class="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);
     }</pre>

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...

TechAsera

Add syntax highlighter in blogger

Bloggersstand.com

Populars

Comments

Archive