Blog Tips
-
블로그에서 소스코드를 가독성있게 출력하는 방법. SyntaxHighlighterBlog Tips 2011. 11. 2.
저의 경우 블로그에 간략한 예제에 대한 C 소스코드와 shell 스크립트의 내용들을 포스팅 내용에 간간히 포함시키곤 한다. 그럴 때 마다 HTML 수정에서 직접 태그를 주어서 하나의 문단으로 묶어주고 가독성을 위해 앞뒤 글과의 차이를 두고 재확인하는 작업을 했었다. 자료를 찾아보니 많은 사람들이 적용한 SyntaxHighlighter라는 프로그램을 찾았다. http://alexgorbatchev.com/SyntaxHighlighter/ SyntaxHighlighter는 자바 스크립트를 통해 태그 안에 약속된 아이디(class)에 어떤 소스코드인지를 명시해두면 소스코드 작성 편집기에서 표현해주는 퀄리티의 소스 코드를 웹에서 확인할 수 있다. 위의 이미지에서 Demo 부분처럼 말이다. 자 그렇다면, 이제 설..
-
블로그 공유 버튼을 만들자 - SharethisBlog Tips 2011. 9. 1.
블로그를 돌아다니다 보면, 발행된 글들에 공유 버튼들이 있는걸 볼 수 있다. 이러한 공유 버튼들과 RSS 등록 버튼들은 블로그의 글을 널리 알릴 수 있어 블로그를 유지하는데 중요한 포인트라고 할 수 있다. 약간의 디버깅(?)을 통하여 잘 꾸며져 있는 분들의 공유 버튼의 세부 구현 내용을 카피 하려고 했는데 잘 찾아보니 웹서비스로 제공되는 부분들이 있었다. sharethis(http://sharethis.com)에서 이러한 공유 버튼을 제공해주고 있다. Get The Button 부분을 클릭하면 세부 디자인을 설정할 수 있다. style을 선택하고 공유 가능한 서비스들을 골라서 제일 하단에 Get the button 을 누르면 그 디자인에 해당하는 HTML 코드와 javascript 코드를 결과로 보여준다..