블로그로 돈벌기팁 비앤아이

[CSS] 티스토리스킨-댓글 스타일시트 이해하기 시작을 했으니 끝을 내야 할텐데.. 끝이 보이지 않는군요. 점점 더 깊은 수렁으로 빠져들고 있는 느낌이 팍팍 들고 말입니다. 암튼 포스트영역 이번 글로 마무리가 됩니다. 블로거나 방문자나 관심깊은 댓글 치장을 어떻게 해야 하나~~ 오늘은 댓글영역의 스타일시트(Cascading Style Sheet)에 대해서 알아보도록 하겠습니다. (이하 존칭생략합니다.) skin.html의 소스와 style.css 파일의 소스가 가장 많은 부분이 댓글이 아닌가 합니다. 찌글 찌글한 영어들이 쫙 화면 전체에 나타나게 되겠네요! 댓글 스타일 - 리스트 및 답댓글 현재 Pure Black (text) 스킨 기준으로 댓글은 아래와 같이 표시가 된다. 지정할 수 있는 스타일을 보면..

[CSS] 티스토리 스킨 댓글,트랙백 스타일 이해하기 댓글과 트랙백 관련 html 은 웹으로 나타나는 내용만 볼때는 간단해 보이지만 스킨 내부를 들여다 보면 은근히 복잡합니다. 이 부분에 대해서 설명을 하려다 보니 은근 난해하고 지루해질것 같습니다. 그래서 스타일에 대해서 배우는 만큼 스타일위주로만 간략하게 설명을 할까 합니다. (이후 존칭생략) 이번 글에서는 본문하단에 배치되는 태그, 트랙백에 대한 스타일 구성에 대해서 알아볼까 한다. 언뜻보기에 소스가 매우 복잡해 보이는데 하나 하나 들여다보면 그리 복잡할것도 없다 . 태그를 표시하는 스타일 일반적으로 포스트 하단에 위치한 태그 리스트이다. 스킨에 따라 태그의 크기, 글자색을 지정한 경우도 있는데 이 기회에 그 방법을 알아보도록 하자. 먼저 skin...

티스토리스킨 style.css 완전정복 1 티스토리는 이용자측면에서 보면 skin.html과 style.css로 구성되어 있다. skin.html : 블로그의 구조 및 컨텐츠 표시 style.css : 블로그에 표시되는 문단 및 글자에 대한 여러가지 속성을 담고 있는 파일로 skin.html에서 호출하여 사용됨 이 2개의 파일중 여기서 설명하려는 내용은 style.css 파일속에 들어있는 내용의 일부이다. style.css에는 블로그 제목의 크기 및 색깔, 블로그의 링크색, 글자색, 폭, 줄간격, 배경색등의 정보가 담겨져 있고 블로거가 언제든지 임의로 수정이 가능하여 본인만의 스킨을 만들 수도 있다. claire 04 © studio.es by Vincent Boiteau 이 style.css 파일속에 ..

티스토리 치환자 정리 티스토리의 skin.html을 보면 [ ##_title_##] 와 같은 텍스트를 볼 수가 있는데 이게 바로 티스토리에서 사용되는 치환자라고 하는 것입니다. 티스토리의 치환자는 실제로 웹화면에 표시되는 컨텐츠(포스트제목, 포스트내용, 댓글, 글의 목록, 태그등등)를 표시해주는 변수와 비슷한것으로 시스템 이해의 어려움과, 반복되는 내용을 HTML로 매번 작성해야 하는 번거로움을 최소화하기 위하여 자주 사용하는 부분을 정리하여 상수화한것입니다. 자주 사용하는 치환자 여기서는 자주 사용하거나 중요한 치환자만 정리를 하도록 하겠습니다. skin.html에서 아래의 치환자가 들어간 위치에는 설명에 적혀진 내용이 표시가 됩니다. ※ 치환자는 화면표시를 위해서 대괄호([) 다음에 한칸을 띄었는데 ..

티스토리 뽀개기 - div 와 span 티스토리 스킨을 이해하기 위해서 div와 span의 이해는 필수입니다. 티스토리의 스킨 및 블로그의 구조를 담고 있는 파일인 skin.html은 대부분 div와 span 태그로 이루어져 있기 때문입니다. 웹(www) 페이지를 구성하고 있는 html 태그중에서 영역을 지정하거나 표(table)을 구성하는데 사용되는 태그는 , ,가 있습니다. 와 은 태그를 대신할 수 있고 태그를 사용하는 것보다 파일의 크기를 줄일 수 있을 뿐만이 아니라 웹의 속도도 올려줄 수가 있는 태그입니다. 티스토리의 구조는 티스토리 뽀개기 - 스킨 구조(skin.html) 이해하기 에서 설명했듯이 헤더영역과 본문(포스트)영역, 사이드영역과 하단영역으로 구분이 되어 있는데 이렇게 영역 구분을 태그..

i n v i t a t i o n 티스토리 초대장 / 블로그 만들기 참으로 오랜만에 초대장을 배포하는 것 같습니다. 배포 예정인 초대장은 모두 마감되었습니다. 티스토리 초대장 받기를 원하시는 분은 댓글로 블로그 운영 목적과 email 주소를 적어주시기 바랍니다. 스팸블로그나, 펌글로 도배하는 블로그를 만들려고 하는 분들은 정중히 사양하겠습니다. 또한 초대장 배포후 스팸블로그를 운영하는 경우 신고를 할 수 있음을 밝힙니다. (관리페이지에서 모두 확인됨) 자신만의 블로그를 직접 꾸며가실 분만 신청하세요! Yes 이런 분들께 드립니다! 1. 다른 블로그를 사용해보셨던 분 2. 이메일 주소가 정상적인 분 3. 블로그를 시작하려는 이유를 남겨주신 분! No 이런 분들께 드리지 않아요! 1. 이메일 주소가 의심되..

티스토리 블로그꾸미기 - 메뉴,사이드바,리스트,애드센스등 티스토리에서 블로그를 시작하면서 스킨의 일부를 변경을 했습니다. 메뉴와 링크, 제목색등의 아주 작은 부분인데 묻는 분들이 많이 계시는군요! 사실 대부분의 내용들은 이미 블로그에 올려져 있는데 찾지를 못하는 것이죠! 글을 올린 본인조차도 자신의 글을 쉽사리 찾을 수가 없으니 방문하신 분이야 말하면 입만 아프죠! 검색기능을 이용하면 조금 쉽게 찾을 수는 있겠지만 블로그의 검색기능은 블로그만의 특성을 가지고 있지 않아 글이 많아지게 되면 검색이 쉽지 않습니다. 티스토리에 바라건데 태그로 검색하거나 제목으로 검색하는 등의 기능을 넣어 주시면 좋겠습니다. 검색을 하면 제목부터 본문까지 너무 폭 넓게 검색되어 원하는 내용을 찾기가 쉽지가 않거든요! 필자가 비..

전향한 Daum, 네이버 블로거! 티스토리가 어려운 이유 어떤 블로그든간에 블로그에 입문한 사람들은 블로그 운영과 관리적 측면에서 여러가지 익혀야 할 내용들이 많이 있습니다. 이중에서는 읽어서 쉽사리 이해가 가고 따라할 수 있는 내용이 있는가 하면 읽어도 잘 이해가 안가고 바로 따라할 수 없는 경우가 있습니다. 이런 경우들은 대부분 소스가 들어가는 작업이나 소스 수정하는 작업들이 대부분일것입니다. 블로그로 돈벌기 팁에 대한 소재로 운영되는 비앤아이 블로그를 운영하다 보면 블로그 입문자나 티스토리로 전향한 Daum, 네이버 블로거들이 어려움을 토로하는 경우들을 많이 봐왔습니다. 또한 어렵다는 이유로 포기를 하는 분들도 많이 있는것 같습니다. 관련사진 찾다가 포기ㅠㅠ. Marlie in Natural Lig..

"티스토리 스킨" 생각없이 변경하면 개고생한다. 티스토리의 가장 맘에 드는 점은 블로그를 임의로 꾸밀 수가 있다는 점이다. 이용자가 볼 필요없는 소스는 모듈화하여 은닉해놓고 스킨(skin.html)과 스타일(style.css)만을 변경할 수 있도록 하여 잘못되어도 큰 문제가 발생하지 않도록 구조화되어 있다. 이러한 티스토리의 좋은점은 때로는 귀차니즘과 짜증스러움을 안겨주기도 하는데 그때가 바로 스킨을 변경하는 경우이다. 스킨을 변경하면 그동안 꾸몄던 블로그의 대부분이 원상태로 바뀌어 버리기 때문에 스킨을 변경할때는 심사숙고하여 변경을 해야 한다. 그렇지 않은 경우 낭패를 볼 수가 있기 때문이다. 티스토리 스킨을 변경하면 블로그 헤드영역(제목, 메뉴, 검색), 사이드바 영역, 본문의 상하단(광고, 분석툴)..

편리해진 사이드바 배너관리 티스토리의 사이드바는 블로그를 꾸미는 또다른 맛이 있고 .. 자유롭게 구성을 할 수가 있어서 매우 매우 마음에 듦니다. 이렇게 티스토리의 사이드바를 꾸밀때 주로 사용하는 것이 배너출력이라는 모듈입니다. 이 모듈을 이용하면 자바스크립트나 플래시 html 태그등을 이용하여 배너를 삽입하는 등 이용자가 원하는 내용을 삽입하고 꾸밀 수가 있습니다. 그런데 이것 저것을 추가하여 사이드바를 꾸미다 보면 똑 같은 배너출력 모듈이 여러개 늘어나게 되고 수정하거나 삭제시 구분이 되지 않아 블로그 화면과 관리화면을 번갈아가면서 몇번씩 비교하면서 작업을 해야 하는 불편함이 있습니다. 2008년 티스토리 업데이트 전에는 각각의 배너모듈에 실제 내용이 보여져서 한눈에 구분을 할 수가 있었는데 업데이트..

먼저보세요! 살짝 보여드릴께요! 속으셨죠? ^^ 앞전에 올린 글에 플래시가 포함되어 있는데 플래시가 원래 자원소비를 많이 합니다. 플래시를 이용하면 매우 동적이고 멋스러운 홈페이지를 꾸밀 수가 있어서 한때 홈페이지마다 플래시를 사용했는데 이 플래시가 PC의 자원을 많이 소모를 하여 PC성능이 안 좋은 경우 버벅 거리는 현상이 발생을 합니다. 블로그 첫페이지에 이런 내용이 올라가 있어서 본인의 뜻하고 상관없는 버벅거림을 겪어야 할 이웃이 있을 것 같아 첫페이지 감춤용으로 올린 글입니다. ^^ 또한 내일 올라갈 포스트의 내용이기도 입니다.

플리커 플러그인 이용과 검색엔진 최적화에 대한 고찰 얼마전 티스토리에서 플리커 플러그인 서비스를 시작했습니다. 블로거 입장에서 보면 포스팅시 저작권에 위배되지 않는 이미지를 준비하는 일도 만만치 않은 일이고, 이미지를 삽입하는 시간도 무시못하는 상황에서 티스토리의 플리커 플러그인 서비스는 매우 고무적인 일이라 할 수가 있습니다. 티스토리에서서 제공하는 플리커(Flickr)는 야후에서 운영하는 세계최고의 온라인 사진관리 사이트입니다. 이 플리커에 올려진 수십만장의 사진들은 CCL에 따라서 이용을 할 수가 있는데요! 포스팅중에 티스토리에서 편리하게 사진을 이용할 수 있도록 플러그인으로 제공을 한것입니다. 사실 저도 플리커를 가끔 이용하는 편인데요! 그동안은 사진을 이용하기 위해서 플리커 사이트로 접속하여 사..

블로그와 연결시킨 한줄메모 me2day 문득 문득 떠오르는 생각들 중에서 그냥 웹에 또는 블로그에 한줄로 메모를 남기고 싶을 때가 있었습니다. 포스팅 할 수준의 내용은 아니고 그냥 그날 그날의 일상이나 생각등을 간략하게 남길 수 있는 카페등에서 사용되는 한줄 메모를 할 수 있는 기능이 있다면 좋겠다는 생각을 했었습니다. 그러다 어느날 이런 기능이 있는지 검색을 하다가 m2day를 알게 되었답니다. 제가 블로그를 시작한지 그다지 오래 되지 않아서인지 정보수집력이 떨어져서 인지는 몰라도 좀 늦게 m2day를 만났지요! 그리고 이 m2day를 이용하여 블로그에 한줄메모를 할 수 있는 방법을 찾아내서 제 블로그에 적용을 했답니다. 제 블로그 상단에 "Kay의 한줄 Log"라는 부분이 바로 m2day를 이용한 한..

티스토리 유입경로 (리퍼러 기능정지) 오류 티스토리 유입경로가 뭔가 이상하다. 하루종일 유입경로가 똑 같다. 티스토리 리퍼러 로그 정리에 문제가 있나 보다. 관리자 센터에 유입경로가 표시되도록 설정을 해놨는데 방문할때마다 "블로그 돈벌기"가 보이는 것이었다. 난 오늘 대한민국 사람들 전체가 블로그로 돈벌기에 관심을 가지고 검색을 통하여 수없이 많은 사람들이 내 블로그에 들어오는 것으로 착각했다. 그럴수밖에 없는것이 위 그림처럼 방문할때마다 "블로그로 돈벌기, 돈벌기"가 계속 보이니.. 착각할 수 밖에 없지 않은가.. 얼마 동안이나 똑 같은 내용만 표시하고 있었는지는 모르겠지만, 갑자기 같은 내용이 계속 보인다는 느낌에 확인을 해보니.. 유입경로가 변하지 않는 것이었다. 새로운 유입이 들어와도 알아차리지 ..

i n v i t a t i o n 티스토리 초대장 + 초대장 수 : 00 안녕하세요! 티스토리에 보금자리를 마련하시려는 여러분께 초대장을 배포해 드리려고 합니다. 나만의, 내 생각을, 내 기억을 담는 소중한 블로그를 만들고 싶다면 티스토리로 시작해보세요! 티스토리 블로그는 초대에 의해서만 가입이 가능합니다. 하지만 스팸블로그로 활용하려는 사람도 많고 초대장을 받고 블로그를 운영하지 않는 분들도 많기 때문에 초대장 받고 바로 운영할 수 있는 분께만 초대장을 배포하려고 합니다. 댓글에 블로그 운영 목적과 e-mail 주소를 남겨주시면 내용을 보고 10분께 초대장을 보내드리도록 하겠습니다. 남겨주실 때에는 꼭 비밀댓글로 남겨주세요! 배포는 제가 바쁜관계로 저녁 9시가 넘어야 가능할것 같습니다. 초대장을 보내..

티스토리 우수블로그! 이래서 좋다. 2008 티스토리 우수 블로그 발표가 있은 후로 변화된 내용이 많이 있습니다. 믿기지 않는 2008 티스토리 우수 블로그에서도 썼다 시피 우수블로그는 꿈에도 생각하지 않았고 티스토리의 운영자님의 댓글을 보고 믿을 수가 없었던일도 사실입니다. 결론적으로 이렇게 우수블로그로 선정이 되고 나서 받은 혜택도 많고 블로그에 변화도 많이 생겼습니다. 간단하게 2008 티스토리 우수 블로그 선정발표 이후 받은 혜택과 변화된 내용을 적어보기로 하겠습니다. 자랑이라기보다는 이후 2009년 우수블로그를 목표로 하는 분들께 힘을 실어주기 위함이라고 생각해주시면 감사하겠습니다. 우수블로그로서 받은 혜택 1. 다음 메인에 블로그 노출 다음 메인의 카페/블로그 영역에 포스트가 3~4시간 정도 ..

i n v i t a t i o n 티스토리 초대장 마감되었습니다. 안녕하세요! 티스토리에 보금자리를 마련하시려는 여러분께 초대장을 배포해 드리려고 합니다. 나만의, 내 생각을, 내 기억을 담는 소중한 블로그를 만들고 싶다면 티스토리로 시작해보세요! 티스토리 블로그는 초대에 의해서만 가입이 가능합니다. 원하시는 분은 댓글에 E-mail 주소를 남겨주시면 초대장을 보내드립니다. 남겨주실 때에는 꼭 비밀댓글로 남겨주세요! 초대장을 보내드리고 바로 개설하시지 않으신 분들은 초대장을 회수할 수도 있으니 바로 개설해주세요! Yes 이런 분들께 드립니다! 1. 다른 블로그를 사용해보셨던 분 2. 이메일 주소가 정상적인 분 3. 블로그를 시작하려는 이유를 남겨주신 분! No 이런 분들께 드리지 않아요! 1. 이메일 ..

유입경로속 요지경, 불펌, 추천 블로그를 시작한지 10개월이 넘어가지만 아직도 유입경로를 간간히 보곤 한답니다. 오늘도 습관적으로 유입경로를 보는데 눈에 익지 않은 유입경로가 보이더군요! 유입경로를 보면 어떤 경로를 통해서 내 블로그에 방문을 했는지를 알 수가 있습니다. 위와 같이 유입경로에는 유입주소와 검색엔진을 통하여 방문하는 경우 검색키워드도 같이 나타나게 됩니다. 그런데 키워드가 없이 유입경로만 표시되는 경우가 있습니다. 이런 경우는 내블로그가 어딘가에 링크가 되어 있고 그 링크를 타고 방문한 경우가 대부분입니다. 이러한 링크를 타고 오는 경로를 보면 알지도 못하는 곳으로부터의 유입도 있고 제 블로그를 추천하는 곳으로부터 유입이 되는 경우도 있으며 불펌한 곳으로부터 유입이 되어 불펌이 밝혀지기도 ..

티스토리 숨겨진 기능, 로그인을 한방에 티스토리 블로그 로그인을 어떻게 하시는지요? 키 하나로 로그인창으로 쉽게 이동할 수 있는 방법이 있답니다. 티스토리 블로그는 스킨에서 따라서 약간씩 다르겠지만 대부분 로그인을 하기 위해서는 관리자(또는 P, admin등 이하 관리자로 통일)버튼을 클릭해야 합니다. 이 관리자버튼은 상단이나 하단에 배치가 되어 있어서 로그인을 하기 위해서는 블로그의 상단이나 하단으로 이동하여 관리자 버튼을 클릭해야 합니다. 그런데 글이 긴 경우는 많은 스크롤을 해야 관리자버튼이 있는 곳 까지 이동할 수가 있습니다. (물론 단축키 home, end키를 누르면 한방에 최상단이나 하단으로 이동이 되지만.. 이 단축키를 이용하는 사람은 5% 남짓이라 생각함) 블로거라면 본인의 블로그에 하루에..

블로그연말결산 고민스럽다면 서식을 이용해보세요! 연말이 다가오다보니 결산을 봐야 할게 이것 저것 많이 있습니다. 블로그거들도 연말결산을 할것인지 고민하시는 분들도 계실것이고, 부지런하게도 벌써 연말결산을 올리신 분도 계십니다. 남들 하는 것을 보니 나도 해야 할것 같은데... 어떻게 어떤식으로 결산을 낼까 고민하시는 분들 많이 계시죠? 저 또한 그런 고민을 했답니다. 바쁜일도 많은데 생애 처음으로 하는 블로그연말결산을 어떤식으로 할까! 고민할 시간도 그리 많지 않다 보니 딱히 창의적인 아디어가 떠오르지 않습니다. 저와 같은 고민을 하시는 분들! 더 이상 고민할 필요가 없습니다. 이러한 블로거들의 심정을 헤아린 티스토리에서 블로그연말 결산 서식을 만들어주셨네요. 이제 이 서식을 이용하면 멋진 연말결산을 만..