게임어바웃

티스토리 블로그 오디세이 스킨에서 글의 제목 썸네일 이미지에서 배경 색을 변경하기 위해서는 해당 블로그 CSS를 수정해 주면 된다. 먼저 CSS를 수정해주려면 티스토리 블로그 관리자 화면에서 꾸미기 메뉴에 있는 스킨 편집 내 html 편집화면으로 이동하자. html 편집을 누르고 CSS 항목에서 Ctrl+F를 눌러 .article-header:before 항목을 검색하고 background-color 에서 rgba(0,0,0,5)에서 rgba(0,0,0,1)로 수정해주면 된다.

오디세이 스킨 사이드바 고정 티스토리 블로그 오디세이 스킨에서 사이드바를 고정하려면 블로그 설정 화면에서 [꾸미기]-[스킨 편집]-[html 편집]-[CSS]로 들어가서 가장 최하단에 아래 코드를 입력하면 블로그 글을 내렸을 때 사이드바가 고정되는 것을 볼 수 있다. /* 사이드바 고정*/ @media screen and (min-width: 1061px) { .wrap-right .area-aside { align-self: flex-start; position: sticky; top: 32px; height: 100%} } #wrap {overflow: auto; overflow-x: hidden; height: 100%; } /* 사이드바 고정 끝*/

사이트에 자동 광고 설정 애드센스 계정이 활성화되면 블로그나 사이트에 광고를 설정해야 한다. 광고는 자동 광고 또는 광고 단위를 사용할 수 있다. 자동광고를 설정하려면 광고 설정을 선택하고 내 사이트의 모든 페이지에 에드센스 코드를 복사하여 붙여 넣기 해야 한다. 자동 광고 자동 광고는 애드센스 게시자가 쉽고 빠르게 광고 게재 할 수 있어서 구글이 게재할 광고와 적합한 게재 위치를 결정하기 때문에 콘텐츠를 만드는데만 집중할 수 있다. 스위치 하나로 모든 광고를 관리할 수 있고 모바일, 태블릿 및 데스크톱에서도 작동하며, 페이지에서 폭넓은 광고 노출 범위를 제공한다. ※ 자동 광고는 자동으로 게재되는 만큼 광고의 효과가 좋고 이용 만족도가 높은 것으로 예상되는 순간에만 자동광고를 게재 한다는 점을 명심하자..

애드센스 작동 원리 애드센스는 콘텐츠 및 방문자를 기준으로 관련성 높은 광고를 사이트에 게재하는 방식입니다. 광고는 제품을 홍보하고자 하는 광고주가 만들고 광고비를 지불하게 됩니다. 광고에 따라 광고주가 지불하는 광고비도 다르고 앱 개발자가 얻는 수익도 다릅니다. 광고 게제 공간 지정 광고를 게제 할 원하는 위치를 선택하고 해당 위치에 광고 코드를 삽입하기 위한 공간을 확보하세요. 입찰가가 가장 높은 광고 게재 광고 공간에 광고를 게재하기 위해서 광고주가 실시간 입찰에 참여하고, 입찰가가 가장 높은 광고가 사이트에 게재될 것입니다. 애드센스 서비스 가입 애드센스로 수익을 창출하기 전에 먼저 여기에서 애드센스에 가입을 하세요. 그리고 구글에서 사이트를 검토 후 프로그램 정책을 준수하는지 확인하세요. 애드센..

티스토리 블로그 접속 시 페이지 로딩화면 만들기 티스토리 블로그에 접속하면 구글 애드센스 특성상 글보다 광고 배너가 늦게 나타나게 되면서 상단 광고 배너 설치가 무의미하게 되버리는 경우가 있다. 이같은 경우를 위해 약간의 팁이라면 로딩 이미지를 통해 광고가 모두 송출 된 후 해당 콘텐츠를 볼 수 있게 하는 방법을 적용할 수 있다. 페이지 접속 로딩 소스코드 일단 페이지 접속 로딩 소스 코드는 아래와 같다. 로딩 이미지 다운로드 로딩 이미지는 GIF 확장자를 가진 이미지 파일을 다운로드 하면 되는데 구글에서 찾거나 icons8.com/preloaders 사이트에서 원하는 이미지를 다운로드 받으면 된다. 블로그관리→스킨 편집→html편집→파일업로드→+추가를 눌러 다운로드 받은 이미지 파일 업로드

블로그 본문 상단 광고 2개 티스토리 블로그 오디세이 스킨에서 상단에 애드센스 광고를 사각형 2개로 나누어 줄 수 있다. 티스토리 블로그 설정 화면에서 [꾸미기]-[스킨 편집]-[html 편집]-[HTML] 경로에서 상단 광고 위치에 아래 코드를 추가하자.

티스토리 블로그 프로그레스바, 스크롤 진행률 적용시키면 블로그 글을 읽을 때 글 상단에 진행률이 표시 된다. 해당 페이지를 읽어내려가면서 글 상단을 보자. 위 글은 오기세이 스킨에 브레드크럼(이동경로)에 대한 글이다. 글을 읽어 내려 갈수록 주소창 아래 프로그레스바(Progress Bar)를 볼 수 있다. 프로그레스바를 적용하기 위해서는 먼저 스킨 편집에 있는 html편집에 들어가서 HTML 탭에서 아래 코드를 태그 안에 넣어주면 된다. prognroll({color:"#FF9800"}); 태그에서 바의 색을 변경할 수 있다.

브레드크럼은 무엇일까? 빵 부스러기 '브레드크럼(이동경로)'를 표시하게 되면 SEO에 도움이 된다고 하는데 일단 브레드크럼을 추가하고나면 구글 서치 콘솔에서 'itemListElement' 입력란이 누락되었습니다'와 같은 오류가 발생하지 않는다. 로봇에게 사이트를 훨씬 구조적으로 인식하게 만들어 주고 방문자에게 쉽게 이전카테고리로 이동할 수 있게 해준다. 오디세이 스킨에서도 브레드크럼을 표시할 수있다. 카테고리 리스트 또는 게시글 본문에도 적용시킬 수 있다. 이는 로봇도 마찬가지로, 수집로봇이 사이트를 방문했을 때, 사이트를 훨씬 더 잘수집할 수 있고 구조적으로 높은 점수를 주기 때문에 SEO 점수도 올라가는 효과를 볼 수 있다. 오디세이 스킨에 적용하기 「꾸미기」 메뉴에 있는 스킨 편집을 선택하면 ht..

블로그 글을 작성할 때 사진 또는 이미지를 삽입하게 되는데 PC에서 볼 때는 불편함이 없다. 그런데 모바일 기기나 스마트폰에서 볼 때 디스플레이 화면이 작기 때문에 이미지에 있는 작은 글자는 더 작아져서 안 보이게 된다. 손가락으로 아무리 제스처 해봐도 먹히지 않는데 티스토리에 존재하는 이미지 확대 플러그인을 사용해보라고 해서 찾아봤는데 없더라. 일단 해결하긴 했는데 방법은 간단한 스킨 편집으로 해결 가능했다. 본인의 티스토리 블로그 스킨 편집에 있는 html 편집으로 가보자. viewport 관련 태그를 찾을 수 있는데 찾기 어려우면 CTRL+F 를 눌러 검색해보면 된다. 해당 태그를 찾고나면 태그 처음과 끝에 를 추가해주고 해당 태그가 적용되지 않도록 하자. 원본 백업되어 있으면 지워도 상관없다. 다..

애드핏에서만 제공 했던 본문 중간 광고 삽입이 애드센스도 티스토리 블로그에서 글 작성시 원하는 위치에 광고를 추가할 수 있는 기능이 업데이트 되었다. 그전에 먼저 해줘야 할 작업이 있는데 애드센스 관리에서 본문 중간(에디터)를 먼저 체크해주어야 한다. 이후 에디터에서 원하는 위치에 더보기(···) 메뉴에서 광고를 눌러주면 위와 같은 화면이 나타난다. 확인을 누르면 위와 같이 광고를 송출할 수 있게 되는데 이게 에디터에 직접 넣는 방식이라 지금까지 작성한 글에 자동으로 적용되는 것도 아니고 1개의 광고만 중간에 삽입이 가능하더라. 구글 자동 중간 광고는 매우 방대한 길이의 글에만 1-2개의 광고가 송출되는데 무슨 알고리즘인지는 모르겠으나 비상식적인 위치에 배치되기도 한다. 결론은 본문 중간에 하나의 광고만..