한번 색인이 생성된 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 편집에서 아래 코드를 넣어줍니다. .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..>

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..>

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..>