본문 바로가기

블로그 관리

CSS를 이용해 앱스토어와 비슷한 버튼(링크) 만들기 이번 포스트는 CSS를 이용해 앱스토어와 비슷한 버튼(링크) 만들기에 대해서 알아보도록 하겠습니다. 제목에서 이미 인지 하셨겠지만, 아이튠즈 앱스토어에 보면 다운로드 링크 버튼이 존재합니다.이 버튼은 이미지로 처리되고 있지만 이를 html + css 만으로 작성할 수 있을까? 에 대한 궁금증이 있을 수 있습니다.결론을 말씀드리자면 "가능하다" 입니다. 물론 세세히 색깔까지 맞춰가며 작업하는덴 어려움이 있겠지만 비슷한 느낌으로는 가능하지 않을까 싶어 시작해 봤습니다. 목표 css 를 이용해 앱스토어 버튼과 비슷한 버튼을 만들어 볼 대상은 다음과 같습니다. 맥용 응용프로그램을 받은로드 받기 위해서는 앱스토어에 접속했을때 위와 같은 링크가 나타날 수 있습니다.위 버튼과 비슷한 링크 버튼을 만들어 보고자 합니다.. 더보기
[블로그 관리] 티스토리 네이버 검색 등록하기 이번 포스트는 티스토리 네이버 검색 등록에 대해서 알아보도록 하겠습니다. 네이버 블로그 및 카페에 글을 작성시 네이버 검색에 반영할지 여부를 체크박스를 통해 적용이 가능합니다. 만약 체크가 되어 있다면 수분 또는 수십분 뒤에 네이버 검색에 노출되는 반면 티스토리는 네이버 검색에 노출되지 않습니다. 하지만 다음 검색에서는 바로바로 노출되고 있습니다. 이유는 회사가 다르기 때문이겠죠 ^^하지만 인기 있고 유명한 블로그라면 자체 크롤링을 해서 네이버 검색에 반영될 수 있을지 모릅니다. 저와 같이 블로그를 시작하고 방문자수가 몇 없을때는 내 블로그에 방문할 수 있는 경로를 많이 뚫어줘야 할지도 모릅니다. 또한 구글, 네이버 검색시 노출되길 바라는 목표중 하나는 네이버는 국내 사용자가 60% ~ 70% 정도가 사.. 더보기
[블로그 관리] 구글 애드센스 고민해결!! 이번 포스트는 구글 애드센스에 대해서 알아보도록 하겠습니다. 블로그에 대한 관심도 많고 블로그를 하면서 자극제 역활이 되는 것 중 하나는 컨텐츠도 있겠지만 소소한 수익이라고 생각합니다. 소소하게나마 수익이 발생되야 블로그를 꾸준히 관리하고 그로 인해 양질의 컨텐츠를 만들어 낼 수 있을것 같다 라고 생각합니다. 하지만 수익에 눈이 멀어 광고성 글 또는 방문자들을 끌어 들일 만한 자극적인 컨텐츠가 쌓일 수 있음을 조심해야 합니다.그래서 제가 겪었던 일을 토대로 구글 애드센스를 고민하지 말고 이렇게만 하면 문제 없이 될것 같음에 소개하려 합니다. 1. 포스팅 갯수 구글링을 통해 습득한 정보에 의하면 30개 ~ 50개 정도의 포스팅 개수가 되어야 구글 애드센스를 다는데 무리 없다 라는 정보를 얻었습니다. 그래서.. 더보기
[블로그 꾸미기] CSS 수정 좀더 쉽게 하는 방법 이번 포스트는 CSS 수정을 좀더 쉽게 하는 방법에 대해서 알아보도록 하겠습니다. 웹개발자 분들께서는 HTML 과 CSS 에 어느정도 익숙하리라 생각합니다. 하지만 익숙하지 않은 분들도 다소 계실거라 생각이 드는데요 이때 블로그를 관리하기 위해 CSS 수정을 해야 하는 상황이 있을 수도 있습니다. 예를 들자면 티스토리의 스킨을 적용했지만 간격이 작거나 클때 또는 글자의 크기가 작거나 클때가 있을 수 있습니다. 이를 어떻게 손쉽게 수정할 수 있는지에 대해서 알아보려고 합니다. Chrome 브라우저 IE, Firefox, Safari 등 다양한 브라우저가 존재하고 이들은 개발자 도구를 포함하고 있습니다. 하지만 이번 포스트에서 공유드리면서 사용된 기본 브라우저는 크롬(chrome) 브라우저 이기 때문에 크롬.. 더보기
구글 애드센스 적용기 이번 포스트는 구글 애드센스 적용기에 대해서 알아보도록 하겠습니다. 블로그를 접하게 되었고 초기 포스팅을 열심히 하다보니 애드센스에 욕심이 생기기 시작해 애드센스 가입을 해보고자 하는 마음을 가지기 시작했습니다. 애드센스를 적용하기 위해서 다양한 키워드로 구글링도 해보고 youtube 를 통해 1차 심사를 통과 할 수 있다는 내용도 확인 할 수 있었습니다. 그래서 아무런 부담 없이 애드센스를 가입하기 위해 차례대로 진행하게 되었습니다. 가입 방법을 다른 블로그에서도 확인할 수 있어 게시하진 않겠습니다만, 추후 노하우 또는 제가 겪었던 실패담을 늘어 놓을 수 있으니 이부분은 추가적으로 업데이트 진행하겠습니다. 자, 다시 돌아와서 애드센스를 가입하고 주소도 이상 없이 넣고 우편번호, 전화번호도 이상없이 작성.. 더보기
구글 웹마스터 도구 sitemap 적용 후기 이번 포스트는 구글 웹마스터 도구 sitemap 적용 후기 에 대해서 알아보도록 하겠습니다. 대략 5일 전쯤 구글 웹마스터 도구를 이용해 sitemap 을 등록했던 적이 있었습니다. 이는 하단 관련글에서 참조하시길 바라며, sitemap 등록 이후 후기에 대한 부분을 공유드리고자 합니다. 사실 sitemape 을 등록하면 구글에서 검색을 할 수 있도록 색인을 할 수 있도록 도와준다 라고 알고 있습니다. 그래서 열심히 글도 쓰고 정보도 추가하며 다양한 활동을 하며 블로그에 글을 작성하기 시작했습니다. 어느정도 만족할 정도의 글이 쌓였다고 생각했을때 쯤 sitemap 을 등록하게 되었습니다. 그때만해도 글은 약 11정도. 하지만 현재는 어떻게 진행되고 있을까요?? 현재 18개의 글과 2개의 색인이 완료된 상.. 더보기
[블로그 꾸미기] 티스토리 서식 사용 이번 포스트는 티스토리 서식 에 대해서 알아보도록 하겠습니다. 아직 블로그를 시작한지 얼마 되지 않았고 티스토리 블로그에 대해 알아아고 있는 단계이긴 합니다.하지만 블로그를 작성하다보면 어느정도 내가 작성하게 되는 패턴 또는 필요에 따라 글 작성 중간에 추가되어야 할 내용들이 있을 수 있습니다. 이런 경우 글을 쓰다가 동일한 패턴을 맞추기 위해 또는 이전글을 다시 불러와 복사해서 붙여넣는 단순한 작업들을 매번 반복해야 하는 경우가 생길 수 있습니다.그렇다면 동일한 패턴 또는 추가되어야 할 것들을 손쉽게 사용할 수 있을까?? 라고 고민을 해볼 수 있을텐데 티스토리에서는 "서식" 이라는 방법을 사용할 수 있습니다. 서식은 글 작성시 오른쪽 끝 "서식" 이라는 타입이 존재합니다. 해당 radio button .. 더보기
[블로그 꾸미기] 티스토리 방문자 그래프 플러그인 적용 이번 포스트는 티스토리 방문자 그래프 플러그인 적용 방법에 대해서 알아보도록 하자. 블로그를 운영/관리 하다보면 오늘 몇명이 방문했고 어제 몇명이 방문했는지 신경쓰기 마련이다. 하지만 매번 관리모드로 들어가 어떤 키워드로 몇번 들어왔는지 확인하기가 귀찮은일이다. 그래서 블로그를 운영하다 보면 카운트도 중요하지만 그래프로 일주일 간의 그래프를 보여주고 있다. 이는 티스토리(tistory) 에서도 플러그인(모듈) 형태로 제공하고 있어 편리하게 적용하기 쉽도록 되어 있다. 해당 플러그인을 이용해 내 블로그에 기본적으로 제공되는 카운트 형태가 아닌 그래프 형태로 제공해보고자 한다. 1. 현재 티스토리에 방문자 카운트는 기본적으로 토탈, 오늘, 어제 기준으로 표시가 되어 있다. 하지만 위에서도 언급했듯이 주간 형.. 더보기
티스토리 블로그 google 에 노출 방법 - Sitemap 등록 이번 포스팅은 티스토리 블로그를 구글(google)에 노출하는 sitemap 등록 방법에 대해서 알아보도록 하자. 이전 포스팅에서 구글 웹마스터에 자신의 블로그를 등록하는 방법에 대해서 알아봤다. 2014/10/30 - [기타] - 티스토리 블로그 google 에 노출 방법 - 웹마스터 등록 이제 자신의 블로그를 구글 검색에 노출시키기 위해 사이트맵(Sitemap) 등록을 하는 단계를 알아보자. 위 단계는 구글에서 크롤링을 할 수 있도록 기본적인 환경을 만들어 주는것인데 이것을 등록하게 되는 목적은 구글에 내 사이트에 이런 내용이 있으니 내 페이지를 수집해서 검색할때 노출시켜 주세요~ 라고 말하게 되는것이다. 이 것이 바로 사이트맵(Sitemap) 이다. 1. sitemap 크롤링 > Sitemap 탭을.. 더보기
티스토리 블로그 google 에 노출 방법 - 웹마스터 등록 이번 포스팅은 티스토리 블로그를 구글(google)에 노출 방법중 웹마스터 등록에 대해 알아보려고 한다. 웹마스터 도구란 웹에서 쉽게 찾을 수 있는 사이트를 만들어주는 도구라고 생각하면 된다. 즉, 구글에서 내 블로그 및 웹페이지를 쉽게 찾을 수 있었으면 하는가?? 그렇다면 웹마스터 도구를 이용해 등록해보자!! 사실 구글의 웹마스터 도구라는것을 처음 듣고 보았다. 그리고 웹마스터 등록을 통해 사이트가 관리되고 있는지도 처음알게 되었다. 구글 검색 엔진, 구글의 크롤링이 블로거 및 웹페이지를 제작한 사람들에게 절대적인 위치의 유입경로로 자리매김 하고 있다. 물론 국내에서는 네이버보다는 점유율은 낮다고는 하지만 무시못할 존재이긴 하다. 위에서 거론했듯 "구글에서 내 블로그를 더 노출시키기 위해서는 어떻게 해.. 더보기
티스토리 애드센스 수익공개?? 이번 포스팅은 티스토리 애드센스를 통해 수익이 발생하는 수익공개 포스트에 대한 얘기를 하려고 한다. 블로그를 하는 많은 사람들이 애드센스를 달기 위해 노력한다.물론 블로그내 양질의 컨텐츠와 많은 정보를 방문자로 하여금 얻어가도록 해야 할것이다. 하지만 과연 자신의 블로그는 그러한가? 라고 되묻고 싶다. 나 또한 블로그를 시작한지 시작단계 이고 컨셉을 잡기위해 노력은 하고 있지만 현실상 내 주제로 가기 위해서는 어려움이 많다. 많은 사람들이 이 분야에 관심을 갖지 않고 있기 때문에 관심을 줄까? 라는 걱정도 있긴 하지만 그래도 꾸준히 열심히 해봐야지..이는 부가수익을 얻기 위함이 아니라 내 자신을 위해서 이다. 하지만 나 또한 애드센스에 대한 수익공개를 검색해 보고 알아도 봤다. 이는 일부 사람들에 대한 .. 더보기
[블로그 꾸미기] 티스토리 폰트 나눔고딕 적용 방법 이번 포스팅은 티스토리 폰트를 나눔고딕으로 적용하는 방법에 대해서 알아보려고 한다. 블로그를 작성하다 보면 굴림, 돋움 사실 글씨가 이쁘지가 않다. 하지만 네이버에서 지원하는 나눔고딕 폰트가 깔끔함으로 어필하고 있지만 티스토리에는 기본폰트로 나눔고딕을 적용하지 않고 있다. 그래서 블로그 관리자들은 티스토리 블로그에 적용하기에 힘쓴다. 그럼 티스토리 블로그에 나눔고딕 폰트를 적용하는 방법에 대해 알아보도록 하자. 1. 구글의 폰트제공 페이지 방문 http://www.google.com/fonts/earlyaccess 2. 찾기를 통해 "Nanum Gothic" 을 입력하여 검색한다. 위 캡쳐된 내용을 보면 Link 에 해당하는 내용이 있다. 바로 @!import url("http://fonts.google.. 더보기