Tuesday, 21 April 2015

Home PagePrint Story

Convert your code snippets to a beauty

Almost everybody blogs in the world. Some blogs in websites and some in there notebooks. Everybody wants the things neet and clean so that it can attract others. In the same way some people blogs about codes and programming and wants to display their code beautifully on there website or blog. For example see the below two codes.

CODE:1

pre code {-moz-box-shadow: 0 0 10px #000000;background: url("https://farm8.staticflickr.com/7718/16452419034_25925ed670_o.png") repeat scroll 0 0 #000000;border: 2px solid #CCCCCC;clear: both;color: #000000;display: block;font-size: 12px;line-height: 15px;margin: 10px auto 10px 30px;overflow: auto;padding: 15px;white-space: pre;width: 85% !important;word-wrap: break-word;}



CODE:2


 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
pre code {
-moz-box-shadow: 0 0 10px #000000;
background: url("https://farm8.staticflickr.com/7718/16452419034_25925ed670_o.png") repeat scroll 0 0 #000000;
border: 2px solid #CCCCCC;
clear: both;
color: #000000;
display: block;
font-size: 12px;
line-height: 15px;
margin: 10px auto 10px 30px;
overflow: auto;
padding: 15px;
white-space: pre;
width: 85% !important;
word-wrap: break-word;
}

Yes you can see the difference,  the CODE 2 is more appealing and easier to understand. Then how did this happen. Just go to this site beneath and converts your code snippets into pretty-printed HTML format, easily embeddable into blog posts, emails and websites.



You can also use this link for showing beautiful codes for your blogger blog.




0 comments:

Post a Comment