반응형

블로그 42

티스토리 블로그 주소 뒤에 #gsc.tab=0 제거하기 애드센스의 검색엔진 서비스를 이용을 하면 블로그 벗어나지 않더라도 검색바를 이용하여 구글 검색이 가능하여 블로그 내에 검색 기능이 있어도 구글 검색엔진을 추가적으로 사용을 하게 되는데 이로 인하여 #gsc.tab=0 추가적으로 주소 뒤에 붙게 됩니다. 사이드바에 애드센스 검색 바를 설치하니 블로그 주소 뒤에 #gsc.tab=0 추가적으로 생성이 되었는데 이로 인하여 발생하는 장단점을 확인할 수는 없지만 원하지 않은 주소가 생성되었으니 왠지 모를 불편함이 생겨 제거를 하고 싶으면 애드센스 에서 검색엔진 설정을 변경해 줘야 합니다. 애드센스에서 광고 > 광고 단위 기준 메뉴에서 해당 검색엔진의 연필 아이콘을 선택하고 편집 페이지로 이동을 합니다. 편집기에서 왼쪽 메뉴 중 '검색 결과 기능'을 선택하고 하위 .. 블로그&인터넷/티스토리 2022. 10. 29.
티스토리 사이드바 카테고리 접기 티스토리 블로그 스킨 중 일부 스킨은 사이드바의 카테고리 항목이 하위 카테고리까지 모두 노출이 되도록 펼침 상태로 설정이 되어있는데 목록을 바로 확인할 수 있어 클릭을 유도할 수는 있지만 운영기간이 늘어나면서 목록도 늘어나게 되고 많은 공간을 차지하게 되는데 스킨 편집에서 치환자를 변경하여 주면 접힌 카테고리로 변경이 가능합니다. 오랜 기간 운영도 하였고 잡 블로그이다 보니 이것저것 목록만 계속 늘어나 한 화면을 가득 채우는 지경까지 이렀네요. 치환자 수정을 위해서는 블로그 관리 모드에서 꾸미기 > 스킨편집 > Html 편집을 선택하여 수정할 수 있습니다. HTML 편집기에서 'Ctrl + F' 단축키를 이용하여 '_category_list_' 검색하여 카테고리 치환자를 찾는데 검색 단축키는 브라우저의 .. 블로그&인터넷/티스토리 2022. 9. 22.
구글 웹폰트 적용하는 방법 티스토리 블로그에 폰트를 업로드하지 않고 웹폰트를 이용하여 내 블로그에 바로 폰트를 적용할 수 있습니다. 무료 웹폰트를 제공하는 Goole Fonts : https://fonts.google.com/?subset=korean 사이트에 접속하여 많은 폰트 중에 적용할 폰트를 선택합니다. 폰트를 선택하면 여러 미리보기가 나오는데 그중 'Styles' 항목에서 굵기 별로 미리보기가 있는데 해당 폰트 오른쪽에 '+Select this style' 선택합니다. 오른쪽에 설정 창이 열리면 를 '@import'로 변경하고 아래 두개 박스 내용을 복사해서 CSS 추가하여주면 됩니다. 웹폰트를 선택하였다면 블로그 관리로 가서 '꾸미기 → 스킨 편집 → html 편집 → CSS'를 선택하고 폰트 변경합니다. CSS 편집에.. 블로그&인터넷/CSS 2022. 4. 12.
티스토리 블로그 작성글 발행 오류 블로그 운영 중 글을 작성하고 발행을 하면 발행 단계에서 오류로 인해 발행 및 저장이 되지 않는 경우가 있습니다. 글 완성하고 완료 버튼을 클릭하고 저장을 하면 '게시글을 작성하는데 실했습니다. 잠시 후 다시 시도해주세요'라는 에러 메시지가 나오면 저장이 되지 않습니다. 이 때는 임시저장도 안 됐던 거 같은데 이미지를 보면 게시글 정보에 섬네일이 표현되지 않고 있는데 이렇게 되면 저장이 가능한 경우도 간혹 있지만 거의 저장이 되지 않는 상태가 됩니다. 섬네일에 문제가 있으니 섬네일을 지워 주면 되는데 저는 대표 섬네일을 숨겨두기 때문에 HTML 지워야 하지만 숨김 처리를 하지 않았다면 모드 전환 없이 1번 사진 혹은 대표 사진을 지워줍니다. 따로 대표 지정을 하지 않거나 첫 번째 이미지를 대표로 사용해서.. 블로그&인터넷/티스토리 2022. 3. 31.
실시간 방문자 정보와 블로그 통계를 확인할 수 있는 위젯 whos.amung.us whos.amung.us에서는 실시간 접속자 현황을 확인할 수 있는 카운터를 제공하고 있는데요. 실시간 방문자 이외에도 설치해둔 코드를 이용하여 전체적인 통계 자료를 확인할 수 있습니다. 티스토리의 경우 관리 현황이 많이 계선 되었지만 아직 부족한 부분을 위젯을 이용하여 현재 접속 현황, 현 시간 접속 페이지, 시간별 방문자 데이터, 국가별 위치, 디바이스, 경로 등의 다양한 정보를 추가적으로 확인하는 것이 가능합니다. 실시간 방문자 현황 위젯은 https://whos.amung.us/ 사이트에 방문하여 'HTML CODE'를 선택하거나 스크롤을 조금 내려서 소소 코드를 받을 수 있습니다. 위젯 코드는 'Copy to clipboard' 버튼을 클릭하여 복사가 가능하고 크기와 배경, 글자색을 변경할 수 .. 블로그&인터넷/기타 2019. 1. 24.
CSS 글자 꾸미기 - 그림자, 테두리 효과 적용하기 text-shadow 속성을 이용하여 글에 그림자 효과를 부여할 수 있는데, 기본적인 그림자와 이를 응용한 테두리 효과를 표현할 수 있습니다. text-shadow: offset-x offset-y blur-radius color 속성 적용 방법은 가로, 세로, 번짐, 색상으로 가로, 세로 설정을 필수적으로 값을 입력해야 하고 번짐 효과는 0으로 설정되며 색상은 상속을 받게 됩니다. text-shadow:1px 1px 5px #bdbdbd 그림자 효과 속성 값으로 적용한 결과 물인데 그림자 효과를 가장 이상적으로 적용한 결과가 아닌가 합니다. text-shadow:1px 1px 0px #f40text-shadow:1px 1px 3px #f40 text-shadow:1px 1px 10px #f40 text.. 블로그&인터넷/CSS 2019. 1. 13.
구글 블로그 프로필 이름 변경 하기 블로그스팟에 사용되는 프로필 이름을 변경하는 방법입니다. blogger는 구글 계정만 있다면 누구나 개설 가능 한데요 구글 계정 또한 누구나 만들 수 있으니 개설 제한이 없는 블로그입니다. 한글화 작업이 잘되어 있음에도 네이버나 티스토리와는 또 다른 인터페이스 적용하는데 여간 어려운 게 한둘이 아니네요. blogger.com 메인 메뉴 중에서 설정을 선택합니다. 기본 설정에서 blogspot 주소, 이름, 설명 등을 변경 추가를 할 수 있으며 멤버를 초대하여 팀 블로그를 꾸려 여러 사람이 한 블로그를 운용하는 게 가능합니다. 설정 메뉴 중 제일 아래에 있는 '사용자 설정'을 선택하면 '사용자 프로필'란이 있고 'blogger'아래 작은 '수정' 버튼을 선택하면 프로필 변경이 가능합니다. 표시 이름 변경해.. 블로그&인터넷/블로그 2019. 1. 5.
소스코드 강조도구 SyntaxHighlighter 적용 및 설정 하는 법 티스토리 블로그를 운영하면서 HTML, CSS 등 스킨에 개성을 주기 위해 편집을 하는 일이 많아지는데, 스킨을 편집하면서 생긴 노하우 등을 공유하고 싶을 때 소스코드를 나 등으로 단순히 작성하다 보면 보는 이의 입장에서는 복잡하여 이해도가 떨어질 수도 있고 개별적으로 색상을 지정해줄 수도 있지만 여간 힘든 게 아닌데 이를 SyntaxHighlighter 도구를 이용하면 간편하게 해결이 가능합니다. 설치하기 소스코드 하이라이트 기능은 호스팅을 제공하기 때문에 파일들을 다운로드하여 등록하는 불편함 없이 HTML 편집을 통해 사이에 넣어주기만 하면 간단하게 적용이 가능합니다. 호스팅을 이용하지 않고 자신의 블로그에 파일들을 업로드 사용할 경우 연결 주소가 와 같은 형태로 변경되어 적용할 수 있겠습니다. 하이.. 블로그&인터넷/티스토리 2019. 1. 3.
티스토리 애드센스 광고 언어 설정 구글 애드센스를 적용 중인 블로그를 운영하면서 영어로 된 광고가 간간이 나오는데 추가 코드를 삽입하여 한글로 된 광고가 노출되도록 설정해줄 수 있습니다. 두 개의 광고가 모두 영어로 나오고 있는데 방문자로 하여금 관심을 끌기 힘들어 보이고 영어를 잘 아는 한국인이라고 하여 저 광고가 관심이 생길까라는 의문이 듭니다. 기본적인 애드센스 코드에 다른 내용은 손댈 필요 없이'data-language=”ko” '만 추가해 주면 언어 설정을 한국어로 지정할 수 있는데 코드를 적용 후에도 한글 우선 적용 방식으로 영어 광고가 비중이 줄어들 뿐?? 차단되어 전혀 나오지 않는 것은 아니었습니다. 포스팅 주제와도 많은 관련이 있겠지만 체험상 인지도 낮은 블로그에서 영어된 광고가 많이 나오는듯하고 양질의 콘텐츠가 많은 블.. 블로그&인터넷/티스토리 2018. 8. 6.
티스토리 블로그 애드센스 플러그인 사용할 때 주의할 점 티스토리는 애드센스 광고 코드를 삽입하기 편하게 플러그인을 제공하고 있습니다. 이는 스킨에 직접 적용하지 않기 때문에 스킨을 잘못 건드리는 일이 없을뿐더러 스킨을 변경하여도 자동적으로 적용이 되는 등의 적용법을 잘 모르더라도 어려움 없이 사용할 수 있는 편리함을 주는데요. 반응형 코드를 적용할 때 지동으로 적용하지 않고 사이즈별로 크기를 지정하는 스타일 코드를 같이 삽입 하였을 때 코드가 RSS 피드에 그대로 노출이 되는 문제 발생합니다. RSS 받아보면 내용보다는 상단 플러그인에 적용된 미디어 쿼리가 노출되어 본문은 전혀 보여주지 못하고 오른쪽 앱의 경우에는 일부 애드센스 코드까지 포함되어 보이고 있네요. 왼쪽 이미지를 보면 반응형 코드를 모두 제거하고 광고 코드만을 적용하였는데도 일부 코드가 노출되고.. 블로그&인터넷/티스토리 2018. 7. 31. (1)
티스토리 블로그 이름 변경 티스토리에서 블로그를 개설해서 하다 말다 운영을 반복하면서 6년 정도 지난듯합니다. 처음에 이름도 대충 만들었고 분위기도 바꿀 겸 블로그 이름을 변경하려니 여러 검색, 포털 사이트에 노출에 영향이 있지 않을까 하여 검색을 해봤는데 관련 내용을 찾기 힘들더군요. 어렵게 검색한 몇 안 되는 내용에는 웬만하면 손대지 마라가 대부분이 더라고요. 스킨만 바뀌어도 노출에 영향을 줄 수 있다는 말을 많이 들어 블로그 이름도 스킨에서 정보를 주는듯한데 그나마 오던 방문자 유입도 안될까 겁이 나서 살짝 망설였는데 뭐 일 방문자가 많은 것도 아니고 변경해보기로 했습니다. 티스토리는 PC든 모바일 앱이든 간단하게 이미지, 이름, 정보 변경이 가능하도록 되어 있습니다. 블로그 제목을 변경을 한 후 내용이 적용이 되는 데는 하.. 블로그&인터넷/티스토리 2018. 7. 19.
티스토리 반응형 스킨 이미지 가로로 나열하기 티스토리 반응형 스킨을 사용하는 블로그에서 이미지 2장 또는 3장을 나란히 배열하는 방법입니다. 잘 만들어진 스킨에서는 자동으로 조절이 될 수도 있으나 스킨에서는 사이즈를 자동 조절해 주지 못하는 경우에 나름 유용할 것 같네요. HTML 모드에서 수정이 필요하기 때문에 이방법을 사용하기 위해서는 약간의 HTML을 사용할 줄 알아야만 적용이 가능합니다. 티스토리에 이미지를 등록하고 HTML 모드로 확인 해보면 [##_1N|cfile7.uf@992E1C425A843D3C3DEB4q.jpg|width="226" height="127" filename="DSCF2490.jpg" filemime="image/jpeg"|_##] 이런 치환자가 생성 되는데 이를 수정하거나 부모 태그 등을 수정하여야 합니다. 티스토리.. 블로그&인터넷/티스토리 2018. 2. 15.
티스토리 블로그 사이드바에 추천글 목록 추가하기 티스토리 블로그에서 특정 글을 사이드바에 최신 글 목록이 아닌 공지사항처럼 별도로 뽑아서 따로 분리하여 넣는 간단한 방법입니다. 사이드 바 최신 글 목록은 시간이 지나고 글 수가 많아지면서 자연스레 묻히게 되는데 인기글이나 추천하고 싶은 글을 간단하게 따로 모아서 사이드바에 목록을 만드는 방법으로 스킨 수정이 가능하다며 직접 스킨에다가 삽입을 해도 되는데 스킨수정없이 좀 더 간단하게 사이드바 모듈을 이용해서 만드는 방법입니다. 사이드 바 구글 검색 창 아래에 추천글 바로 가기를 만들어 넣으려고 합니다. 글쓰기로 들어와서 적당한 글 박스를 고르고 박스 안에다가 글 제목을 입력합니다. 새 탭을 띄워 추천할 글의 주소를 복사합니다. 글 주소를 알고 있으며 직접 작성이 가능하다면 이과정은 패스합니다. 제목을 드.. 블로그&인터넷/티스토리 2018. 2. 8.
블로그 키워드 검색 도구 - 키워드마스터 얼마 전 "네이버 키워드 도구"라는 주제로 글은 쓴 적이 있는데 이를 보다 간편하게 활용할 수 있는 사이트가 생겼네요. 네이버 검색 노출을 확인해 수는 whereispost.com 사이트 였는데 "키워드 마스터"라는 키워드 검색 도구가 업그레이드 되었습니다. 기존 "웨어 이즈 포스트"에 접속하면 사이트가 개편되었음을 알 수 있는데 오른쪽 상단에 키워드 마스터라는 문구가 있고 이를 클릭하면 키워드 검색이 가능한 사이트로 이동합니다. 메인화면으로 간소하게 되어 있으며 가입 등의 불편한 절차 없이 타이틀 아래 검색창에 키워드를 입력해주면 됩니다. "다이소"라는 검색어를 입력했는데 관련 검색어와 함께 "네이버 검색 도구"처럼 컴퓨터와 모바일의 검색량을 구분하여 보여주고 총 문서 양과 순위 점령 중인 블로그 사이.. 블로그&인터넷/기타 2018. 2. 7.
티스토리 블로그에 따로 만들어 올린 섬네일 이미지 본문에서 숨기기 티스토리 블로그에 글을 작성하면 검색 사이트에 노출이 되게 되고 이때 검색 사이트에 미리 보기 이미지도 같이 노출되는데 검색자가 노출된 글 선택 과정에서 섬네일이 많은 영향을 미치겠죠. 제일 잘나온 사진이나 따로 제작한 Thumbnail로 걸리면 좋겠지만 네이버에서 이미지를 골라서 걸어 주지 않고 티스토리에서 대표이미지를 지정할 수 있지만 네이버에는 먹히지 않습니다. 네이버에 대표 섬네일로 노출되는 정확한 정보는 없습니다만, 거의 순서대로 나오는듯합니다. 처음 올린 이미지가 대표 섬네일로 노출될 확률이 높은 것 같습니다. 네이버 노출 중인 제 글입니다. 위 두 글은 섬네일 노출되기를 원하는 첫 번째 이미지 들이고 세 번째 글은 작성된 글의 첫 번째가 아닌 두 번째 이미지입니다. 별도로 제작한 섬네일 이미.. 블로그&인터넷/티스토리 2018. 1. 22.
반응형