임베디드 | 라즈베리파이 | ARM | 리눅스 | Qt | 딥러닝

블로그에 소스를 넣으려고 

복사해서 붙여넣기하면

아래와같이 이쁘지 않게 붙여넣어진다.



<script type="text/javascript" src="js/bookmark.js"></script>

<script type="text/javascript">


// 접속 핸드폰 정보

var userAgent = navigator.userAgent.toLowerCase();

// 모바일 홈페이지 바로가기 링크 생성

if(userAgent.match('iphone')) {

    document.write('<link rel="apple-touch-icon" href="apple-touch-icon.png" />') 

} else if(userAgent.match('ipad')) {

    document.write('<link rel="apple-touch-icon" sizes="72*72" href="apple-touch-icon-ipad.png" />')

} else if(userAgent.match('ipod')) {

    document.write('<link rel="apple-touch-icon" href="apple-touch-icon.png" />')  

} else if(userAgent.match('android')) {

     document.write('<link rel="shortcut icon" href="favicon.ico" />') 

} else {

    document.write('<link rel="shortcut icon" href="favicon.ico" />') 

}


</script> 

위와 같이 색상도 구분이안되고 검은 바탕에 흰색이 글자인것 처럼 보인다.



이러한 구분도 되지 않는 소스코드를 이쁘게 넣기 위한 좋은 방법을 소개한다.


위으 소스코드와 아래의 소스코드는 완전히 똑같은 소스코드이다. 어떤것이 더 눈에 잘 들어오는가

블로그 운영할때 이러한 세심한 배려 하나로 달라보일 수가 있을것이다.




사이트 사용방법을 알려드리겠습니다

coloscripter라는 사이트에 접속합니다.

http://prev.kr/apps/ColorScripter 


사이트에 접속하면 위와같이 설명이 나옵니다.

반드시 읽어보셔야해요 

저위에 Colored By Scripter 트레이드마크는 삭제하지 말라고 나와있네요

공짜로 이용하는 거니까 지킬껀 지켜주자고요!




사이트 우측 상단에 웹에서 실행을 누르시면 이쁜 소스코드 넣을 수있는 페이지가 나옵니다.



위와같이

CSS뿐 아니라 PHP, JAVA, HTML, C++ 등 다양한 소스코드가 가능하네요



1. 소스를 복사해서 붙여넣는다

2. 우측 하단에 복사 버튼을클릭한다.

3. 소스코드를 복사한후 원하는 블로그에 이쁘게된 소스코드를 붙여넣는다.


결과를 보실까요?


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
@charset "utf-8";
/* CSS Code */
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}

이와같이 이쁘게 소스코드가 완성되었습니다.

블로그에 이쁘게 소스코드 넣는 방법 매우 간단하죠?

이 프로그램 말고도 다양한 코드넣기 만드는 사이트 많은데

이 사이트는 간단한것같아요