티스토리 사이드바 꾸미기[목록깔끔하게정리하기]

티스토리는 블로그는 내 마음되로 HTML을 변경할수있다는 장점이있지요?
그래서 오늘은 카테고리 꾸미기편을 해볼까 합니다.

이웃링크 또는 최근에 올린글등을 설정하다보면 쭉 나열이되어 자칫 지져분하게 보이는 경우가 생길 수 있는데...
그부분을 조금이라도 깔끔하게 보이도록 설정하는 방법을 포스팅해볼까합니다.
이거 실험해보느랴 스킨날릴뻔한거 겨우 겨우 다시 살려 진땀 뺍습니다.ㅡㅡ;;

 그럼 오늘주제가 무슨소리인고 하니...

그림을 보면 이해가 바로 되실겁니다.

 
그림과 같이
나열된 오른쪽 변경전 모습과 정리하여 본 왼쪽 모습을 보면 어느쪽이 더 깔끔하지 또한 이뻐?졌는지 눈에 들어올겁니다.

그룹별 제목앞에 이미지 삽입 과 제목별 글씨색을 변경을 주고 나열된 링크들을 묶어 보이도록 하였습니다.

※ 가장 중요한건 변경하기전 스킨저장은 필수입니다.^^; ※

그럼 차근차근 변경해보도록 하겠습니다.










■ 첫번째, 카테고리 글씨 변경해보기 ■

 



글씨 앞에 저 처럼 이미지를 넣고싶다면 자신이 좋아하는 이미지를 준비하여 업로드를 합니다.

업로드 방법은 관리 = > 꾸미기 = > HTML/CSS = > 파일 업로드




그럼 다시 HTML/CSS 로 돌아가 Ctrl + F 찾기를 합니다.


중요 :  변경하고자 하는 부분은 다 같은 방식으로 찾습니다.
카테고리,링크,태그,최근올라온글,트랙백등등




 
찾은 부분을 변경을 해야겠지요?

제목은 마음되로 변경하세요.

<h3> 이부분 변경 </h3>

이미지 소스 는 [ 아까 업로드한 이미지 주소 삽입 ]
<img src="./images/자신의이미지">

색변경 소스

<font color="ff0000(변경색코드)">색변경할 글자</font>


정리해보면

<img src="./images/
이미지파일"><font color="ff0000(변경색)"></font><font color="ff0000"></font>

태그가 포함되지 않은 글은 변하지 않겠죠?


"테" 와 "리"


이런식으로 자신이 바꾸고 싶은 제목들을 바꾸시면 됩니다.
 관련 소스

 








그럼 이제...

펼쳐진 링크를 박스안에 넣는 방법입니다.

 ■ 각종 사이드바 모듈 박스안에 정리하기 ■
- 이웃링크, 댓글링크, 최신포스트링크 모듈 등등 ■






똑같이 HTML/CSS 에서 Ctrl + F 찾기로 바꾸자할 목록을 찾습니다.




들이갈 소스는 하단 수록 


<h3>최근에 올라온 글 </h3>
이부분에 소스삽입      
<ul>

모두 동일..... 약간의 변동이있을수 있으니... 미리보기는 필수
.
.

소스를 삽입하게 되면 박스안에 링크들이 가지런히 들어 가있을 겁니다.

 관련소스

 





그리고 태그목록을 지금 제가 하고있는 빙글 빙글도는 방식으로 바꾸시려면
[블로그활용/TIP티스토리활용] - 티스토리 태그목록을 움직이는 태그목록으로 변경해보자!
편을 참고하시길 바랍니다.


이상 입니다.


  

Posted by 촌스러운곰 촌스러운곰


티스토리 블로그 방문자 동시접속자 알아보기


이번포스팅은 재미있는 부분인거 같아 이렇게 포스팅을 올립니다.

자신의 블로그를 운영하다보면 방문자수에 민감하시는 분들계시죠?

그런 분들에게 도움이 되고자 지난 포스팅에서는 블로그 정밀 분석이 가능한 [링크참조^^] 
블로그분석 구글 애널리틱스(Analytics)가입방법 블로그SEO최적화를 통해 내블로그의 점수를 알아보자. 
편을 올렸는데요.

이런 정보들로 각종 통계를 알아 보곤 했는데요.

이번에 더 추가하여

포스팅 주제인 실시간 동접자수 와  접속하고있는 포스팅을 확인할수 있는 방법을 알려드릴까 합니다.
뭐 재미삼아 달아보셔도 되고요. 자신의 인기글이 어떤 글인지도 알아볼수 있는 괜찮은 방법같기도 합니다.

현재 제 오른쪽 사이드에 보면 빨간 박스에 숫자가 보이 실겁니다.

제 메인화면 이미지로 한번 보죠.


 빨간 박스를 클릭하게 되면  접속하고 있는 페이지들과 접속나라가 나옵니다.


저는 9분이 동시에 한페이지를 보고 있네요. 헛 다른나라에서 까지 ..

흥미가 생기십니까?

그럼 실행방법을 알아보겠습니다..

너무나 너무나 쉽습니다.

회원가입도 없을 뿐더러, 소스만 복사하여 사이드바 모듈에 추가만 하면되지요.

이미지 클릭하면 해당페이지로 갑니다. - 저는 주로 크롬을 쓰기때문에 사용하기가 편하네요-


그럼 아래와 같은 화면이 나옵니다.


메인화면 아래부분을 보면 그냥 소스복사란이 나옵니다.
그럼 복사하기전에 자신이 어디부분에 나오게 할지 2번부분에서 정하고 난뒤 1번 소스를 복사하면 됩니다. 쉽죠?^^


복사한 소스를 바로 내 블로그로 고고!!
관리 = > 꾸미기/사이드바 => 추가 하면 끝!!


그럼 자신의 적용된 블로그에서 동접자수 와 해당페이지 , 접속 나라등을 확인할수있습니다.

간단하고 쉽죠!?

그럼 이상 블로그 실시간 방문자 동접자수 알아보기였습니다.

Posted by 촌스러운곰 촌스러운곰


티스토리 메인타이틀 변경하는 두가지 방법


다들 아실지 모르겠지만 그래도 모르시는 분들을 위해 오늘의 포스팅을 시작합니다.

티스토리블로그는 여러가지 방법으로 자신만의 스타일로 자유롭게 꾸미게 되는데요.

이전 포스팅에서는
티스토리 이웃신청 나쁘지 않아요
티스토리 RSS구독버튼 추천버튼 이웃버튼 사이드바 따라 움직이게 하기
티스토리 올린 이미지테두리 보기 좋게 지워버리자!!!
티스토리 활용하기 보기좋게 카테고리 내목록 펼치기
티스토리 개성있는 나만의 파비콘(favicon)을 달아보자
201티스토리 태그목록을 움직이는 태그목록으로 변경해보자!
티스토리블로그 올린날짜 없애기!!
티스토리블로그 뎃글창에 이미지를 넣어보자
등을 올렸습니다. [참고해주세요^^]

다른 블로그와 다르게 티스토리는 거의 HTML변경으로 꾸미게 되는데요.
그만큼 개성있게 꾸밀수 있다는 장점이 있습니다.

그중 오늘 주제인 메인 타이틀을 변경하는 방법을 소개할까 합니다.
티스토리블로그 메인 타이틀변경 방법은 2가지 방법이있습니다..

그중 첫번째로는
서비스형 블로그(N사,D사등)과 동일하게 티스토리 스킨위자드로 변경하는 있습니다.
스킨위자드 방법은 쉽긴하지만 배경만 바꾸는 개념이라고 생각하시면됩니다.
그림으로 쉽게 말씀드리자면.....


관리 = > 꾸미기 => 스킨 = > 스킨위자드 = > 변경 이순서 인데요.
                        01                                          02                                           03        




하지만 스킨위자드로 변경하게 되면 본인이 사용하는 타이틀 제목 과 배경이 동시에 나오게 됩니다.

  변경전 화면                                             이미지 삽입후 변경후 화면




물론 타이틀 제목을 지워버릴수는 있습니다.[꾸미기 => HTML/CSS편집 에서 하단의 빨간소스를 지워버리면 됩니다]



그럼 타이틀 제목이 없어진 이미지만 표시되게 됩니다.
하지만 HTML 지우기가 귀찮으시다면 그냥 타이틀문구를 지워버리면 안뜨게 됩니다. 

N사,D사등의 블로그 처럼 똑같죠..?

그런데 여기서 문제점이 하나 나오게 됩니다.
서비스형 블로그[N사,D사]등 타이틀문구가 보기 싫다면 옵션에서  "표시안함"를 체크하게되면 
문구는 없어지고 타이틀이미지만 나오게 되는데요.
그 메인타이틀이미지를 누르면 바로 메인페이지로 넘어가게 되어있습니다.

하지만...
티스토리는 타이틀문구에만 링크가 걸려있기때문에 타이틀 문구를 지워버리면 이미지를 클릭한다해도 넘어가지를 않습니다.
타이틀이미지는 말그대로 배경이미지로만 되어있기 때문에 링크는 안걸려있죠.
[이해가 안되신다면 실험을 해보시면 쉽게 "아하! 이말이구나!" 하실겁니다] 서술로 이해못시키는 이 블로거를 용서하소서
.
.
.
그럼 어떻게 해야하느냐!!! 복잡할꺼 같지만 아주 쉽습니다.!!!
지금까지의 본 글은 머리속에 지워버리시고요!

그럼 두번째 방법인 저도 사용하고 있는 방법을 알려드리겠습니다.

관리 = > 꾸미기 = > HTML/CSS편집 => 파일업로더 => HTML 수정 하시면 됩니다.
변경전 항상 기존 스킨은 저장하는 습관을 가져야 합니다. 잘못된 수정으로 날려먹는 경우 가끔있습니다

자 간단하게 그림으로 설명!!


메인에 올릴 이미지를 파일업로드 합니다.


업로드한 메인 이미지 파일이름을 복사를 합니다. [OOO.jpg] 이렇게 되겠죠.


그리고 HTML/CSS로 돌아와 "Ctrl + F"  검색 "header" 를 하시면 아래와 같은 소스가 나옵니다.




그중 파란색으로 나온부분만 변경하면 되는데요.

예) " <a href="[##_blog_link_##]"><img src="./images/자신의 이미지 주소" title=홈으로">"

 


그럼 깔끔하게 변경이 됩니다.
이상 메인타이틀 변경하는 방법 이였습니다.

도움이 되셨길 바랍니다.
 


Posted by 촌스러운곰 촌스러운곰

티스토리 이웃신청 나쁘지 않아요

블로그를 운영하다보면 이웃들과 소통을 위해 이웃신청을 많이 하게 되는데요.
그런데 티스토리는 타사와 비교해 보면 설치형 블로그이기 때문에 이웃신청이 불편하다게  되어 있다고 하시는 분들이 많습니다.
하지만
알고 보면 불편함 보다 더 유용하고 친밀도와 관계쉽을 높일수가 있지요. 


또한 티스토리블로그는 이웃신청(링크등록)보단 다음뷰를 많이 사용하시고 계시는데요.
다음뷰
또한 구독하는 블로그들의 글을 빠르게 볼수있고 추천기능등으로 친분을 쌓을 수 있기때문이죠.
저도 다음뷰를 시작한지 얼마되지 않았지만 내글에 대한 추천을 눌러주시는 분들이 있을때 기분이 좋더라고요.
흔히말하는 공감버튼이 되겠지요.
.
.
그럼 다시 이웃신청 얘기로 돌아가보면..
티스토리블로그 이웃신청이 조금 불편하다는 이유로 N사의 이웃커넥트를 설치하게되는데...
저로써는 이웃커넥트가 더 불편함을 느끼게 되더라고요.
그래서 보기좋게 왼쪽사이드에 이웃신청 버튼을 만들었죠.티스토리 추천버튼 이웃버튼 달기편에 방법이 있습니다.


이렇게 안하신 분이라도 블로그 상단 오른쪽에보시면 내링크에 추가 하시면 바로 등록이 됩니다.



이웃커넥이 저로써 불편한점은...
해당 블로그에 글을쓰려면 n사 로그인을하고 글을 쓰게되고,
그글을 보고 제 블로그로 오려면 아이디 클릭하는것이아니라 이웃커넥트의 이미지를 클릭하고 방문해야 하지요.
그런시스템이면 굳이 이웃커넥트를 설치할필요를 못느낀다는 점에 불편함을 느끼는겁니다.

티스토리 관리에가서 링크모듈을 달면되니깐요^^

 
이웃커넥이 나쁘다기보단 설치를 안하셔도 이용하기 쉬운방법을 알려드리는겁니다 오해없으시길^^
.
.
그럼 티스토리 이웃링크를 이용하면 좋은점 과 쉽게 관리하는 방법을 알려드리겠습니다.
괜찮은 시스템같아 이렇게 그림과 같이올리는데요.
이미지를 보시게 되면  관리 ▶ 내링크에 가서 보면 나를 방문한기록, 뎃글기록등등 확인할수있게되지요.


그럼 나를 링크한 이웃들이 내 블로그에 얼마나 관심을 갖고 있는지를 파악하게 되어 좋다고 생각합니다.
그리고 위에서 말한 링크모듈을 사용하게되면 내블로그 사이드에 나를 링크한 내가 링크한 사이트를 보여지게 할수있지요.
링크모듈 꾸미는 방법은 다음시간에 올리도록 하겠습니다.

그럼 이제 티스토리도 이웃링크쉽게 해결하수있는거 아니겠어요~? ㅎㅎ
저 또한 이웃링크가 별로없기에 이렇게 올려봅니다..

Posted by 촌스러운곰 촌스러운곰

티스토리 블로그 RSS구독버튼 추천버튼 이웃버튼 사이드바 따라 움직이게 하기



티스토리를 운영하면서 더욱 많은 공유를 하기위해선 [블로그방문자수늘리기]메타블로그로 내글을 홍보해라 편에서 
말했듯이 메타블로그 등록을 합니다.

그리고 또한 다음뷰를 통해 추천,또는 구독을 하면서 운영하게 되는데
각각의 그런 버튼들을 깔끔하게 묶어
사이드에 위치시켜 사이드바와 똑같이 따라 움직이는 방법을 올려볼까 합니다.

지금 저도 하고있는 방법인데요, 왼쪽에 각종 구독,추천,이웃 버튼이 사이드바에 따라 움직이는걸 볼수있을겁니다.
※ 예 ※

이렇게 사이드에 표시가 되는데 이웃신청 이미지는 예시로 저의 파비콘을 이용해 올렸습니다.
자신만의 티스토리 개성있는 나만의 파비콘(favicon)을 달아보자 편 에서 파비콘을 넣어서 이미지를 만드는것도 좋습니다.
각자의 개성있는 이웃신청이미지를 만들어서 올려보세요.
지금 받는 파일에 임의로 이웃신청이미지는 넣어 놨습니다.
  필요없으시면 이미지 또는 해당 소스 지워주시면 됩니다. ※ 다운로드 파일에 표시해 놨습니다.

 


그럼 티스토리 블로그 구독버튼, 이웃버튼, 추천버튼 사이드에 위치하기를 본격적으로 알아보겠습니다.

다음 파일을 다운로드 해주세요
 

 


이제 받은 아이콘들을 내 블로그파일에 올려야 겠죠?
관리 ▶ 꾸미기 ▶ HTML/CSS편집 ▶ 파일업로드로 가서 업로드를 시킵니다.


※ 올린이미지를 바꾸고 싶다면 올리고 추가적으로 바꿔주시면 됩니다. 포스팅이 끝나고 하단에 변경하는 방법을 올리겠습니다.

다음 파일을 다운로드 받습니다.
 



그리고 skin.html 에서 찾기 (Ctrl+F) ##_article_rep_desc_## 찾습니다.



붙여 놓았다면 이제 미리 보기를 하면 사이드바에 따라 움직이는 구독,추천 버튼을 확인할수있습니다.



 ■ 번외편 - 이미지 확인방법 과 변경 ■ 

변경 방법도 간단합니다.

이미지로 설명드리겠습니다.


첫번째 자신이 올린 이미지를 보면 미리보기를 통해 확인이 가능합니다.



확인을 했다면 자신이 올린파일 명을 뒷부분을 복사해서 자신이 받은 소스파일에서 변경해서 넣어 주면 됩니다.

 



자신만의 티스토리 꾸미기가 완성되었겠죠?
그럼 좋은 하루되시고 유용한정보였다면 뎃글, 추천 부탁드립니다.


Posted by 촌스러운곰 촌스러운곰


티스토리 블로그 본문 제목 물결무늬 플래시 와 무지개색깔 링크로 바꿔보자


자신만의 블로그를 평범함을 벗어나 독특하게 만들고 싶은 분께 추천합니다.
티스토리블로그 뎃글창에 이미지를 넣어보자 , 티스토리 개성있는 나만의 파비콘(favicon)을 달아보자 편
처럼 티스토리 블로그는 HTML를 이용해 여러모습으로 변경할수있는데요.
 
오늘은
그중 오늘 포스팅할 내용은 두가지 !!



본문 타이틀을 물결무늬 플래시
또는 커서를 올리면 무지개색깔로 변경되는 방법을 알려드리고자합니다.

자신이 변경하고자하는 방법을 참고하세요.[ 현재 제가 쓰고있는 소스가 무지개색깔 변경입니다.]

1번이 커서를 대면 계속 색이 변경되고 2번은 계속 물결치는 모양
으로 되는 것입니다.


그럼 변경하는 방법을 알아보도록하죠.






■ 첫번째 물결무늬로 변경방법


다운로드하세요
 



다운로드를 하게되면 다음과 같은 파일이 있습니다.
이미지를 올릴때 테두리를 없애는 티스토리 올린 이미지테두리 보기 좋게 지워버리자!!! 방법도 있습니다.



그럼 이파일을  티스토리블로그  관리 ▶ 꾸미기 ▶ HTML/CSS편집 ▶ 파일업로드로 가서 업로드를 시킵니다.







업로드를 시켰다면 HTML/CSS 로 갑니다.


2번째 소스를 다운로드 합니다.
 



skin.html 에서 찾기 (Ctrl+F) 로 " ##_article_rep_title_## " 파일을 찾습니다.

그럼 아래와 같이 찾을수가 있는데요 여기서 주위할점은 스킨마다 조금씩은 틀리지만 2개의 ##_article_rep_title_## 가 있습니다.

※ . 그럼 2개 모두 똑같이 변경을 해줘야합니다.



그럼 파란색으로 찾아진 곳에 앞뒤로 " <!-- " , " --> "를 추가해줍니다. (제목 숨기기 명령어)
그리고 그아래부분에 다운받은 소스를 붙여넣기 해줍니다.
두군데가 있다면 두군데 똑같이


그리고 미리보기를 하면  변경된 본문 타이틀을 볼수있습니다.





타이틀 크기와 색깔 위치를 맞지 않다면 또는 변경하고 싶다면..

붙여넣은 소스 하단부분에위치하고있는 showTitle("./images/", "viewTitle.swf", 600 => 가로, 30 => 세로, "[##_article_rep_title_##]", "[##_article_rep_link_##]", "left=> 왼쪽,가운데,오른쪽", "0xFF0000 = 변경색 ");
으로 변경해주면됩니다.







 

■ 두번째 블로그 타이틀 제목을 무지개링크로 바꾸는 방법!!


물결무늬 방법보다 훨~씬 쉬웁니다. 아래파일을 다운로드 하세요.
 


다운로드를 받았다면 다음과 같은 파일이 있을겁니다.

이 파일을 물결무늬파일과 똑같이  관리 ▶ 꾸미기 ▶ HTML/CSS편집 ▶ 파일업로드로 가서 업로드를 시킵니다.

다음 파일을 다운로드 하세요.
 


그리고 HTML/CSS 편집으로  skin.html 에서 찾기 (Ctrl+F) "<head>" 윗부분에 있어서 찾기를 안하셔도 될것 같습니다.
다운로드 받은 소스를 head 아래 붙여넣기하면 끝!!


이상으로 티스토리 꾸미기였습니다.

앞으로도 이쁘고 멋진 티스토리 블로그가 되세요.

내용이 유익하셨다면 왼쪽의 추천 꾹! 부탁드립니다.


Posted by 촌스러운곰 촌스러운곰

티스토리 올린 이미지테두리 보기 좋게 지워버리는 방법!!


티스토리블로그를 자신만의 스타일되로 꾸미는 재미도 솔솔하죠?
전 블로그꾸미기를 하다  조금 신경쓰이는 부분이있었습니다.
다름아닌 오늘의 주제인 이미지테두리 였습니다.

신경이 쓰지 않는 분들도 계시겠지만 전 은근히 신경쓰이더라고요~
깔끔하게 만들고 싶은 내 블로그의 옥의티? 라고할까 ... 그랬었죠..
그래서
방법을 찾던 중 알게되어 지금이나마 이렇게 방법을 얘기해볼까합니다^^

항상 HTML을 변경하기전에는 실수로 망가트릴수있는 부분이 있으니 스킨저장은 해두시면 좋을거예요.


블로그 개설후 그냥 사용하게되면 아래같이 이미지 테두리가 나오게 되죠~

 이부분을 없애는 방법입니다.

그럼 이제부터 너무 쉽게 방법을 알아볼까요^^

일딴 관리자 모드로 갑니다.

그리고 ▶ 꾸미기 ▶ HTML/CSS 편집으로 꼬꼬!!




Ctrl + F 찾기를 누른뒤 imageblok 를 찾습니다.


찾으셨다면 Style.css 에서 찾은 내용이 보이실겁니다.

그럼 보라색 줄을 쳐놓은 픽셀을 1px 에서 0px 으로 변경을 합니다.

그리고 미리보기를 한번 클릭!!!

변경되셨나요???

어때요 변경전 과 변경후의 모습이..
조금더 깔끔해 지지 않았나요?

티스토리의 매력은 자신의 스타일되로 변경을 할수있다는게 장점입니다.
저도 HTML을 차근차근 공부해서나만의 독특한 블로그를 꾸미는데 노력하려고 합니다.
이 글을 보시는 분들도 자신만의 독특한 블로그를 만들어 항상 찾는분이 많은 블로그가 되었으면 좋겠습니다.

그럼 티스토리 이미지테두리 지워버리는 방법 여기서 끝!

어때요 변경하는 방법 너무나 간변하죠^^

※ 티스토리 팁 + 블로그 팁
[블로그마케팅/TIP블로그] - 블로그 상위노출 한방으로 끝내자!
[블로그마케팅/TIP블로그] - 블로그 키워드선별 방법 과 상위노출
[블로그마케팅/TIP티스토리활용] - 티스토리 태그목록을 움직이는 태그목록으로 변경해보자!
[블로그마케팅/TIP티스토리활용] - 티스토리블로그 뎃글창에 이미지를 넣어보자
[블로그마케팅/TIP블로그] - 블로그TP-저품질 블로그가 되지말자!

Posted by 촌스러운곰 촌스러운곰

티스토리 블로그를 트위터에 연동하는 방법


안녕하세요
촌스런운 촌곰 인사드립니다.

이번에는 티스토리 블로그 글을 트위터에 연동하여 자동으로 올라가는 방법을 소개해볼까 합니다.


블로그를 운영하는 블로거라면 내 글을 더 많은 사람들이 보길원합니다.
그래서 블로그를 운영하시는 많은 분들은
메타블로그 연동이나 참조글 "메타블로그로 내글을 홍보해라" rss등록으로 참조글 "티스토리rss 및 외부블로그 등록"
하여 더 많은 검잭자들을 유입을 하는 목적을 두고 있습니다.


SNS 트위터 연동하는 이유 역시 많은 사람들과 소통을 하기 위해
또한 내블로그를 홍보 및 글을 볼수있게 하기위해서 많이 이용하고 계십니다.


 그럼 티스토리 블로그 포스팅을 트위터에 발행하여 내 글을 홍보하는 방법을 알아보겠습니다.

연동하게 되면 다음과 같이 내블로그의 글이 트위터에 올라가게 됩니다.


그럼 나의 팔로워들이 관심있는 글을 보게 되면 접속해서 읽게되겠지요.



설정방법은 아주 간단합니다.

티스토리 관리자 모드로 들어가서 ▶ 플러그인 ▶ 플러그인 설정으로 갑니다.


 

      


그럼 하단 쪽에 트위터 글보내기가 있습니다. 클릭하면 다음과 같은 화면이 나옵니다.

 



그럼 짧은 주소 사용으로 선택하고 내 트위터 계정 연결하기를 클릭하면 다음과 같은 화면이 나오게 됩니다.






그리고 자신의 트위터 계정과 비밀번호를 입력하고 등록하면 끝!! 입니다.

아주 간편하죠!

그럼 이제 티스토리블로그와 연동되었기 때문에 내가 쓴 글이 자동으로  올라가게 됩니다.

하지만 트위터에 팔로워가 몇 없다면 효과를 기대하기는 힘들겠죠?^^

■ 블로그 팁
티스토리 태그목록을 움직이는 태그목록으로 변경해보자!
티스토리블로그 뎃글창에 이미지를 넣어보자
블로그 상위노출 한방으로 끝내자!
블로그TP-저품질 블로그가 되지말자!

Posted by 촌스러운곰 촌스러운곰

티스토리활용하기 보기좋게 카테고리 내목록 펼치기




티스토리 활용하기 보기 좋게 카테고리 내목록을 쳘쳐보이자....

다른 블로그와 달리 티스토리는 HTML역활이 무지무지 하게 큼니다.
그만큼 나름되로의 나의 멋되로 꾸밀수가 있지요..


그중 카테고리를 펼치는 소스를 알려드릴까해서 이렇게 포스팅을 올립니다..
카테고리 내목록을 펼치는건 나름 장담점이있지만 검색자입장에서 카테고리가 한눈에 보인다면 그만큼 더 눈에 보이고
클릭을해서 카테고리를 펼쳐보는 수고을 없애는 목적입니다.

방법은 물론 간단 합니다.



잘보시고 간단하게 누구든 내목록(카테고리)를 한눈에 보이도록 만들어 보기시 바랍니다.




 

차이가 보이시죠??


이왕이면 검색자 입장에서 한번 더 보기 좋게 하여 한번더 내 정보를 보게 하는건 어떨까요?

방법을 알아보도록 하겠습니다.

▶ 관리자 , 꾸미기 , HTML/CSS 편집


클릭하기게 되면
찾기 Ctrl+F 을 눌러 다음 단어를 찾습니다. "##_category_##" 찾으신뒤..
하단에 다음 단어를 넣으시면 됩니다.
비번은 1

 


그리고 표시한 곳에 똑같이 넣어 주시면 됩니다.


 

쉽죠^^;;


티스토리의 HTML 변겅은 한도 끝도 없습니다.
점점 나만의 블로그로 변경하시는게 어떨까요^^
나만의 공간을 활용하여 멋진 블로그를 만드시길 바랍니다.
도움이 되셨으면 좋겠습니다.


Posted by 촌스러운곰 촌스러운곰


티스토리 개성있는 나만의 피비콘(favicon)을 달아보자


티스토리 블로그는 HTML을 이용해 나만의 개성있는 블로그를 만들수 있다는게 장점입니다.
그중 파비콘(favicon)를
넣어 나만의 주소창의 마크를 만드는 방법인데요.

파비콘(favicon)이란 웹브라우저의 주소창 옆에 붙는 아이 콘을 말합니다.
한번 제 파피콘을 볼까요?


파비콘이 있는 화면과 없는 화면을 불러오겠습니다.


그림을 보시면 주소창 외에 즐겨찾기에도 똑같이 적용이 됩니다.

적용된 블로그와 적용안된 블로그 차이점이 보이시죠?
적용안된 블로그는 조금 뭔가 허전 하다는 느낌? 그런거 같습니다.
그럼 내 블로그에도 파비콘을 달아보도록하죠.


파비콘을 적용시키기 위해선 "ico"라는 확장자로된 이미지만 가능한데요.. 
자신만의 독특한 이미지를 일딴 만들어봅시다.
음...뭐 그림판으로도 되고 포토샵을 사용해도됩니다.
그럼 나만의 마크를 만들었다면..
ico로 만드는 방법을 설명해드리겠습니다.



간단하게 ico변경할수 있는 사이트 입니다.
클릭 접속하게 되면 다음과 같은 화면이 나옵니다.


그럼 내가 만들어논 나만의 이미지를 찾아 Add another image를 누릅니다.





그럼 다음과 같은 이미지가 하단에 있습니다. 



 Download 를 누르게 되면 바탕화면에 저장이 됩니다.





그럼 만들어진 ico 이미지를 내 블로그에 적용을 해야겠죠..

관리자 ▶ 환경설정 ▶ 기본정보 ▶ 아이콘


적용하게 되면 이미지가 뜨고 이제 자신만의 아이콘이 생기게 됩니다.





그럼 자신의 웹브라우저, 즐겨찾기를 추가하면 생성된 파비콘을 볼수있을겁니다.



끝!!
나만의 개생있는 파비콘 만들기 한번해보세요^^


Posted by 촌스러운곰 촌스러운곰