본문 바로가기
반응형

드레곤박의 잡동사니77

티스토리 북클럽 스킨 블로그이름에 <h1> 태그 제거하기 많은 사람들이 포스팅에 태그는 포스팅 제목 하나에만 넣으라고 한다. 그런데 코드를 보면 블로그 이름도 태그로 되어있다. 즉 아무리 포스팅 내용에 태그를 안 써도 필연적으로 2개가 들어가게 된다. 그래서 이번엔 북클럽 스킨에서 블로그 이름에 들어간 태그 제거하는 방법을 포스팅해 보겠다. 목차 1. 수정할 위치 찾기 1) 크롬 개발자 도구를 이용해서 수정할 위치를 찾자 2) 스킨 편집 메뉴에서 위치 찾기 2. 코드수정 1) h1 코드를 수정하자 2) 링크 태그를 수정하자 3. 마치며 1. 수정할 위치 찾기 일전에 필자가 쓴 글들을 보신 분들이라면 html을 수정해야 할지 css를 수정해야 할지 알 수 있을 것이다. 지금 할 작업은 단순히 글씨 크기를 바꾼다거나 색상을 바꾼다거나 하는 작업이 아니고 태그 자체.. 2021. 6. 23.
안드로이드 휴대폰 파일이름, 일괄변경 어플로 쉽게 바꾸자 휴대폰으로 사진을 찍어보면 디카보다 유독 파일 이름이 길고 숫자로 되어있어, 직관성이 떨어진다. 이 파일 이름을 의미 있는 이름을 일괄 변경해서 알아보기 쉽게 해주는 어플이 있다. 바로 Bulk Rename & Group 이다. 1. Bulk Rename & Group 설치 - 구글 플레이스토어에서 Bulk Rename 을 검색해보면 어플이 나오는데 무료 버전과 유료버전이 있다. 유료버전은 3000원인데 무료 버전은 광고가 나온다는 것 빼고는 기능은 같다. 그리고 광고도 상단에 일부만 차지하고 있기 때문에 사용하는데 걸리적거리진 않는다. 아래와 같은 어플이 나오면 설치를 한다. 필자는 이미 설치가 되어있어 열기 아이콘이 보인다. - 설치가 완료되고 실행을 하면 기능에 대한 설명이 나오는데 죄다 영어다. .. 2021. 6. 22.
티스토리 본문 중간에 애드센스 광고 수동으로 넣는 완벽한 방법 티스토리는 기본으로 광고 넣는 위치를 플러그인 설정에서 지정된 위치에 넣을 수 있게 되어있다. 그런데 포스팅이 길어지면 중간에 광고를 추가로 넣고 싶을 때가 있는데, 이때 수동으로 넣는 방법에 대해 알아보자. 목차 1. 광고 만들기 1) 광고 단위 선택하기 2) 콘텐츠 내 자동삽입 광고 설정 3) 광고 코드의 복사 2. 광고 삽입하기 1) 붙여 넣기로 삽입하는 방법 2) 스크립트는 한개만 필요하다. 3) 광고가 사라지는 현상 해결법 3. 서식을 이용한 광고 삽입 1) 서식 만들기 2) 서식을 이용한 광고 삽입 4. 마치며 1. 광고 만들기 우선 애드센스 홈페이지로 들어간후 어떤 광고를 넣을지 선택을 해야 한다. 메인화면 왼쪽에 광고를 선택하면 오른쪽 화면이 바뀌는데 여기서 상단의 광고 단위 기준을 선택한.. 2021. 6. 21.
북클럽 스킨 그동안 수정한것들 북클럽 스킨을 쓰면서 이것저것 수정했다. 이전 포스트인 크롬 개발자도구를 사용하면 비교적 빠르게 수정이 가능하다. 개발자도구를 알기전엔 다른분들이 포스팅한걸 보고 따라하는것 밖에 할 수 없었으나. 지금은 개략적으로 찾아 수정이 가능하게 되었다. 물론 가장 기본적인 html과 css 정도는 알아야 한다. 아래는 필자가 수정한 목록이다. 이정도만 해도 비교적 만족스럽다. 1. 커버의 뉴스레터의 섬네일 비율 정사각형으로 수정 2. 커버의 커버겔러리2 제목잘림현상 안잘리게 수정 3. 리스트의 '뉴북' 섬네일 비율 정사각형으로 수정 4. 상단 블로그 이름에 태그 삭제 5. 속도 향상을 위한 웹폰트 제거 6. 속도 향상 및 깔끔한 화면을 위해 댓글목록에 닉네임 앞의 이미지 제거 7. 포스팅 상단에 배경이미지 어둡게.. 2021. 6. 20.
내 블로그 순위와 분석을 해보자 BLOGchart 과연 나는 지금 블로그 운영을 잘하고 있는 건지, 내 블로그는 어느 정도 수준인지 문득 궁금해진다. 그런데 이걸 분석해 주는 사이트가 있다. 바로 BLOGchart 이다. 블로그 차트는 2014년 런칭한 서비스로 2013년도에 블로그 순위 산정 기술을 특허출원했다고 밝히고 있지만 지금까지 "특허등록"이라는 말은 없는 것을 봐서 등록은 안 된 모양이다. 공식 페이지에서도 출원사실증명원만 보여주고 있다. 하지만 빅데이터 분석기술을 기반으로 한 업체이기 때문에 누적된 데이터는 많을 것이라 생각된다. 물론 데이터가 네이버 위주다. 방문 수 보다 키워드 위주의 통계다. 믿을 수 없다 등 여러 가지 이야기도 나오기는 하지만, 참고용 분석자료로 볼만한것 같다. 그리고 내 블로그 순위 뿐아니라 여러가지 통계도 보여주고.. 2021. 6. 20.
티스토리 블로그 스킨 수정, 크롬 개발자도구를 사용해보자 지난 시간에 이어 티스토리 블로그 스킨 편집 강좌이다. 이번엔 어디서부터 손대야 할지 쉽게 알게 해주는 크롬 개발자 도구를 활용하는 방법을 배워보도록 하겠다. 일반 웹 서핑할 땐 전혀 필요 없는 기능이지만 크롬은 예전부터 웹사이트 개발자 들을 위한 툴을 제공하고 있었다. 전혀 상관없던 우리가 블로거가 되었으니 이 도구 사용법 몇 가지 기능은 알아두는 게 좋다. 1. 크롬의 개발자도구의 구성 1) 개발자도구의 실행 크롬의 개발자 도구의 단축키는 F12이다. Ctrl-Shift-I를 눌러도 되지만 F12가 있는데 왜 굳이 만든건진 모르겠다. 내가 수정할 페이지로 이동한뒤 F12 를 눌러보면 웹 브라우저가 갈라지면서 왼쪽엔 웹페이지, 오른쪽 1/3 정도엔 뭔가 암호 같은 HTML 코드들이 잔뜩 나열한 창이 나.. 2021. 6. 18.
상업용 가능한 저작권 문제없는 무료 이미지 다운로드 사이트 7개 웹에서 어떤 이야기를 전달할 때 이미지보다 효과가 좋은 것은 없다. 그러나 문제는 저작권, 그래서 이번 포스팅에선 상업용으로 사용이 가능한 저작권 프리인 무료 이미지 다운로드 사이트 7군데를 소개한다. 소개 순서는 추천 순위가 아니기 때문에 잘 읽어보고 선택하기 바란다. 나름의 순서는 첫 번째로 한글화, 두 번째는 제공하는 데이터 유형의 수 정도로 순서를 메겼다. 픽사베이가 첫번째로 소개된 이유가 한글화에 다양한 포멧의 파일을 무료로 제공해서 이다. 1. PIXABAY ( https://pixabay.com/ko/ ) 국내에서 가장 많이 알려진 사이트 일것이다. 깔끔한 인터페이스와 사진 퀄리티도 상당히 좋아서 필자도 자주 이용하는 사이트이다. 무엇보다 한글화가 되어 있어서 국내 사용자들이 접근성이 용이하.. 2021. 6. 18.
티스토리 주소 숫자에서 문자URL로 바꿀때 경험과 유의할점 티스토리 포스팅의 주소를 숫자로 해야 하나 문자로 해야 하나 의견이 많다 하지만 우선 확실한 건 구글 SEO는 문자 URL을 쓰라고 권장하고 있다. 이번 포스팅은 포스팅 60여 개를 숫자 URL로 운영하다 문자 URL로 바꾼 경험을 써보겠다. 그리고 이 포스팅은 다음검색이 아닌 구글검색 기준으로 작성한 포스팅이다. 목차 1. 티스토리의 포스팅 주소 1) 티스토리는 무조건 2개의 URL 주소를 만든다. 2) 주소를 숫자에서 문자로 바꿔도 문제가 없는 이유 2. 숫자에서 문자로 바꾸면 벌어지는 일 1) 초반에 직접유입이 엄청나게 증가한다. 2) 신규 색인은 빠르지만 기존 포스팅 재 색인 요청은 엄청 느리다. 3) 문자로 색인이 완료되어도 검색 결과에 반영은 느리다. 4) 검색 결과 순위 변동은? 5) 모든 .. 2021. 6. 17.
구글서치콘솔 새로운 기능 Search Console Insights 로 사이트 블로그 분석하자 구글 서치콘솔에서 Search Console Insights 라는 서비스를 새로 제공한다. 아직 베타인데 구글 애널리틱스와 연동 하여 사이트나 블로그 유입을 좀 더 상세하게 분석해준다. 1. Search Console Insights 실행 아직 베타서비스라 그런지 정식으로 좌측 메뉴에 들어가 있지는 않다. 대신 메인화면 상단에 노란색 박스로 링크가 걸려있다. 이 링크를 누르면 새창이 뜨면서 Search Console Insights 이 실행된다. 최초 실행하면 구글 애널리틱스가 연동되지 않은 상태로 실행이 되며, 제공되는 분석자료는 구글 검색으로 방문자가 내가 운영하는 어떤 방식으로 들어오는지 보여주는 화면 하나만 나온다. 아쉬운 건 조회기간이 최근 28일로 고정이 되어있다는 건데, 그래도 좀 더 보기 .. 2021. 6. 17.
티스토리 블린이를 위한 스킨편집 기초, HTML과 CSS 티스토리를 시작할 땐 모르다가 운영하면서 스킨이 100% 맘에 들지 않는다. 뭔가를 고치고 싶은데 HTML이 뭐고 CSS 가 뭐지? 스킨 편집의 개념과 기초를 알아보자. 목차 1. 티스토리의 스킨 1) 티스토리의 특징 2) 스킨의 디자인 변경 3) 스킨 디자인의 부분 변경 2. HTML과 CSS 1) HTML 2) CSS 3. 티스토리의 코드 수정 방법 1) HTML 수정메뉴의 위치와 화면 구성 2) 에디터의 사용법 4. 마치며 1. 티스토리의 스킨 1) 티스토리의 특징 티스토리는 다양한 디자인의 스킨을 기본으로 제공한다. 서비스형 블로그 네이버처럼 고정된 디자인이 있는 것이 아닌, 스킨이라는 이름으로 다양한 형태의 블로그를 만들 수 있다. HTML을 제대로 안다면 아예 처음부터 완전히 다른 디자인이 가.. 2021. 6. 17.
무료 마인드맵 만들기 사이트 Coogle로 생각을 공유하자 생각을 확장시키는 방법중 하나인 마인드맵을 만들수 있는 툴을 무료로 제공해주는 사이트가 있다. 그리고 온라인에서 만드는만큼 만든 마인드맵을 쉽게 공유할 수 있다. 바로 Coogle 이다. 1. Coogle의 시작 Coogle은 설치가 아닌 웹상에서 사용하는 마인드맵 에디터로 인터넷만 되면 사용이 가능하다. 사이트는 아래링크로 이동 하면 된다. https://coggle.it/ 접속을 하면 녹색 바탕화면에 동영상 하나가 있고 그 밑에 Sign Up Now 라는 아이콘이 있는데 눌러서 가입을 하면 바로 사용이 가능하다. 가입은 구글계정이나 마이크로소프트 계정, 애플 계정이 있으면 바로 가입이 가능하다. 접속이 되었으면 좌측 상단에 녹색 아이콘으로 Create Diagram 이라는 아이콘이 있는데 이걸 클릭하.. 2021. 6. 13.
초보 블로거 애드센스 광고차단 해야할까? 애드센스는 기본적으로 원치않는 광고를 차단하는 기능을 제공한다. 그런데 종종 올라오는 포스팅중에 광고차단을 해서 수익을 올리라는 글들이 있다. 그러나 광고 차단을 하면 원하는 만큼 수익이 오를까? 대체로 그렇지 않다. 특히나 경험이 없는 초보 블로거들한테는 더더욱 그렇다. 왜 그런지 지금부터 썰을 풀어보겠다. 1. 구글은 우리가 생각하는것보다 훨씬 똑똑하다. 1) 구글은 아무광고나 랜덤으로 올리지 않는다. 물론 일부 랜덤이긴 하지만 복불복 게임은 아니라는 말이다. 애드센스의 로직은 포스팅의 맥락을 대략적으로 이해하고 그것과 관련된 광고를 최대한 보여주려고 애쓴다. 이건 사실 광고를 싣는 블로거를 위한 것이 아니다. 광고를 의뢰한 광고주를 위한 것이다. 광고를 했을 때 효과가 최대한 나와야지 광고주가 지속.. 2021. 6. 13.
반응형