• webmini life skin Ver 1.4.1 update view
  • 사이트 제작 문의 오랜 경험을 바탕으로 웹퍼블리싱을 해드립니다 제작 문의하기
  • 블로그 리뷰 문의 검색엔진최적화로 제품 리뷰를 해드립니다 리뷰 문의하기

블로그 운영46

728x90
[블로그 운영팁]티스토리 다크 모드일 때 방문자 통계 그래프(플러그인) 색상 변경하기 티스토리 기준이며, 같은 그래프를 사용하는 곳이 있다면 비슷한 방식으로 적용하면 될 거 같습니다. 다크모드 or 어두운 테마를 사용 중인 블로그만 해당됩니다. 방문자 통계 그래프 플러그인 위치 : 티스토리 관리자 > 플러그인 > 방문자 통계 그래프 적용 위 방문자 통계 그래프를 사용할때 다크모드로 적용했을 경우 수치 색상이 묻혀서 잘 안 보이는 문제입니다. 해당 부분은 CSS로 수정이 가능합니다. 해결방법 저같은 경우는 다크모드 적용 시 html에 color-thema="dark"가 삽입되도록 했기 때문에 다크모드일 때 CSS에 상속을 시켜서 다크모드일 때만 적용되도록 했습니다. 다크모드 버튼 클릭 or 디바이스 시스템 다크모드 (prefers-color-scheme: dark) 선택시 color-the..
[운영일지]웹미니 블로그 Ver9.5 다크모드 적용완료 웹미니 블로그 Ver9.5로 업데이트 완료. 업데이트 내역 1. 코드 정리 및 수정 2. 다크모드 적용 다크모드 기능 - 디바이스 화면모드(테마)를 감지 후 라이트 or 다크모드로 자동 변경 - 방문자 선택을 고려해서 모드 선택 가능 (토글기능 추가) - 기존 포스팅했던 다크모드를 참고해서 눈의 피로도를 고려해서 색상 적용 https://webmini.tistory.com/1094 [잡담]다크 모드 어떻게 생각하시나요? 요즘 휴대폰, 컴퓨터, 블로그, 사이트, 어플 등 여기저기 다크 모드 기능을 적용 중이다. "다크 모드 어떻게 생각하시나요?"라는 제목의 의미는 여러 가지가 있지만, 묻고자 하는 질문은 '눈'의 피 webmini.tistory.com 이슈사항 - 다크모드 변경 후 페이지 전환시 라이트 모..
[운영일지]웹미니 블로그 Ver.9 업데이트 완료 2007년 테터툴즈 블로그를 시작으로 텍스트큐브, 워드프레스, 티스토리까지 데이터를 이전하면서 지금까지 블로그를 운영 중이다. 아쉬운 부분도 있지만 아직은 티스토리에 만족하고 있다. 티스토리 웹미니 스킨 티스토리로 운영하면서 고정형부터 반응형까지 9번에 스킨을 크고 작게 변경했다. 티스토리에서 제공하는 스킨에서 웹미니 스타일로 항상 커스트마이징을 해서 사용했었는데, 이번 웹미니 버전은 기존 디자인은 크게 변경은 하지 않았고, 기능적으로 추가를 했다. 블로그는 정보나 개인적인 생각을 글로 전달하는 게 목적이기에 글에 집중할 수 있도록 불필요한 요소들은 제거를 했다. 반대로 글을 읽는데 도움이 되는 부분은 기능적으로 추가를 했다. 웹미니만의 디자인 컬러는 그대로 가져가되, 기존 웹미니 사이트와 연결해서 사이..
[블로그 운영팁]구글 애드센스 삽입 시 height: auto !important 강제로 적용되는 이유 블로그 or 사이트에 스크립트를 따로 처리를 한 적이 없는데 div나 감싸고 있는 block영역에 강제로 style="height: auto !important"가 적용이 된 걸 보았을 것이다. 그 이유는 구글 애드센스 삽입 시 광고에서 자동으로 style을 주기 때문이다. 왜? 이런 현상이 있는 것일까? Google AdSense 광고 div에 height:auto !important가 강제로 적용되는 문제는 일반적으로 광고 크기 최적화 설정으로 인해 발생합니다. 이 설정은 광고가 항상 웹 페이지의 내용에 맞게 크기를 조정되도록 하며, 이는 광고 div의 높이를 자동으로 조정할 수 있습니다. 이 문제를 해결하려면 광고 크기 최적화 설정을 끄십시오. 이렇게 하려면 AdSense 관리자 계정으로 이동하여 ..
[블로그 운영팁]티스토리 ‘오늘까지 블로그 몇일 운영한지’ 보여주기 블로그 운영 며칠 되었는지 보여주는 소스입니다. 꼭 블로그가 아니더라도 사이트도 될 수 있고, D-day로 응용 가능합니다. 티스토리 기준으로 설명하겠습니다. 먼저 안에 아래 코드를 넣으세요. 위에 '블로그 개설일'은 본인 블로그 오픈 날짜로 변경해주세요. 다음으로 사이드바에 전체 방문자 보여주는 곳에 아래 코드를 넣으세요. 전체 방문자 Today : [!##_count_today_##] Yesterday : [!##_count_yesterday_##] [!##_count_total_##] 블로그 개설일 : 2007년 2월 27일 오늘까지 일 운영중 // 해당 부분입니다. 위에 [!##_count 이 부분에서! 는 없애고 적용해 주세요. (치환자를 넣었더니 변경되는 걸 방지하기 위해! 를 임시로 넣은 것..
[블로그 운영팁]네이버 검색시 탭메뉴 형태로 노출되게 하려면 네이버 검색 시 탭메뉴 형태로 노출되게 하는 방법입니다. 이해를 돕기위해 스크린샷을 참고하세요. [미리보기] 검색 화면을 보시면 '요즘 시대의 단독주택이란?' 처럼 탭메뉴가 생성된걸 보실 수 있습니다. 위처럼 하기 위해서 블로그에 글을 작성하실때 제목(본문) 태그를 이용해서 제목을 작성하시면 됩니다. 티스토리 기준으로 상단에 제목태그를 이용하시면 되고, 에디터가 없는경우는 로 제목을 감싸주시면 됩니다. 제목문구 제목태그 위처럼 제목을 태그로 감싸주면 네이버 검색시 탭형태로 노출됩니다. 추가 설명을 드리자면, html도 문서입니다. 웹페이지이기 때문에 웹문서라고 합니다. 문서를 만들때 제목,본문을 구분하듯이 웹에서도 의미있는 마크업을 통해 웹페이지를 작성(코딩)합니다. 이것을 시멘틱웹이라고 합니다. 이렇게..
[블로그 운영팁]구글 애드센스 '인피드' 광고 원하는 형태로 출력 구글 애드센스 광고 단위에서 '인피드' 광고를 이용해서 블로그 게시글 리스트 사이에 광고를 노출시키는 방법입니다. (티스토리 기준) 카테고리를 클릭하면 보실 수 있습니다. 웹미니 : The Story Of webmini AI와 IOT에 관심이 많고, 영화감상과 사진찍는 취미도 있습니다. webmini.tistory.com 순서는 다음과 같습니다. 1. 구글 애드센스에서 '인피드' 광고를 설정 2. 블로그 'html' 편집에 소스 삽입 구글 애드센스 인피드 광고 생성 먼저 구글 애드센스 광고 단위를 인피드 광고를 선택합니다. 그리고 인피드 광고를 추천하는 스타일로 본인의 사이트 노출되는 주소를 입력합니다. (데스크탑, 모바일은 선택) 주소를 입력하면 자동으로 사이트 디자인에 맞게 스캔을 하고, 세부적인 사..
[블로그 운영팁]티스토리 카테고리 'New' 이미지 변경 티스토리 카테고리에 새로운 글이 올라오면 노출되는 'New' 이미지를 기본 이미지에서 원하시는 이미지로 바꾸는 방법입니다. 우측에 보이는 카테고리 이미지 입니다. 순서 1. 관리자 > 콘텐츠 > 카테고리 관리에서 설정부분에 '카테고리에 새 글 발행 여부를 '표시합니다'로 먼저 변경해줍니다. 2. 관리자 > 꾸미기 > 스킨편집에서 변경할 이미지를 업로드합니다. 해당 메뉴로 가서 html 편집으로 들어갑니다. 파일업로드에서 변경할 이미지를 추가해줍니다. (하단에 추가 버튼) 3. 스킨 편집에서 'HTML'을 클릭 후 아래 소스를 바로 위에 삽입합니다. 여기서 이미지 경로와 파일명은 업로드한 파일명으로 변경해주세요. 그리고 '적용'을 누르면 완료입니다. 만약 기존 이미지가 보였다가 변경할 이미지가 보일경우는 ..
[운영일지]웹미니 통합스킨 Ver.1 웹미니 사이트가 재오픈되어, 사이트 디자인과 맞게 블로그도 사이트에 맞게 수정완료. 변경이유 - 크롬 브라우저 정책상 티스토리 2차 도메인에 따른 제약 사항이 있어, 블로그 원주소로 변경함 - 주소 변경으로 인한 방문자 감소됨. - 사이트와 블로그 관리가 번거로움. 해결 방안 - 블로그 2차 주소(http://blog.webmini.net)로 접속시 티스토리 원주소로 자동 리다이렉팅. (관련글 : webmini.tistory.com/991) - 통합스킨으로 디자인 및 검색 통일화 (두사이트 통합검색) 기대 효과 - 사이트와 블로그 유지보수/ 관리 용이함. - 디자인 통일화로 사이트 접근성 용이. - 사이트 or 블로그 유입시 양방향 PV 증가
[운영일지]티스토리 블로그 2차 도메인 주소 변경시 페이지 주소 유실 문제해결 웹미니 블로그 주소 http://blog.webmini.net 를 꽤 오래 사용했었는데, 구글 크롬 등 주요 브라우저의 정책 변경 및 취약점 대응을 위하여 티스토리에서 2차 도메인으로 접속 시 일부 기능이 불가피하게 제약이 되어 티스토리 기본 주소로 돌렸습니다.notice.tistory.com/2546 [안내] 2차 도메인 사용 시 유의사항안녕하세요. 티스토리팀 입니다. 티스토리는 블로그 개설 시 지정하신 블로그 주소 (000.tistory.com)외 가지고 계신 별도의 도메인 (www.000.com 등)으로도 서비스를 이용하실 수 있도록 2차 도메인 연notice.tistory.com댓글 및 방명록, 구독하기등 2차 도메인 사용시 불편함이 많아서 2차 도메인을 버릴 수 밖에 없었네요.장기적으로 봤을때도..
[블로그 운영팁]SEO 최적화 하기 SEO에 관련해서 예전에 글을 올렸어야했는데, 이제서야 포스팅을 합니다. SEO(Search Engine Optimization)란 검색엔진 최적화라고 보시면 됩니다. 쉽게 말해 SEO는 웹페이지 제작시 의미있는 마크업(시멘틱웹)을 통해 검색엔진 노출에 최적화가 되게 하기 위함입니다. 저는 웹퍼블리셔(웹U개발자)로 15년이상 실무를 했었습니다. 사이트 제작시 시멘틱 웹과 웹표준을 중요시 해왔고, 마크업을 의미있게 사용하면 검색에 잘걸린다는 사실을 경험으로 통해 알게되었었습니다. 벌써 10년이 넘었지만, 관련해서 몇자 적어보도록 하겠습니다. 먼저 개념을 아셔야합니다. 우리가 문서를 읽을 때도 순서가 있습니다. 책이나 pdf 자료 혹은 여러 문서를 읽을때 제목을 먼저 읽게 됩니다. 그리고 중간제목, 목차, ..
[광고]구글 애드센스 2005년~2020년 수익공개 구글 애드센스(Google AdSense)를 이야기할려면, 바야흐로 2005년으로 거슬러 올라갑니다. 블로그 히스토리 그때 당시에는 블로그란 단어도 낯설었으며, '태터툴즈'라는 국내 블로그와 그후 비슷한 시기에 알게된 해외 블로그 '워드프레스' 가 있었습니다. 물론 네이버 블로그는 2003년 10월경(?)에 오픈한 상태였습니다. 그때 당시 워드프레스는 그렇게 복잡하지 않은 걸로 기억하는데 요새는 관리자 화면을 보면 정신이 없더군요. 현재의 웹미니 블로그는 태터툴즈를 시작으로 워드프레스, 텍스트큐브, 티스토리로 이전을 했었습니다. [관련글] [잡담]텍스트큐브에서 티스토리로 이전 텍스트 큐브가 블로거로 통합됨에 따라서, 더이상 텍스트큐브를 이용할 이유가 없어서 티스토리로 이전하게 되었습니다. 텍스트큐브 설치..
[운영일지]웹미니 반응형 스킨 ver.1 오랫만에 스킨을 변경했습니다. 기존 스킨에 애착이 많이 갔었는데, 반응형이 아니라서 모바일에서 제약사항이 많다보니, 어쩔 수 없이 반응형 스킨으로 변경할 수 밖에 없었습니다. 기본 스킨에서 웹미니에 맞게 커스텀 중이며, 계속적으로 추가할 계획입니다.
웹미니 블로그 Ver.6 업데이트 완료 웹미니 블로그 Ver6 업데이트 되었습니다. Ver 5하고 전체 레이아웃은 동일하나 디자인이 화이트 계열로 변경되었습니다.좀 더 글에 집중할 수 있도록 최소한에 색상만 사용했습니다. 중간중간 개선은 했지만, 1년정도 지난후에 디자인 버전업을 했습니다.
[마감]티스토리 초대장 1장 배포합니다.(6차) 초대장 충전이 될줄 알았는데, 1장 밖에 없네요. 1장 밖에 없으므로 선착순으로 받겠습니다. 댓글란에 비공개글로 아이디가 될 사용하시는 이메일과 어떤 블로그로 운영하실지 간단한 소개글 남겨주세요. 확인이 안되거나 불법운영의 목적이 보일시 다음분에게 넘어갑니다.
[운영일지]글 정리... 글정리.. -여러 블로그로 이동하면서 데이터가 유실된 글들은 정리함. -카테고리가 맞지 않은 글들 바로 잡음. -글 형식이나 서식이 맞지 않는것들 찾아서 재수정
[운영일지]웹미니 블로그 Ver.5 업데이트 완료 웹미니 Ver.5 에서는 사용자가 글을 좀 더 집중해서 읽을 수 있도록 '집중모드'가 추가된 버전입니다. 현재 버전은 Ver.5.1 버전이며, 5버전에서의 보완점을 개선했습니다. 스킨 특징 전체적으로 밝은 톤으로 색상 변경 되었으며, 불필요한 소스와 파일은 삭제되었습니다. 크게 변화된 부분은 블로그 성격에 맞게 UX에 초점을 맞췄습니다. '집중모드 켜기' 버튼을 클릭하시면 아래 처럼 글에 집중할 수 있도록 레이아웃이 변경됩니다. 집중모드가 불편하신 분들은 기본모드로 전환 가능합니다.
[마감]티스토리 초대장 5장 배포합니다.(5차) 티스토리 초대장 5장 배포합니다. 불법 운영을 위해 티스토리 초대장을 받아가시는 분들이 계셔서 아래 조건을 충족하시는 분들에게 초대장을 드리겠습니다. - 웹미니 블로그 (http://blog.webmini.net) 상단 우측에 페이스북 '좋아요' 를 눌러주세요. 위에 조건을 완료하신 분들은 댓글란에 비공개글로 알려주시고 티스토리 아이디가 될 사용하시는 이메일과 어떤 블로그로 운영하실지 간단한 소개글을 남겨주시면 됩니다. (이글 댓글란에 남겨주세요.) 확인 후 초대장을 드리도록 하겠습니다.감사합니다. -5장 배포한다고 했는데, 신청해주신 분들이 많아서 총7장 배포완료했습니다.
[운영일지]당분간 블로그로 운영합니다. 운영중이었던 웹미니 커뮤니티 (http://www.webmini.net)는 당분간 블로그로 대체하려고 합니다. 여러 가지 핑계로 운영에 소홀해졌고, 관리하기가 쉽지 않아서 블로그로만 당분간 운영합니다. 1. 운영 관리 문제 2. XE에 고질적인 속도문제 웹미니 사이트 관련 문의는 webmini@webmini.net 로 문의해주시고, 언제 재오픈 할지는 아직은 계획에 없습니다. (기존 웹미니 사이트로 이동시 블로그로 리다이렉팅 됩니다.) 그동안 웹미니 사이트를 방문해 주신분들께 감사함과 미안한 마음을 전하며, 블로그를 통해 소식을 전하도록 하겠습니다. 감사합니다.
[마감]티스토리 초대장 5장 배포합니다.(4차) 티스토리 초대장 5장 배포합니다. 불법 운영을 위해 티스토리 초대장을 받아가시는 분들이 계셔서 초대장 드리기전 조건을 좀 걸겠습니다. 1. http://www.dronei.kr 에 가입을 합니다. (이메일 인증을 하셔야 가입이 완료됩니다. 가입후 사이트에 글을 남겨주시면 더 좋습니다.)2. https://www.facebook.com/groups/dronei/ 에서 '공유하기' 나 '좋아요'를 누릅니다. 위에 조건을 완료하신 분들은http://www.dronei.kr 가입한 아이디와 https://www.facebook.com/groups/dronei/ 에 '공유하기'나 '좋아요'를 누른 아이디를 댓글란에 비공개글로 알려주시고 티스토리 아이디가 될 사용하시는 이메일과 어떤 블로그로 운영하실지 간단한 소개..
반응형