호기심 가득! 모지모지!

새로 산 노트북으로, 오늘은 심심해서 파비콘을 바꿔봤습니다. 블로거들이라면 포토샵 기초정도는 하실 줄 아시니, 파비콘 만들어주는 프로그램들은 사용하지 않고, 포토샵만을 이용하는 방법을 사용해볼게요. 일단, 포토샵에서도 파비콘 파일형식인 ico를 제작할 수 있도록 플러그인을 받아야 합니다. 플러그인 다운로드하는 곳은 http://www.telegraphics.com.au/sw/ 들어가보시면 아래와 같은 화면이 나오고, 오른쪽 아래에 보시며 본인의 컴터 버전에 맞는 링크를 찾으실 수 있어요. 다운받은 파일 압축을 풀면 아래 파일이 나오는데...해당파일을... C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Plug-ins * 본인 포토샵 버전과 설치된 위치가 다를..

쿠팡 파트너스에 새로운 형태의 배너만들기 기능이 생겼다길래.. 냉큼 달려가서 제 블로그에 바로 달아봤습니다. 참고로, 쿠팡파트너스를 모르시는 분들이 있을지 몰라 설명을 보태면 방문자가 쿠팡 배너를 통해 상품을 구입하면 판매금의 일부를 배너를 단 블로거에게 돌려주는 서비스입니다. https://partners.coupang.com 가입도 쉽고 배너달기도 승인도 쉬우니 가입하셔도 좋을듯... 가입할때 추천인 보너스도 이벤트로 진행하고 있습니다. 제 ID: AF2196394 입니다.^^ 일단, 새로 생긴 다이나믹 배너의 모양은 크게 특별할게 없네요. 웹서핑하며 자주 보았던 쿠팡 배너군요. 그러나 쿠팡 파트너스에 있는 기존의 에니메이션없이 심심한 배너보다 확실히 주목도가 높아질거 같습니다. 우선, 이 배너를 붙..

얼마전부터 블로그에 들어가면 위 사진처럼 브라우저(IE) 아랫부분에 귀찮은 팝업이 하나 뜨더군요. 브라우저 문제인가 했는데... 컴터를 가리지 않고 뜨길래 티스토리 블로그홈를 찾아가봤더니.... 최근 SSL 전면 적용이라는 작업을 했더군요. 보완관련 추가 업데이트라는데... 암튼, 상세한 내용은 모르겠으나 내용을 읽다보니 html안에 링크가 http://로 되어있으면 '안전하지 않은 콘텐츠' 라고해서 맨위 사진의 해당 팝업이 뜨게 되는거더군요. http://를 https://로 바꾸면 해결된다는 얘기! 일단, 첫리스트 화면부터 뜨니, 스킨 전체 html을 손보면 될거 같네요. *물론 최신 스킨을 사용하신다면 티스토리에서 이미 적용을 해놨겠죠? 전 예전에 스킨을 하두 손을 대놔서 http://로 작성된 곳..

어느 분의 요청으로 블로그 좌측화면에 방문수추가하는 방법을 간단히 적어보겠습니다. 제 블로그를 기준으로 위와 같이 PC화면(넓은화면)에서 오늘 방문자, 어제 방문자, 총 방문자 수를 표시하는 방법입니다. * 기본 스킨과는 조금 다른 부분이 있을 수 있습니다. 방법은 1. HTML상에 소스를 넣기 2. CSS에 스타일속성을 추가하기 순 입니다. 첫번째, HTML상에 좌측 붙이고자 하는 부분을 찾아 소스를 넣습니다. Today: Yesterday: Total: 는 아시겠지만 티스토리에서 제공하는 치환자입니다. 즉, 이 부분이 알아서 방문자수가 표시되는 부분입니다. HTML 상의 위치는 제블로그 기준이기 때문에 따라하시는 분은 기존 소스를 참고해서 적당한 곳에 붙여주세요. 대략 저 위에 표시된대로 74줄 근처..

구글번역기를 내 블로그에 붙여보는 방법을 올려봅니다. 사실, 저도 오늘 제 블로그를 방문한 어느 분의 블로그를 찾아갔다가 구글번역 플러그인이 붙어있는게 신기해서 알아보고 붙여봤습니다. (현재, 보시는 제 블로그의 화면 위 왼쪽에 구글번역 리스트박스) https://translate.google.co.kr/?hl=ko 일단, 구글번역 기능의 소스를 얻으려면 위의 주소를 접속합니다. 위의 화면이 나올겁니다. 아래쪽 메뉴 중 '웹사이트 번역기'를 클릭합니다. 웹사이트에 지금 추가할거니까 버튼을 바로 클릭합니다. 본인의 사이트를 입력하고, 기본 언어는 한국어로 설정하시면 됩니다. 물론 본인의 블로그나 사이트가 영어나 다른언어라면 해당언어에 맞게 설정하시면 되겠죠? 번역가능한 언어의 리스트를 정하는 화면입니다. ..

티스토리 반응형 스킨을 만지작거리다보니 요즘 대세인 반응형 웹에 대한 자신감이 늘어가는 중!~ 기본은 뭐니 뭐니해도 각 화면별 CSS만 잘 정리해주면 된다는 것~ 이번에 손대볼 곳은 배경이미지입니다. 기본스킨은 배경이미지 하나를 사용하고 있습니다만, 그냥 하나로만 사용하기엔 심심하고 재미가 없죠? 그래서 각 화면별 그리고 펼쳐치는 메뉴쪽 배경을 바꿔 볼 생각입니다. 방법을 간단히 요약하자면, 1. 각 영역별 이미지를 업로드한다. 2. 각각의 CSS상의 이미지 URL을 바꿔준다. 정도입니다. 크게 어렵지 않으니 겁내지 마세요~ㅎ 일단, 교체할 영역을 살펴보죠~ 가장 큰 PC화면에서 볼때 좌측의 배경이미지가 나타나는 부분입니다. 다스베이더가 오토바이를 타고 있는 이미지 보이시죠? 두번째는 중간 크기로 브라우..

오래전에 추가한다 해놓고 크게 쓰임이 있지 않아서 생략했던 내용인데, 댓글로 요청해주신 분이 계셔서 간단히 적어봅니다. 블로그를 하다보면 어쩔 수 없이 방문자수를 계속 지켜보게되더라고요. 다른 블로거님들도 마찬가지일거라 생각됩니다. 물론 크게 신경쓰지 않는 블로거들도 분명 있을테지만요~ 반응형 스킨#2의 경우 모바일버전에서는 표시가 되지 않습니다. 그래서 별도의 특별한 디자인은 하진 않고, 치환자를 적당한 위치에 위치시켜서 추가해봤습니다. 방법은 매우 간단합니다. 일단 아래 사진을 참고해주세요~ 위와 같이 HTML상에 티스토리 방문자 치환자를 추가해줍니다. Today : Yesterday : Total : 순서대로 오늘, 어제, 총 방문자를 나타내는 치환자입니다. 그런 다음, 이제는 CSS상에서 clas..

브라우저의 기본기능 개발자도구를 이용해서 CSS를 쉽게 편집하는 방법을 올려봅니다. 일반적으로 소스보기 후 해당 소스를 하나하나 찾아가며 수정하는 분들이 혹 있으실까바 조금은 편한 방법을 소개해드립니다. 이미 어느정도 HTML을 만질 수 있는 분들은 해당사항이 안될지도 모르겠네요. 위의 사진처럼 익스플로러11 기준, 오른쪽 상단을 보시면 톱니바퀴가 보이실겁니다. 클릭하시고 보시면 메뉴에 개발자도구가 있습니다. (타 브라우저도 비슷한기능들이 있습니다.) 그리고 익스 버전별로 메뉴 모양이 조금씩 다른데 기능은 거의 동일하게 들어가 있습니다. 클릭하시면 아래처럼 브라우저의 하단에 창이 열립니다. 새창으로도 열리기도 하지요~ 옵션에서 변경가능합니다만 설명은 생략할게요~ 개발자도구 창을 보시면 맨앞에 DOM탐색기..

티스토리 스킨 포럼에서 질문이 있어서 답글로만 알려드렸던 내용인데 댓글로 질문을 달아주신 분이 있어서 작성해봅니다. 티스토리스킨 반응형 #2 메인화면, 글목록화면과 게시물안의 이미지에 확대효과주기입니다. 이미지위에 마우스를 가져다 대면 이미지가 살짝 확대되는 효과입니다. 솔직히 너무 많이 주면 버벅일 수도 있어서 이런 효과는 조심해서 주는편이긴한데 나름 괜찮아서 추가해보았습니다. 현재 제 블로그화면들의 이미지를 확인해보시면 어떤 느낌의 효과인지 확인하실 수 있습니다. 본 게시물에 들어간 이미지들 위로 마우스를 가져다 대면 살짝 커지죠? 일단, 위의 CSS는 메인화면 즉, 글 목록화면의 썸네일에 적용되는 소스입니다. 줄 수를 보시고 비슷한 위치에 넣어주시면 됩니다. 소스는 아래 .list_content ...

티블로그를 운영하시는 분들 중에 도메인을 사서 2차주소로 연결해 운영하시는 분들이 계실겁니다. 저역시 도메인 mojimoji.co.kr를 산 뒤 2차주소를 사용하고 있습니다. 모바일과 웹에서 보시면 제 블로그 하단에 애드핏광고가 보이실겁니다. 가끔 대체광고로 제가 넣은 배너도 뜨곤하죠~ㅋ 애드핏광고를 붙이면서 가장 큰 문제가 사이트는 동일한데 주소가 두개라서 애드핏 광고단위를 각 주소마다 생성한 뒤 스크립트를 그냥 붙이면 배너가 작동을 제대로 안한다는 겁니다. 애드핏은 해당 주소값과 매칭이 되어야 배너가 뜨는데요. 서비스에서 제공해준 스크립트를 고대로 붙여넣기만 한다고 알아서 배너가 나오지 않습니다. 이것때문에 별의 별 짓을 다해보고 결국엔 질문까지 남겨 답변을 받았으나.... 늘 그렇듯 아래와 같이 별..