티스토리 팁

티스토리 팁

    [쉬운HTML] 두번째 시간 - 티스토리 블로그 HTML/CSS를 파헤쳐보자

    html / css를 가장 재미있고 쉽게 배우는 방법이 뭘까...한참을 고민했습니다. 그건...바로 티스토리 블로그 html/ css를 파헤쳐보는게 아닐까 하는 방법이 떠올랐구요! 그래서 한번 헤쳐봅니다. 이 HTML /CSS를 자유자재로 보고 파헤칠 줄 안다면, 자신의 블로그가 이쁘게 꾸며지는 건 자기 마음대로 할 수가 있겠죠 ?^^ 분명 자신의 홈페이지 혹은 블로그에 관심이 있는 분이라면 재미도 있을 것이고 확실히 실력이 느실 수 있을 겁니다. 먼저 티스토리의 skin.html 을 살펴보죠. 티스토리의 특징은 다른 블로그 터들과는 다르게 본인이 원하는 대로 모두 주무를 수 있다는 것이 장점입니다. CSS, HTML 자체를 모두 오픈시켜서 블로그라는 느낌이 안들도록 할 수도 있으니까요. 그래요 지금부터..

    티스토리 새단장 및 따라다니는 배너, 제목 꾸미기, 하단 추천 버튼 정돈

    http://loved.pe.kr 블로그를 통해서 블로그를 심플하고 깔끔하게 만드는데 꽤 오래걸렸네요... 참 ... 여하튼 힘들었던 작업이였습니다. 점점 심플해져서 보기좋네요 ! 역시 심플이 최고에요 !!

    티스토리 목록에 광고 삽입하게!

    위의 게시판 참 블로그라기보다는 게시판같죠 ? 이번에 CSS랑 HTML 을 조작해서 만든 게시판입니다 ! 홈페이지에선 iframe으로 불러와서 사용하고있습니다 ^^ 사용법은 Ctrl + F " 누르시고 "에 해당하는" 또는 "article_rep_list"로 검색하신 뒤 그 '~에 해당하는'전후로 넣어주시거나 지우고 그자리에 다른 이미지나 광고를 넣어주시면 되겠습니다!

    블로그에 이쁜 카운터를 달아보자(플래그 카운터)

    티스토리 관련 위젯이 아니라 외부 위젯 중에 괜찮은 놈이 있어서 추천합니다. http://www.flagcounter.com/ 플래그 카운터란 곳인데요! 빨간 부분이 플래그 카운터입니다. 비교적 정확한 카운터 수치를 보이는 듯하구요. 보이시는 대로 한국표시는 접속 IP를 분석해서 나라별로 접속하는 방문자수를 보여줍니다. 위 그림과 같이 설정을 해주면 바로 아랫부분에서 미리보기가 작동하게 됩니다. 이를 보고 'Get your Flag Counter'를 클릭 후 소스를 복사하셔서 [스킨]에서 [사이드바설정] 에서 [HTML 배너 출력]에 붙여 넣어주시면됩니다. (이제 이건 익숙해지셨죠?^^) 위와 같은 방법으로 http://shakej.co1.kr 의 플래그 카운터 위젯 처리를 했습니다.

    블로그에 트위터 위젯을 달아볼까 ?

    위젯 팩토리라는 (http://wzdfactory.com/gallery/detail/545) 사이트에서 발견했습니다. 저같은 경우에도 블로그와 UHI 홈페이지 둘다 쓰고있는데요. 오른 쪽 아래에 보이시죠?^^ 쓴 글이 최신순으로 2개씩 보이게 된답니다! (보시고 싶으신 분들은 http://shakej.co1.kr 로) 위의 위젯 팩토리 URL을 클릭하신 뒤에(혹은 위 사이트에서 퍼가기 버튼을 누르시거나) 본인의 취향에 맞추시고 소스를 퍼오시면 되겠습니다^^ 티스토리의 경우, *[스킨]-[사이드바]-[HTML 배너 출력] 에 소스를 붙여넣으시면 되겠네요!

    블로그 제목에 'Tweet' 버튼 달기 (트윗버튼)

    요즘 트위터가 큰 열풍을 끌고 있습니다. 트위터 스타, 트윗질, 트위터 중독 부터 시작하여 대선에 까지 영향을 미치는 이 트위터! 아마 생각보다 많은 분들이 트위터를 하시겠지만, 생각보다 많은 분들이 이 트위터가 뭐지? 란 생각도 많이 하실 듯 합니다. 트위터란 미국 소셜 네트워킹 및 마이크로 블로그 서비스. 로 정의가 되어있네요! http://www.twitterkr.com 은 한국형 트위터 인데, 시대에 뒤쳐지지 않으시려면, 가입해보시고 한두줄 써보는 것만으로도 금방 이해 하실 수 있으실 겁니다! 본론으로 가서, 이번시간은 블로그 제목에 'Tweet'버튼을 달아볼거에요. 위의 그림과 같이 Tweet 버튼을 클릭하시면, 현재 있는 글의 타이틀과 주소가 트위터로 뿌려지게 됩니다. 첫번째는, http://..

    티스토리 본문 & 사이드바 크기 키우거나 줄여보자!

    이번시간엔 티스토리의 본문 폭이나 사이드바의 폭을 운영자 임의대로 조작하고 싶으신 경우에, 이 크기를 조작해보는 시간을 가져보겠습니다! 기존 티스토리 스킨 같은 경우는 매우 좁다고 생각하시는 분들이 많아서, 아마 큼직하게 하시는 걸 원하시는 분들이 많다고 생각됩니다! 먼저, Style.css 에서 Ctrl+F를 누르신 후 ' /*블로그 레이아웃'을 쳐보세요! 아래 그림과 같이 나오시는 경우, 위와 같이 #content 부분의 width 부분을 키워주시면 본문의 크기가 커집니다. 하지만 이부분만 키워주시면 안되구요~! 조금 더 내려보시면, 위와 같이 빨간부분은 메인 콘텐츠 부분이고 주황색 부분은 사이드 바 폭 설정입니다.