한번 색인이 생성된 URL은 수정이 어렵습니다. 하지만 리디렉션(redirect)을 통해 해결할 수 있습니다. 애드센스 광고를 진행하고 있을 경우 리디렉션은 SEO 저평가의 원인이 될 수 있습니다. 자바스크립트로 redirect을 하지 마세요. SEO 저평가의 원인은 검색봇이 이해하기 어려운 형식이기 때문입니다. 그래서 되도록이면 HTML을 통해 redirect를 사용하는 것이 좀 더 효율적입니다. 아래 스크립트를 통해 리디렉션 하는 것이 좋습니다. 아래 HTML 코드는 제가 사용하고 있는 코드입니다. 스크립트에 주석을 남겨 놓았으니 주소형식에 맞게 수정하셔서 사용하시면 됩니다. 기타 문의 사항은 댓글 남겨 주세요.>

반응형 블로그 또는 웹사이트에 적용하기 편한 방법입니다. 노출시키고 싶은 또는 감추고 싶은 요소를 컨트롤하는 방법은 많지만 그중에 가장 간단하게 적용하기 좋은 방법은 미디어쿼리를 이용하는 방법입니다. 우선 아래와 같은 특정요소를 숨기기위한 CSS 코드를 살펴보겠습니다. .notice-go-to-index { display: none; } 위와 같은 기본CSS 코드에 media-query를 사용해 보겠습니다. 아래 코드를 보시면 @media로 시작하고 max-width를 보실 수 있습니다. @media screen and (max-width: 1000px) { .notice-go-to-index { display: none; } } 위 코드는 최대 화면 크기가 1000px 까지는 노출이 된다는 것입니다. ..>

티스토리 본문 폰트를 원하는 크기로 자동 조절 할 수 없어 불편 하지만 그래도 많은 부분이 개선되어 좋은 점이 더 많습니다. 본문 폰트크기가 마음에 들지 않은 부분 조절은 원하시는 분들에게 도움이 되었으면 좋겠습니다. 본문 폰트 조절 이렇게하시면돼요! 본문 폰트 조절 이렇게 하시면 돼요! 만약 티스토리에서 제공하는 스킨을 사용하시는 분들은 좀 더 간단하게 수정하여 사용하실 수 있습니다. 일단 HTML편집 CSS를 클릭 .article 을 Ctrl + F 를 눌러 찾습니다. .article 'font-size:/*@post-body-font-size=*/16px/*@*/;'>

키보드 아이콘 표현방법 키보드 아이콘 표현방법 블로그에 글작성할 때 단축키 또는 키보드의 버튼을 표현하는 방법입니다. 티스토리 블로그 기준으로 설명하겠습니다. HTML 스킨편집으로 이동 CSS 편집에서 아래 코드를 넣어줍니다. .key { background-color: #f7f7f7; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset; color: #333; display: inline-block; font-size: 80%; font-weight: bold; line-height: 1.4; margin: 0 0.1em; padding: 0.1em 0.5em; tex..>

기본유튜브 영상을 퍼가기 하시면 아래와 같은 코드를 확인하실 수 있습니다. 위 코드 그대로 티스토리에 등록을 하셔도 아래 CSS 소스코드를 입력해 두시면, 영상의 테두리가 깔끔하고 이쁜 둥근 테두리로 설정된 모습을 확인하실 수 있습니다. iframe { border-radius: 0.8rem; } [테스트 영상]>

MAC 스타일 코드 블럭 적용 설정 순서 아래 CSS 소스코드 복사, 붙여 넣기. codeblock.js 파일 업로드. HTML 편집에 스크립트 붙여 넣기. 위 순서대로 하시면 간단하게 설정이 가능합니다. CSS코드 pre { position: relative; } pre::after { content: attr(data-ke-language); position: absolute; bottom: 8px; right: 12px; color: #cfd2d1; font-size: 12px; } .hljs { display: flex !important; flex-direction: column; padding: 0 !important; font-size: 14px; border-radius: 8px; box-..>

∴ Toc Toc란? Table of Contents를 의미하고 있으며, markdown으로 작성한 글의 header를 모아서 간편하게 보여주는 용도입니다. 제가 사용한 toc는 tocbot이며, 기본적 스타일도 깔끔하게 되어있지만 저만의 스타일로 살짝 CSS를 수정하였습니다. ∴ 적용하기 아래 첨부 파일을 다운로드하시고 티스토리 스킨 편집에 해당 파일을 업로드해 주세요. ∴ Header 부분 ∴ Body 부분 ∴ Jabascript 부분 ∴ Css 부분 /*toc Start*/ .toc { position: fixed; top: 12%; right: 1.1%; width: 250px; padding: 10px 0px 15px 6px; border-radius: 10px; box-sizing: borde..>

TSTORY 티스토리 파비콘 ICO 설정 64 x 64 아이콘 이미지를 만듭니다. 그리고 파비콘 ICO 변경 사이에 접속 만든 이미지를 파비콘으로 변경 저는 PNG로 아이콘을 만들었기 때문에 PNG에서 ICO로 변환합니다. 아주 간단하고 빠르게 변환하여 다운로드할 수 있습니다. 변환 사이트 주소: 클릭>

JavaScript Snow Effect for HTML 티스토리에 여러가지 소스를 넣어서 이쁘게 꾸미시는 분들이 많지요 이방법은 겨울을 맞이해서 ㅋ 눈내리는 효과를 주는 방법 입니다. 아주 간단해요 이파일을 다운 받은후에 해당 티스토리에 업로드 합니다. 그후에 Html 에 적용시켜 주면 끝 경로주소에 snowstorm-min.js 의 주소를 넣어주면 되는거에요 잘 않되시거나 하면 댓글 주세요 그럼 최대한 도움드리도록 할께요.>

티스토리를 사용하시는 분들에게 좋은 또는 이걸 찾는 분들이 있을 거라 생각하고 소개하는 글입니다. 블로그에 접속을 할 때 내가 지정한 특정한 페이지가 노출이 되게 하고 싶지 않으신가요? 공지나 다른것들은 노출이 되는 방법이 간단하고 찾아보면 금방 가능한데 내가 원하는건 이런 게 아니고 내 블로그에 들어오면 딱 이게 보였으면 좋겠다 하는 거요. 지금 이게 바로 그 방법입니다. 일단 첫째 티스토리 관리자 페이지에서 [HTML/CSS 편집]을 과감히 클릭합니다. 두 번째 skin.html 에서 를 찾아요 (ctrl + F 누르시고 찾기 하셔도 돼요.) 세 번째 위에 아래 소스를 복사 붙여 넣기 합니다. 네 번째 저장을 누르시고 새로고침하고 원하는 대로 잘되었는지 확인합니다. 어때요 참 간단하지요~ 어렵거나 잘..>

[티스토리 스킨 이미지 리사이징 Html 수정] 티스토리를 사용하다 보면 다른 능력자 분들이 만든 스킨을 사용할때가 있는데 그 스킨을 사용자 맘에들게 수정할때가 있지요~ 그것중에 하나가 자동으로 리사이징 되게 만드는 소스가 있는데.. 그걸 사용자는 원 이미지 그대로 사용하고 싶을때가 있을꺼에요. 그래서 준비한 내용 입니다. 뭐 길게 설명하거나 하진 않을께요. 바로 설명 드러갑니다. skin.html 소스의 아래 section의 CSS 스타일 코딩 부분에서. HTML 전체 넓이를 콘트롤하는 부분인 곳이 있어요 컨트롤 + F를 누르시고 wrap 검색합니다. 그럼 아래와 같은 소스가 보일꺼에요. .wrap{width:auto} #container{_display:inline-block;width:100%} w..>

플래쉬 태그 구름은 아주 오래된 스크립트+플래쉬 입니다. 시각적이나 깔끔함에 사용을 하지만 한가지 단점은 모바일에서는 보이지 않습니다. 일단 적용방법에 대해 안내해드리도록 하겠습니다. 아래 파일을 다운로드 받습니다. 다운받으신 파일압축을 푸시면 swfobject.js, tagcloud.swf, script.txt 3개의 파일이 있습니다. 그중 swfobject.js, tagcloud.swf 2개의 파일은 티스토리 스킨에 업로드 합니다. 파일을 업로드 하셨으면 HTML/CSS 편집에서 소스 코드를 수정해야 합니다. 스킨편집 화면에서 Ctrl + F 키를 이용해 "태그목록"을 검색하여 위치를 찾습니다. 찾으셨다면, 이제 아래 코드를 복사하여 붙여 넣기 합니다. Tistory Cumulus Flash tag ..>