안녕하세요. Digital PR팀의 YUI 입니다.
오늘은 블로그 개설을 위한 초초 간단 프로그래밍에 대해서.. 포스팅 해보고자 합니다.
기초상식이니, 샤우트 여러분들도 알아두시면 괜찮을 것 같다는 생각에 올려봅니다.
저 또한 프로그래밍이라고는 대학교 다닐 때, 시험보고 까먹고 시험보고 까먹고..를 번갈아하며 나와는 인연이 없는 것이라 치
부했었는데, 역시 알아둬서 안 좋은 건 없습니다. 잘 아시는 분은 그냥 다음 글 읽어주시면 됩니다.;;
우선은 저희 샤우트의 블로그가 있는 Tistory에 대한 이해가 조금 필요할 것 같습니다.
<Tistory main 화면>
Tistory는 다들 아시다시피 설치형 블로그인 태터툴즈를 기반으로 구축된 '초대'기반의 가입형 블로그 서비스입니다.
'초대'의 개념은 다들 초대장을 받고, 블로그에 가입하셨을테니 접어두고, 설치형이란 말에 주목해보면,
기존의 정형화된 블로그 형식에서 벗어나 "손쉽게 블로거가 원하는 형태"로 레이아웃등과 디자인등을 바꾸고 다양한 플러그인 기능으로 자신만의 개성이 담긴 독특한 블로그를 운영할 수 있다는.. 그런 형식의 블로그라는 것이지요.
여기서 손쉽다는 건... -_-;; 어떤 기준으로 써놓은 말인지 모르겠지만, 일단 저렇게들 얘기하고 있으니 패스..하도록 할까요.
Tistory의 스킨을 직접 편집하기 위해서는 HTML과 CSS의 개념에 대해 알아둬야 합니다.
html은 hyper test markup language의 약자로 보통 사람들이 말하는 태그(Tag)라고 말하면 되겠네요.
(html과 tag는 약간.. 다르지만, html이 각각의 명령어를 의미하는 태그+a로 이뤄진 언어이니, 뭐 꼭 틀린말은 아닌 것 같습니다. 참, 블로그에서 말하는 태그랑은 뜻이 완전 다르니 혹시나 헷갈리진 마시길...)
여러가지 복잡한 이야기가 많지만, 간단히 얘기하면 html 은 인간이 컴퓨터와 대화하기 위해서 사용하는 컴퓨터 안에서 사용하는 언어입니다.
초보자들 사이에서는 주된 언어로 가장 많이 사용하는데, 이는 다른 자바나 c++같은 언어에 비해 아무 프로그램에서나 호환이 되고(무려 메모장에서도~~), 인간의 언어와 가장 유사해서, 배우기 쉽다는 장점이 있지요.
css는 Cascade Style Sheet의 약자로, 프로그래밍 된 언어를 좀더 쉽~고, 스타일~~리쉬~~하게 바꾸기 위한 스타일 시트 표준안입니다.
아래 그림을 보시죠.
스킨을 편집하기 위해 관리자 모드로 들어간 경우입니다.
(참고로 저희 회사 블로그는 팀블로그 형식으로 모든 사람들이 관리자권한을 가지고 있는 건 아닙니다.
개인 블로그 운영시 참고해두시면 될 것 같네요.)
좀더 자세히...보면,
html앞에 skin이란 말이, css앞에style이란 말이 붙어있죠?
전 이걸 보고 떄려맞춘 감이 없지 않아 있는데...
이 말인 즉슨, html로 블로그 스킨의 기본적인 뼈대들을 구성하고, css로 섬세한 스타일을 잡는다.고 이해할 수 있겠네요^^
**기초 학습***
본문 검색 리스트에 카운트 색상을 바꾸어보자!!!!
카테고리에 달린 댓글을 표시하는 저 부분의 색상이 바꾸고 싶으시다면,
우선 html에서 해당 부분을 찾습니다. (대부분 앞에 한글로 [본문건색리스트]와 같이 친절하게 표시되어 있으니 찾는 건 그렇게 어렵지 않습니다.)
아래와 같이 나왔군요.
그 다음엔 css에서 어떤 부분을 수정해야 할지 찾아요.
보통 div id 뒤에 큰 따옴표 안에 있는 걸 기반으로 찾으면 됩니다.
searchList로 찾아보지요~~
그럼 아래와 같은 부분이 나오네요.
여기 searchList에 대한 style을 바꾸기 위한 것들이 죽 나와있죠?
찾으셨다면 반은 하신셈!!!
저희가 수정하려고 하는건 댓글의 count 색상이니, 어떤걸 봐야할까요?
가장 유사한걸 떄려맞춰보면 "cnt"!!!
cnt...아, 뭔가 count의 약자겠구나..하는 느낌이 오지 않나요??
원래는 부분을 봐야 하지만, 뭐 굳이 거기까지는 생각안하셔도 됩니다.
이제 찾은 부분에서 color를 자신이 원하는 컬러로만 바꾸면 끝!!!!
html 컬러 색상표는
류지혜님의 블로그: http://blog.naver.com/cpflrntmf55?Redirect=Log&logNo=10009115523
Geun님의 블로그: http://blog.gdiary.net/21
를 보시면 색상별로 자세히 나와 있습니다.
***************************
샤우트 팀 블로그 외에 여러분들께서도 각자의 블로그를 가지게 되시겠죠?
갖고 계신 분도 상당 수 계시겠지만요.
자신만의 개성이 담긴 블로그를 만들고 싶으시면,
대부분의 기초적인 것들에 대해서는 티스토리에서 [스킨 가이드]메뉴를 따로 두고, 블로그 등을 운영하며 설명하고 있으니,
http://www.tistory.com/manual/skin/?_top_tistory=navi_manual_skin
아래 링크를 따라 가보시면 됩니다.
그리고, 정말 예외적인 상황이 아니고서야 직접 코딩을 할 필요는 없기 때문에 "손쉽게"정도까지는 아니더라도, "어느정도는 고민하면서" 하실 수 있으실 겁니다.
감사합니다.
'Blog Tip' 카테고리의 다른 글
| [Shoutism blog tip-5]블로그 편집을 위한 기본 프로그래밍 (8) | 2009/01/14 |
|---|---|
| [Shoutism blog tip-4] 트랙백(Trackback)이란 무엇인가? (3) | 2009/01/13 |
| [Shoutism blog tip-3] 초보 블로거도 파워 블로거처럼! MS 워드와 함께 손쉬운 블로깅을… (4) | 2009/01/12 |
| [shoutism blog tip-2] RSS 활용하여 블로그 구독하기 (4) | 2009/01/07 |
| [Shoutism blog tip-1] 팀블로그의 필진되기 그리고 기본적인 포스팅하기 (10) | 2009/01/05 |




댓글을 달아 주세요
넌 정말 전문가야....ㅋ
2009/01/14 11:37 [ ADDR : EDIT/ DEL : REPLY ]오..이건 시간내서 꼭 한번 따라해 봐야겠는데.. 머찌다!! YUI~~
2009/01/14 14:12 [ ADDR : EDIT/ DEL : REPLY ]아 저 그림 대박.....
2009/01/14 14:19 [ ADDR : EDIT/ DEL : REPLY ]내가 싫어라 하는 프로그래밍을 잘 써주셨군여 ㅋㅋㅋ 생유~~ 유용하게 쓰겠슴다 ㅋ
2009/01/14 15:45 [ ADDR : EDIT/ DEL : REPLY ]한번 시작하면 끝을 보고 마는 유이님의 집념이 느껴지는 샤우트 블로그와 포스팅이네요. 수고 많으셨습니다.
2009/01/15 13:30 [ ADDR : EDIT/ DEL : REPLY ]왠지 사심이 듬뿍담긴듯한 댓글인 느낌이다
2009/01/15 13:33 [ ADDR : EDIT/ DEL ]집념이라니...-_-;;안좋은 의미는 아니신거죠?
2009/01/15 18:25 [ ADDR : EDIT/ DEL ]YUI.. 학교졸업도 안하고 내밑으로 온게 엊그제 같은데...일케 성장했구료... 눈물이 글썽글썽.. .(늙나봐!!) 고객사 마케팅 차장님이 대리로 착각할만하오...장하오......
2009/01/16 15:30 [ ADDR : EDIT/ DEL : REPLY ]