본문 바로가기

블로그 관리/블로그 Tip10

티스토리 북클럽 본문상단 제목박스 사이즈 줄이기 티스토리 북클럽 기본스킨을 적용한 후 본문에 들어가면 상단 제목 블록이 아래 왼쪽 이미지와 같이 너무 크게 잡힌다. 그래서 단 몇 분 만에 크기를 적당히 조절하는 방법을 소개하려 한다. 1. 박스 사이즈 조절 블로그 관리 페이지-> 꾸미기-> 스킨편집->html 편집으로 가서 CSS 창을 누르고 위와 같이 스킨을 변경하면 회색으로 이루어진 제목 박스 사이즈를 조정할 수 있다. 본인은 340px에서 200px로 변경하였다. 그리고 변경을 해 보면 박스 내부에 제목이 상단으로 쏠려 있는걸 확인 할 수 있다. 이제 이것을 보기 좋게 변경해보자. 2. 제목을 박스 중간으로 정렬 padding-bottom: 78px에서 10px로 변경해보았다. 이건 제목의 길이 및 브라우저의 종류 및 화면 해상도에 따라 본인이 .. 2021. 1. 10.
티스토리 기본스킨 꾸미기 03 - 사이드바 (메뉴바) 폰트 변경 티스토리 기본 스킨인 Book Club 스킨에서 제공하는 사이드바 글씨를 읽다 보면 너무 작아서 답답하다. 과연 누가 이렇게 글씨 크기를 이렇게 작게 만들어 놓은 건지...... 관심사가 생겨서 들어가려면 돋보기 필수지참일 듯. 그래서 사이드바의 글씨를 키워보려고 한다. 티스토리 html 편집으로 들어가 CSS 부분에서 Sidebar라고 검색을 한 후에 font size가 있는 부분을 하나씩 조절해보면서 원하는 사이즈와 padding을 찾아가면서 layout을 조정하면 된다. 처음 html편집이 어렵지 한번 하고 나면 너무나 쉽다. 그리고 코드라인이 너무 많아서 찾기 어렵다면 이전 블로그 게시글 "기본스킨 꾸미기 01"에서 설명한 웨일 브라우저를 사용을 추천한다. 관련 글 링크: 기본스킨 꾸미기 01 기.. 2020. 12. 11.
티스토리 기본스킨 꾸미기 02 - 본문 상단 대표 이미지 제거 티스토리에서 제공하는 Book Club 스킨을 사용하다 보면 대표 이미지에 글씨가 포함된 이미지를 설정할 경우 본문을 읽을 때 아래 이미지와 같이 제목을 읽기가 매우 힘들다. 그래서 html 스킨 편집으로 이러한 문제점을 해결하려고 한다. 단순히 html 편집으로 가서 아래 빨간색으로 하이라이트 된 부분을 삭제하면 된다. 단순히 삭제한 것만으로도 본문 열람 시 제목을 읽기 어렵게 만드는 대표 이미지 효과는 사라지게 된다. (좌측이 Before, 우측이 After) 2020. 12. 10.
티스토리 기본스킨 꾸미기 01 - 블로그 대문 폰트변경 티스토리 블로그를 운영하다 보면 스킨을 적용해서 개인 홈페이지처럼 꾸밀 수 있고 호스팅 비용도 나가지 않고 너무 좋다. 하지만 스킨을 쓰다 보면 여러 기능이 포함되어서 속도가 느려지거나 페이지 로딩 오류가 발생한다. "튜닝의 끝은 순정이다."라는 말이 있듯이 속도를 아무리 개선하려고 해도 전반적으로 여러 기능이 담긴 무거운 스킨이라서 로딩속도를 올리는 데 한계점을 느끼고 기본스킨으로 다시 돌아갔다. 현재 2020년 12월 06일 기준으로 사용 중인 스킨은 티스토리에서 기본으로 제공하는 Book Club 스킨이다. 이 스킨은 우측에 목록이 나와서 깔끔하게 책에 목차에서 찾고 싶은 걸을 바로 찾을 수 있는 장점이 있어 개인적으로 선호한다. 하지만 좌측 상단에 글씨 아래 사진과 같이 나와서 마음에 들지 않는다.. 2020. 12. 8.
html링크 새창에서 열기, 새탭에서 열기, 현재창에서 열기 링크 새 탭에서 열기, 현재 창에서 열기 너무 간단한 건데 스킨 부분에서 홈페이지 로고를 클릭할 때 기억이 나지 않아서 기록할 겸 찾아보았다. 우선 본문에서는 아래 사진과 같이 간단하게 GUI를 사용하여 새창으로 열기 누르면 간단하게 해결. 하지만 html 스킨편집 같은 경우에서는 아래와 같이 직접 입력해야된다. 새로운 탭이나 새로운 창으로 열어야 되는 경우는 2번줄 내용처럼 target='_blank' 를 넣어주면 된다. 1 2 3 4 5 2020. 9. 26.
포토샵 폰트 추가, 티스토리 블로그 폰트 추가 및 변경 1. 로컬 컴퓨터에서 폰트를 설치 방법 포토샵 또는 아도베이펙트, 프리미어에서 제공하는 기본폰트 중에서 예쁜 것도 있지만, 뭔가 2%부족한 느낌이 든다. 그럴 때 구글폰트에서 검색을 해서 다운이 가능하다. 그 후 로컬 컴퓨터에서 구글에서 다운 받은 폰트를 아래와 같이 설치 하면 된다. (예전에는 특정 폴더에 파일을 가져다 놨어야 했는데 이제는 아래와 같이 클릭 한 번으로 가능하다!) 설치를 하고 포토샵에 들어가면 폰트를 설정하는 란에 Anton 폰트가 추가된 것을 확인 할 수 있다. (구글에서 폰트를 다운받을 때 한국어를 지원하는 폰트인지 확인하고 다운받자.) 2. 티스토리 블로그에서 특정 폰트 사용하는 방법 구글 폰트로 가서 한국어를 지원하는 폰트부터 찾아보자. 원하는 폰트를 선택하신 후에 우측 상단을.. 2020. 9. 15.
티스토리 블로그 애드블록 경고문구 설정 컴퓨터 할 줄 아는 지식인 앞에서 애드블록 막는 것은 쓸모없음. 구글 애드센스를 활용해서 조금이나 $를 벌어보고자 광고를 넣었는데, 내 블로그 주제들이 코인, 주식, 프로그래밍 대부분이 마이너한 주제이다 보니 어느 정도 컴퓨터 지식을 가지고 있는 분들이 대부분이다. 이분들은 애드블록을 기본적으로 가지고 있다고 생각해서 광고 차단 효과가 나오지 않게 하려 했는데, 홈페이지 로딩 시간을 줄이기 위해 삭제한다. 애드블록 플러그인을 사용 못 하게 막거나 경고창을 표시를 필요하다면 이글을 확인. 본인은 화면 중앙에 아래 사진과 같이 경고창만 넣어두었다. (어차피 뚫고 들어올 사람은 어떻게든 애드블록을 키고 들어오기에) 1. 티스토리에 로그인 후 스킨 편집->html 편집으로 간다. 2. 아래 코드를 붙여넣으면 끝.. 2020. 9. 13.
티스토리 블로그에 페이팔 도네이션 버튼 달기 페이팔 도네버튼 만들기 현재 위 사진과 같이 도네이션 버튼을 사용 중이지만 괜히 애드센스 광고에 피해만 가서 삭제하려 한다. 하지만 페이팔 도네이션 버튼이 필요하실 분이 있을까 해서 삭제 전에 블로그 Tip에 게시한다. 1. 우선 페이팔에 로그인 해서 setting에 들어간다 2. Seller Tools를 누르고 Paypal Buttons 관리로 간다. 3. 자기에 맞는 버튼을 선택한다. (저희는 Donate 버튼) 4. 도네이션 버튼 디자인 하기. 사진을 넣으면 Donate 버튼 말고 다른 버튼으로도 가능 5. 금액 받는 방법 설정 (Recommended 버튼) 6. 화폐 설정 or 금액설정 미국 달러로 받거나 한국 원화로 받을지 설정할 수 있다. 그리고 유저가 직접 금액을 입력하거나 아니면 버튼 눌렀.. 2020. 9. 13.
해외 유저들을 위해 티스토리 블로그에 구글 번역기 달기 혹시 모를 외국인 방문자를 위해 구글 번역기 설치 간혹가다 외국에서 내 블로그를 방문하는 유저들이 있다. (VPN을 사용한 한국분 들일 수도 있겠지만 사진 구경하러 온 해외 유저일 수도 있겠다.) 하지만 현재 구글에서 구글 웹 번역기 제공을 중지한 상태이다. (아마도 과도한 트레픽 증가가 문제가 아닐까?) 그래서 크롬 브라우저에서 번역기 위젯을 사용하지 않으면 웹사이트를 번역하기에 불편하다. 하지만 내 블로그 방문자들이 모두 크롬 유저도 아닐 테고... 그럴 때 이걸 사용해서 티스토리 블로그에 적용하면 된다. function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'ko', layout: goo.. 2020. 9. 7.
[애드센스] 구글 애드센스 이틀 만에 승인 개설일은 6월 중순쯤 같은데 제대로된 블로그 시작은 2019년 11월 23일 부터 시작하였다. 블로그를 제대로 가꾼지 거의 3주에서 4주 정도 만에 애드 센스를 넣을 수 있게 되었다. 그리고 신청은 12월14일에 넣어 16일에 광고삽입 승인 결정 메일을 받았다. (3일 정도 소요됨) 우선 인터넷에 카더라통신에 의하면 방문자수 몇명 이상 하루 게시글 몇개 이런 카더라가 있는데 그냥 케이스 바이 케이스 인것 같다. (아래는 제 방문자 통계) 자 위의 조건을 충족했다면 이제 애드센스를 지원하러 ㄱㄱ :D 조그마한 개인 블로그 가지신 분들은 천천히 차근차근 따라하시면 된다. 구글에서 검색하고 구글 애드센스 페이지로! 다계정 사용중이면 아래와 같이 메인계정 누르고 나머지 로그아웃. =================.. 2019. 12. 18.