안녕하세요~ 오늘은 마우스 효과를 주는 방법에 대해 알아 보도록 하겠습니다. 마치 호수에 돌을 던지면 원형 파형이 생성되듯이 원이 점점 커지면서 사라지는 효과 입니다. 원본 출처는 fdossena.com/?p=html5cool/clickfx/i.frag 위 사이트입니다. 저는 위 사이트의 소스를 조금 응용해서 파형이 조금더 천천히 생기도록 했으며 원형의 색상도 핑크색으로 바꾸었답니다. 지금 이 블로그에도 적용해봤는데 문제없이 실행이 잘 되는것을 확인했습니다. 블로그를 꾸미는것에 관심이 많으신 분들은 한번 적용해보는것도 좋을듯합니다. 위 소스를 html 편집창에서 사이에 붙여넣으세요~ /** 클릭이벤트*/ div.clickEffect{ position:fixed; box-sizing:border-box; ..<

1. 목차를 생성해야 하는 이유 목차를 생성하면 좋은점이 구글 seo에 도움이 된다는 것입니다. 즉 구글이 이렇게 소제목을 나열하고 목차를 넣는 글들을 좋아하기때문이죠~ 구글이 좋아하기도 하지만 방문자가 어떤 글들이 있는지 한눈에 파악할수 있고 해당글로 바로 이동할수가 있어어 편리합니다. 하지만 목차를 수동으로 넣는것은 매우 힘이듭니다. 태그를 편집할줄 알아야 하죠~ 저도 방법은 알고 있지만 귀찮아서 하지 않았습니다. 하지만 이렇게 자동으로 목차를 만들수가 있다면 이야기가 달라지죠~ 이런 방법이 있다는것을 알고나서 바로 제 블로그에 적용했습니다. 적용하는게 힘들었지만 한번만 고생하면 이젠 자동으로 목차가 만들어지니 매우 편리합니다. 2. 티스토리 고래스킨 자동목차 생성하기 티스토리 고래스킨을 사용하시는분..<

1. 티스토리 카테고리 매개변수를 지워야 하는 이유 티스토리 블로그에 포스팅을 하게 되면 그 포스팅만의 고유 주소를 가지게 됩니다. 만약 그 포스팅 주소가 https://nmcat.tistory.com/818 이라고 하면 이것 말고도 또 하나의 주소도 가지고 있답니다. https://nmcat.tistory.com/818?category=651400 바로 요런 주소도 가지고 있는 거죠~ 즉 한 개의 포스팅인데 두 개의 주소를 가지게 됩니다. 보통 검색하면 첫 번째 주소로 들어오게 됩니다. 하지만 포스팅 하단에 " **카테고리의 다른글" 들이 보입니다. 여기를 클릭하게 되면 두 번째 주소로 들어오게 되는 거죠~ 하지만 이렇게 한 개 글이 두 가지 주소를 가지게 되면 광고 입찰가에 영향을 미치게 된다는 거죠..<

안녕하세요~ 오늘은 다음 애드핏을 pc 그리고 모바일에서 다른 사이즈의 광고가 송출되는 방법에 대해 알아보도록 하겠습니다. 이 방법은 애드핏 광고 뿐만 아니라 애드센스 광고도 적용이 가능합니다. 다른 타사 광고도 물론 가능하겠죠~자 그럼 지금부터 시작하도록 하겠습니다. 사용방법 1. 모바일용 광고를 300*250 사이즈로 하나 생성합니다. 2. 데스크탑용 광고를 728*90 사이즈로 하나 생성합니다. 3. 위 소스에서 라는 주석 바로 아래에 모바일용 소스를 통째로 붙여넣으세요. 4. 위 소스에서 라는 주석 바로 아래에 데스크탑용 소스를 통째로 붙여넣으세요. 5. 여러분의 스킨에서 적당한 위치에 완성된 코드를 삽입하시면 됩니다. 이렇게 해서 다음 애드핏 광고를 반응형으로 설치하는 방법에 대해 알아보았습니다..<

■ 목차 1. PC 2개 모바일 1개 반응형 광고 만들기(자바스크립트) 2. PC 1개 모바일 1개 광고 분리하기 (자바스크립트) 1. PC 2개 모바일 1개 반응형 광고 만들기(자바스크립트) 사용방법 1. 데스크탑용 광고를 336*280 고정사이즈로 2개 만듭니다. 2. 모바일용 반응형 광고를 1개 만듭니다. 3.위 소스에서 AAA,BBB,CCC,DDD 값을 여러분이 만든 광고코드에서 data-ad-slot 그리고 data-ad-client 값을 찾아서 넣어주시면 됩니다. AAA = data-ad-client 값 (광고 3개 모두 동일합니다.) BBB= 데스크탑용 광고1의 data-ad-slot 값 CCC= 데스크탑용 광고2의 data-ad-slot 값 DDD= 모바일용 광고의 data-ad-slot ..<

안녕하세요 낭만고양이 입니다. 오늘은 유튜브(YouTube) 동영상을 꽉찬화면으로 넣는 방법에 대해 알아보도록하겠습니다. 서식에 등록해놓고 간편하게 불러와서 사용하시면 됩니다.초보자도 쉽게 따라하실수 있으니 한번 시도해보세요~^^ 티스토리 블로그에서는 잘 되는것을 확인하였습니다. 다른 블로그에서는 안될수도 있겠습니다. 우선 유튜브 동영상을 공유할려면 고유 주소를 아셔야 합니다. 고유주소란 유튜브 동영상 아래에 보면 공유 버튼이 있는데 이것을 누르면 아래와 같이 나옵니다. 빨간색 밑줄친 부분이 고유주소입니다. 고유주소를 알수있는 또 다른방법은 웹브라우져(인터넷 익스플로러, 사파리, 크롬, 오페라 등) 상단에 url 표시되는 부분을 보시면 아래와 같이 나오는데 빨간색 밑줄친 부분이 고유주소입니다. 자 이제 ..<

안녕하세요 낭만고양이 입니다. 오늘은 티스토리의 자체기능으로 더보기버튼을 이용한 본문내용 숨기기 보이기를 해보도록하겠습니다.저는 이렇게 티스토리에 자체적인 기능이 있는줄 모르고 자바스크립트로 해결할려고 고생했던 기억이 있네요~ 이런 좋은 기능을 꼭 기억해두셨다가 유용하게 사용하시길 바랄께요~~ 테스트입니다. 더보기 버튼을 누르시면 나오는 내용입니다. 접기버튼을 누르면 다시 숨겨집니다. 위에 더보기 버튼을 눌러보시면 글 내용이 보이게 됩니다. 다시 숨길려면 접기 버튼을 누르시면 됩니다. 이렇게 더보기 버튼을 눌렀을때 내용이 나타나게 하는 기능입니다. 이 기능이 어디에 숨겨져있느냐 하면 ... 티스토리에서 글쓰기를 눌러보시면 위와같은 화면이 나오지요 빨간 네모박스를 클릭해보세요. 이것이 더보기 버튼입니다. ..<

안녕하세요 낭만고양이 입니다. 티스토리 블로그 SSL보안연결 HTTPS 설정하기방벙에 대해 알아보도록하겠습니다.최근에 티스토리 공지에도 올라와있듯이 이제는 SSL 보안접속이 지원됩니다. 단 지금은 스킨마다 오류가 있는지 없는지 테스트할수있도록 선택적으로 보안연결을 끄고 켜고를 할수가있지만 머지않아 모든 블로그에 일괄 보안접속을 실행할예정이라고 하니 미리 적용해서 스킨과 궁합이 잘맞는지 확인하는게 현명할것 같습니다. 제 스킨(패스트부트)도 오류가 많아서 수정하는 작업을 하였습니다. 그럼 먼저 어떻게 보안설정을 적용할수있느지부터 알아보도록하겠습니다. 보안설정하는 방법은 간단합니다. 관리자 메뉴에 들어가셔서 블로그를 클릭하세요 그다음은 위이미지에도 나와있듯이 보안접속을 사용합니다 로 바꾸시고 저장하시면 끝입니..<

안녕하세요 낭만고양이 입니다. 오늘은 티스토리 다음저품질 걸렸다가 다시 회복된 실제경험한 후기를 올릴려고합니다. 얼마전 네이버 대란 터질때 제 블로그가 다음저품질까지 겹쳐서 방문자수가 급감했는데요. 네이버는 사실상 포기했고 다음이라도 저품질 회복할 방법을 찾다가 성공하게되어 이렇게 포스팅하게 되었습니다. 다음저품질 걸렸는지 안걸렸는지 확인하는 방법은 여기를 클릭하세요 제가 저품질 해결을 위해 시도한 방법은 우선 저품질에 걸릴만한 요소를 점검하면서 블로그를 정비했습니다. 저품질 걸릴만한요소를 나름대로 삭제하고 보완했습니다.(반복되는 키워드 문제가 제일 심각한것 같아서 반복되는 키워드를 나름대로 정비했습니다.) 그다음 제가 한것은 다음 고객센터에 알렸습니다. 제 블로그 방문자수가 급감했다고 알리고 해결방법을..<

안녕하세요 낭만고양이 입니다. 티스토리 블로그 운영하는분들을 위한 팁입니다. 바로 다음 저품질에 걸렸는지 안걸렸는지 확인하는 방법입니다. 저도 얼마전에 다음저품질에 걸렸다가 우여곡절 끝에 다시 회복되었는데요. 어떻게 회복되었는지 알고싶으신 분은 여기를 클릭하세요. 다시 본론으로 들어가서 어떻게 하면 저품질인지 아닌지를 판단하는 가장 확실한 방법에 대해 지금부터 소개하도록 하겠습니다. 먼저 위와 같이 다음 메인에 자신의 블로그 주소를 입력하고 검색을 누르세요. 그러면 검색결과가 나올텐데요 상단에 메뉴중에 사이트라는 메뉴를 클릭하세요. 그러면 위와 같이 자신의 블로그에 대한 설명이 나와야 정상입니다. 하지만 저품질이 걸렸다면 위와 같이 나오지가 않고 'http://○○○○○.tistory.com' 에 대한 ..<