전체 글103 애드센스 광고배치 (2) : 티스토리 사이드 바에 광고 넣는 방법 우측 사이드바 메뉴에 광고는 따로 HTML을 통해 수동배치 할 필요없이 플러그인을 이용해 간단하게 구글 애드센스 광고를 넣을 수 있다 먼저 애드센스 홈에서 광고 단위를 새로 만들어야 하므로 디스플레이 광고를 클릭하자 사이드바에 들어갈 세로배너를 만들 예정이므로 양식은 고정, 너비는 180 높이는 600짜리규격으로 만들어주자 왜 180 인가요 하필?? 구글 광고의 세로배너 권장 사이즈는 160x600이지만 나는 가운데 정렬 중독자라 그렇게하면 가운데 정렬이 사이드바에서 안되더라 스킨마다 아마 사이드바의 너비가 다 다를건데 자기 스킨의 사이드바 너비를 재어 가운데로 딱 정렬시키고 싶다면? 블로그 홈에서 F12탭을 열고 사이드바 항목의 메뉴들에 커서를 대어 좌측하단에서 width 항목을 통해 너비를 알 수 있.. 2019. 7. 16. 티스토리 스킨편집 (4) : 하단메뉴 중심맞추기 가로폭을 넓히면 자연스럽게 아래 동떨어진 하단메뉴들의 정렬이 맞지 않게 된다 중심이 맞지 않는 하단메뉴들을 정렬시켜보자 F12를 눌러 하단메뉴를 포함하는 명령어가 wrap_box_footer 인것을 확인할 수 있는데 F12탭의 wrap_box_footer 하위항목인 footmenu를 클릭하면 우측 하단과 같은 창이 뜬다 사진처럼 padding이라는 초록색 영역의 오른쪽에 240을 입력해보자 padding의 오른쪽에 240을 입력하면 오른쪽에 240px만큼의 추가여백이 생긴다는 말이다 그 말은 즉 하단메뉴들이 왼쪽으로 240만큼 밀려간다는 뜻 사진을 보면 가로폭을 넓힌 위쪽 본문과 어느정도 가운데 정렬이 되는걸 확인할 수 있다 누차 얘기했듯 F12는 그저 미리보기이고 실제 편집은 티스토리 편집기에 들어가서.. 2019. 7. 16. 티스토리 스킨편집 (3) : 스킨 가로폭을 넓히는 법 스킨편집을 하면서 가장 힘들었던게 가로폭을 변경시키는 파트인데 기존의 다른 블로그와 비교했을때 550px이라는 가로폭은 상당히 좁고 불편하다고 느꼈기 때문에 폭을 확장하는 작업이 필수적이었다 그러나 HTML이 익숙하지 않은 나같은 사람은 가로폭 수정작업이 정말 고역이 아닐 수가 없었는데 블로그들을 찾아봐도 이해를 못하겠더라 사실 나라도 쉽게 풀어서 설명하면 좋겠지만 과연 잘 설명이 될지 모르겠다 과정을 최대한 사진과 비교하며 본다면 도움이 될 것이다 본문과 글목록이 가로폭 변경의 핵심이기 때문에 먼저 가로폭 변경하기 전 본문 글을 아무거나 써보자 글이 아무거나 써져있다면 굳이 더 쓸 필요는 없고.. 블로그홈에서 F12를 켠 후 container에 커서를 가져가면 이렇게 영역들이 표시되는데 저 파란색 영역.. 2019. 7. 16. 티스토리 스킨편집 (2) : 배경 바꾸기 HTML 편집을 통해 페이지에 있어도 되고 없어도 되는 간판이나 캘린더 기능을 떼어내는 방법을 알았다면 CSS 편집을 통해 배경색을 바꾸는 방법도 알아보자 편집탭이 아닌 블로그 홈에서 F12를 눌러 body 항목을 클릭해 왼쪽하단을 보면 background-color가 #ffffff로 되어 있는것을 알 수 있다 #ffffff는 흰색의 고유번호라고 생각하면 되는데 분명 스킨은 보라색인데 왜 흰색으로 되어있지? 왜냐면 사실 배경색은 흰색이 맞는데 사진의 #ffffff 아래항목인 background-image에 있는 bodybg.gif라는 보라색 스킨이미지가 덧씌워져있기 때문이다 #ffffff의 네모박스를 클릭하여 이런저런 색을 클릭해보면 저렇게 흰 네모박스에 고유번호들이 나오는데 자신이 원하는 배경색을 결정.. 2019. 7. 16. 티스토리 스킨편집 (1) : 페이지 간소화 하기 티스토리를 처음 시작했을 때 아무런 정보도 없이 밤을 새고 머리를 쥐어뜯어가며 구글링을 통해 여러 티스토리 블로그 글들을 참고하여 지금의 스킨을 만들기까지 고생이 이만저만이 아니었다 블로그를 시작하기 전에 티스토리 블로그는 어려우니 네이버 블로그에서 내공을 쌓아오라는 글들을 많이 봐왔는데 그런거 필요없고 그냥 시작할래요 해서 네이버 블로그에 글 서너개정도 써보고 바로 티스토리에 뛰어든 나같은 새내기블로거는 스킨편집 등 초기작업들부터가 정말 고난의 과정이지싶다 처음 블로그를 시작하면 스킨을 만드는데 나같은 경우는 가로 550px의 네이버 블로그와 유사한 보라색 스킨을 선택했다 블로그에 저런 간판을 걸어놓는 사람들이 많은데 나는 간판의 디자인이 예뻐서 블로그를 자주온다는 사람을 듣도보도 못했다 간판의 존재이.. 2019. 7. 15. 티스토리 사이드바 폰트크기를 키워보자 홈화면에서 보이는 내 블로그의 사이드바인데 IT 카테고리의 Utility 글자가 너무 작아 글자끼리 겹쳐버려서 가독성이 떨어진다 폰트를 키우기 위해 관리자탭으로 들어가 스킨편집 - HTML 편집 - CSS 순으로 들어가보자 CSS편집에 들어왔다면 Ctrl + F 를 눌러 wrap_side .date 를 입력하고 엔터를 눌러주자 wrap_side .date를 검색해 엔터를 치면 해당 항목이 뜨는데 font: OOpx/OOpx 에 숫자를 입력해 폰트 크기와 상하여백을 조정할 수 있다 폰트 크기는 13px으로, 높이는 19px로 조금만 조정해주면 사이드바의 폰트크기를 키우는데 성공! 메뉴의 가독성이 좋아졌다 2019. 7. 15. 이전 1 ··· 11 12 13 14 15 16 17 18 다음
