HOW 19 북클럽 스킨 페이지 검색 버튼 표시 방법 수정 티스토리 북클럽 스킨에서 사용하는 페이지 이동 링크 'pagination'의 이전 'prev'와 다음 'next' 버튼의 보기 형태를 수정하는 코드입니다. - 카테고리의 리스트 페이지들 - 현재 보고 있는 페이지의 이전 혹은 다음 페이지들 - 검색 결과로 제시하는 페이지들의 숫자 모두 '.pagination' 클래스의 하위 클래스인 '.prev'와 '.next'의 구조로 관리합니다. 북클럽 스킨과 오딧세이 스킨의 버튼 표시 모습을 비교하여 설명하고 북클럽 스킨에 필요한 수정 코드를 등록하였습니다. 최근에 제공한 티스토리 오딧세이 스킨의 페이지 이동 버튼의 구현 모습입니다. 현재 1 페이지를 보고 있습니다. 왼쪽 마지막 페이지이기 때문에 이전('prev') 페이지 버튼을 표시하지 않습니다. 현재 19 페이.. 2021. 7. 30. 구글 애드센스 광고 배너 상, 하단 마진 없애는 방법 .navigation + .google-auto-placed .adsbygoogle { margin: 0 auto !important; } 구글 애드센스 배너를 자동으로 설정하면, 블로그나 운영 사이트의 상단 메뉴바 혹은 헤더 바로 아래 배치됩니다. 배너 상단과 하단의 간격은 마진으로 10px입니다. --- 헤더 (혹은 메뉴바) --- 10px의 공백, margin 10px --- 애드센스 배너 --- 10px의 공백, margin 10px 이 형태인데 사이트 디자인에 상, 하단 공백을 없애고 싶을 경우 다음과 같은 CSS 코드를 추가합니다. .google-auto-placed .adsbygoogle { margin: 0 auto !important; } - 구글 애드센스 코드: 'google-auto-.. 2021. 7. 18. 티스토리 스킨 저장 및 등록 방법 티스토리에서 실행 중인 스킨을 저장하는 방법은? "블로그 관리 홈" → '꾸미기'의 "스킨 변경" → 페이지 오른쪽 '사용 중인 스킨'의 "보관" → '스킨 보관'에 '스킨명' 입력하고 "확인" → "스킨 보관함"을 눌러서 자신이 저장한 스킨 리스트 페이지 → ("스킨 목록"과 "스킨 보관함"은 토글 버튼입니다.) 마우스를 다운로드할 저장된 스킨에 올려서 3가지 옵션 리스트 확인 → "적용", "다운로드", "삭제"에서 "다운로드" 선택 → 나타난 브라우저 팝업창 '다운로드'에서 "다른 이름으로 저장" 선택 → 파일을 저장합니다. 저장된 파일은 ZIP 압축 파일입니다. 현재 티스토리의 사용 중인 스킨의 저장 포맷은 ZIP입니다. 티스토리에 스킨을 등록할 때에는 ZIP과 같은 압축 파일이 아니라 압축을 풀.. 2021. 5. 9. 블로그 최적화 전문적으로 조사한 자료 거의 없이 네이버와 티스토리 블로그 운영하면서 발을 담그기 시작한 약간의 경험을 풀어놓겠습니다. 블로그 최적화를 생각할 때 구글, 광고, 검색을 떼어놓을 수 없습니다. 구글은 야후, 라이코스 등이 최전성기를 누리고 있을 때 초기 페이지가 빠르게 로딩되고 검색 결과를 더 빠르면서도 정확하고 다양하게 제공하는 서비스로 검색 업계의 선두 주자들을 두드려 부수고 정상에 올라간 기업이라고 단정 지을 수 있습니다. 지금도 구글 초기 페이지는 오로지 검색창만 제공합니다. 주소 입력을 마치고 엔터키를 누르는 순간 초기 페이지가 뜹니다. 물론 다른 메뉴는 오른쪽 혹은 왼쪽의 메뉴 버튼을 눌러서 선택할 수 있습니다. 한마디로 빠를 수밖에 없는 구조입니다. 지금의 SNS 초기 형태인 동호인 클.. 2021. 5. 4. 티스토리 블로그의 웹 폰트 설정 (구글 PSI 속도 측정 결과) 블로그: 티스토리 스킨: 북클럽 ※ 스킨의 종류가 다를 경우 파일의 종류와 구조는 다르지만 설정만 적용 가능합니다. 속도 측정 도구: 구글 PSI (PageSpeed Insights) 편집 대상 파일: "style.css", "skin.html" (CSS와 HTML 파일) 블로그 시작하면서 간간이 속도 측정하면서 설정을 변경하고, 테스트하고 반복하였습니다. 폰트 설정에 관계된 페이지 속도의 등락이 거의 이상 증상으로 받아들일 정도로 괴이한 현상을 보여서 이것을 파악하는 데 대부분의 시간을 보냈습니다. 티스토리 블로거들의 전문적인 글과 구글 페이지 로딩 측정 사이트의 도움말 등을 하나씩 읽어보고 설정에 적용하여 테스트하였습니다. 오늘 변경한 설정이 속도도 안정적이면서 높게 나와서 해결이 된 느낌입니다. 전.. 2021. 4. 15. Dell 노트북 어댑터 고장 분해 수리 Dell AC/DC Adapter PA-3E Family 모델명: DA90PE3-00 REF. NO.: ADP-90VH D 입력: 100-240V ~ 1.5A / 교류(AC) 출력: 19.5V, 4.62A / 직류(DC) 제조업체: DELTA ELECTRONICS INC. CN-0WTCOV-48661- 081-JSF5-AOO Made in China DP /N 0WTCOV 어댑터 분해 볼트를 사용하여 조립한 것이 아니라 본드 혹은 양면 접착테이프를 사용하여 외부 플라스틱 커버에 부착한 제품입니다. 위와 아래 플라스틱이 맞닿은 중간 부분을 일자 드라이버로 끼우고 양쪽으로 당기면서 조금씩 분리합니다. 한 번에 큰 힘을 주지 말고 본드나 접착테이프가 분리될 시간을 주고 천천히 분해합니다. 전기의 입출력 변.. 2021. 3. 7. 티스토리 연동 광고 overflow로 인한 블록 깨짐 방지 티스토리에 등록한 애드핏, 애드센스 광고 배너 크기로 인하여 페이지의 틀이 깨질 때 사용하는 방법입니다. 티스토리의 '블로그 관리 홈'에서 2가지 광고를 연동시켰을 때 사용하는 것입니다. 티스토리와 연동시키지 않고 광고 배너 코드를 직접 소스 페이지에 입력하는 경우는 적용되지 않습니다. 이미지 2개를 예제로 등록하였습니다. 현재 티스토리에 연동된 배너 광고의 크기는 고정형입니다. 웹브라우저의 높이와 폭의 크기를 변동시키면 배너가 있는 문단의 크기에 맞게 변경되지 않습니다. 그래서 왼쪽 캡처 이미지와 같이 페이지의 다른 구역을 침범하여 전체적인 페이지의 디자인이 깨지는 현상이 발생합니다. 다행스러운 것은 구글 애드센스, 카카오 애드핏 배너 광고의 HTML 코드가 "" 태그를 사용하고 "revenue_uni.. 2021. 2. 19. 'how do you think ~'와 'what do you think ~'의 구조와 사용 형태 'how do you think ~'와 'what do you think ~'의 구조와 사용 형태 ●○ 문장 구조: 간접 의문문(indirect question, embedded question) ○ 'how do you think ~' How do you think that happened? 평서문 -> 직접 의문문 -> 간접 의문문 That happened for the reason of something . How did that happen? 'do you think'(전달문) + 'how did that happen?'(피전달문) How do you think that happened? 사건이 발생한 이유, 원인, 방식 등에 대한 질문입니다. 이런 형태의 문장을 간접 의문문이라고 부릅니다.. 2020. 4. 18. 윈도우 10에서 어도비 포토샵 CS2 실행하는 방법 아래 2가지 항목 적용으로도 오류가 해결되지 않는 사용자의 CS2 실행 방법입니다. 더보기 1. 언어 옵션 설정: "각 앱 창에 다른 입력 방법을 직접 설정" 체크 2. "호환성 문제 해결" "윈도우 10" 환경에서 "Adobe Photoshop CS2"를 오류 없이 실행하는 방법입니다. 컴퓨터 환경에 따라서 다른 결과가 나타날 수도 있습니다. 윈도우 작업 표시줄에서 시작 버튼을 누르고 "Adobe Photoshop CS2"를 찾아서 마우스 오른쪽 버튼 클릭합니다. "자세히"로 마우스 포인트 이동하고, "작업 표시줄에 고정" 클릭합니다. 작업 표시줄에 "Adobe Photoshop CS2" 아이콘이 등록되었습니다. 마우스의 왼쪽 버튼을 (빠르게) 더블 클릭합니다. 아래 화면이 뜨면 오류 없이 실행된.. 2020. 2. 24.
