'블로그'에 해당되는 글 39건
실시간 방문자 정보와 블로그 통계를 확인할 수 있는 위젯 whos.amung.us
whos.amung.us에서는 실시간 접속자 현황을 확인할 수 있는 카운터를 제공하고 있는데요. 실시간 방문자 이외에도 설치해둔 코드를 이용하여 전체적인 통계 자료를 확인할 수 있습니다.
티스토리의 경우 관리 현황이 많이 계선 되었지만 아직 부족한 부분을 위젯을 이용하여 현재 접속 현황, 현 시간 접속 페이지, 시간별 방문자 데이터, 국가별 위치, 디바이스, 경로 등의 다양한 정보를 추가적으로 확인하는 것이 가능합니다.
실시간 방문자 현황 위..
블로그&인터넷/기타
2019.01.24 04:17
CSS 글자 꾸미기 - 그림자, 테두리 효과 적용하기
text-shadow 속성을 이용하여 글에 그림자 효과를 부여할 수 있는데, 기본적인 그림자와 이를 응용한 테두리 효과를 표현할 수 있습니다.
text-shadow: offset-x offset-y blur-radius color
속성 적용 방법은 가로, 세로, 번짐, 색상으로 가로, 세로 설정을 필수적으로 값을 입력해야 하고 번짐 효과는 0으로 설정되며 색상은 상속을 받게 됩니다.
text-shadow:1px 1px 5px #bdbdbd
그림자 효..
블로그&인터넷/CSS
2019.01.13 07:20
구글 블로그 프로필 이름 변경 하기
블로그스팟에 사용되는 프로필 이름을 변경하는 방법입니다. blogger는 구글 계정만 있다면 누구나 개설 가능 한데요 구글 계정 또한 누구나 만들 수 있으니 개설 제한이 없는 블로그입니다. 한글화 작업이 잘되어 있음에도 네이버나 티스토리와는 또 다른 인터페이스 적용하는데 여간 어려운 게 한둘이 아니네요.blogger.com 메인 메뉴 중에서 설정을 선택합니다. 기본 설정에서 blogspot 주소, 이름, 설명 등을 변경 추가를 할 수 있으며 멤버를 ..
블로그&인터넷/블로그
2019.01.05 02:19
소스코드 강조도구 SyntaxHighlighter 적용 및 설정 하는 법
티스토리 블로그를 운영하면서 HTML, CSS 등 스킨에 개성을 주기 위해 편집을 하는 일이 많아지는데, 스킨을 편집하면서 생긴 노하우 등을 공유하고 싶을 때 소스코드를 <pre>나 <code>등으로 단순히 작성하다 보면 보는 이의 입장에서는 복잡하여 이해도가 떨어질 수도 있고 개별적으로 색상을 지정해줄 수도 있지만 여간 힘든 게 아닌데 이를 SyntaxHighlighter 도구를 이용하면 간편하게 해결이 가능합니다.
설..
블로그&인터넷/티스토리
2019.01.03 00:58
티스토리 블로그 애드센스 플러그인 사용할 때 주의할 점
티스토리는 애드센스 광고 코드를 삽입하기 편하게 플러그인을 제공하고 있습니다. 이는 스킨에 직접 적용하지 않기 때문에 스킨을 잘못 건드리는 일이 없을뿐더러 스킨을 변경하여도 자동적으로 적용이 되는 등의 적용법을 잘 모르더라도 어려움 없이 사용할 수 있는 편리함을 주는데요.반응형 코드를 적용할 때 지동으로 적용하지 않고 사이즈별로 크기를 지정하는 스타일 코드를 같이 삽입 하였을 때 코드가 RSS 피드에 그대로 노출이 되는 문제 발생합니다.RSS 받아보..
블로그&인터넷/티스토리
2018.07.31 22:08
티스토리 블로그 이름 변경
티스토리에서 블로그를 개설해서 하다 말다 운영을 반복하면서 6년 정도 지난듯합니다. 처음에 이름도 대충 만들었고 분위기도 바꿀 겸 블로그 이름을 변경하려니 여러 검색, 포털 사이트에 노출에 영향이 있지 않을까 하여 검색을 해봤는데 관련 내용을 찾기 힘들더군요. 어렵게 검색한 몇 안 되는 내용에는 웬만하면 손대지 마라가 대부분이 더라고요.스킨만 바뀌어도 노출에 영향을 줄 수 있다는 말을 많이 들어 블로그 이름도 스킨에서 정보를 주는듯한데 그나마 오던 ..
블로그&인터넷/티스토리
2018.07.19 03:26
티스토리 반응형 스킨 이미지 가로로 나열하기
티스토리 반응형 스킨을 사용하는 블로그에서 이미지 2장 또는 3장을 나란히 배열하는 방법입니다. 잘 만들어진 스킨에서는 자동으로 조절이 될 수도 있으나 스킨에서는 사이즈를 자동 조절해 주지 못하는 경우에 나름 유용할 것 같네요.HTML 모드에서 수정이 필요하기 때문에 이방법을 사용하기 위해서는 약간의 HTML을 사용할 줄 알아야만 적용이 가능합니다.티스토리에 이미지를 등록하고 HTML 모드로 확인 해보면 [＃＃_1N|cfile7.uf@992E1C4..
블로그&인터넷/티스토리
2018.02.15 02:03
티스토리 블로그 사이드바에 추천글 목록 추가하기
티스토리 블로그에서 특정 글을 사이드바에 최신 글 목록이 아닌 공지사항처럼 별도로 뽑아서 따로 분리하여 넣는 간단한 방법입니다. 사이드 바 최신 글 목록은 시간이 지나고 글 수가 많아지면서 자연스레 묻히게 되는데 인기글이나 추천하고 싶은 글을 간단하게 따로 모아서 사이드바에 목록을 만드는 방법으로 스킨 수정이 가능하다며 직접 스킨에다가 삽입을 해도 되는데 스킨수정없이 좀 더 간단하게 사이드바 모듈을 이용해서 만드는 방법입니다.사이드 바 구글 검색 창..
블로그&인터넷/티스토리
2018.02.08 01:32
티스토리 블로그에 따로 만들어 올린 섬네일 이미지 본문에서 숨기기
티스토리 블로그에 글을 작성하면 검색 사이트에 노출이 되게 되고 이때 검색 사이트에 미리 보기 이미지도 같이 노출되는데 검색자가 노출된 글 선택 과정에서 섬네일이 많은 영향을 미치겠죠. 제일 잘나온 사진이나 따로 제작한 Thumbnail로 걸리면 좋겠지만 네이버에서 이미지를 골라서 걸어 주지 않고 티스토리에서 대표이미지를 지정할 수 있지만 네이버에는 먹히지 않습니다. 네이버에 대표 섬네일로 노출되는 정확한 정보는 없습니다만..
블로그&인터넷/티스토리
2018.01.22 23:05
티스토리 블로그 다음 저품질 탈출기
티스토리 블로그는 개설하면 자동으로 즉시? 다음 검색에 노출이 되죠. 2012년 5월 24일 블로그 개설해서 운영하다 13년 즘엔가 다음 유입이 싹 사라 졌지요..
네이버 같은 경우에는 저품질 걸리면 순위에서 밀릴 뿐 검색은 되는 걸로 아는데 다음에서는 아예 삭제가 되어 전혀 문서를 찾을 수가 없는 상황이었지요..
다음 저품질 걸리면 그냥 버린다는 의견이 많아 신경 안 썼는데... 두둥 네이버까지 저품 먹었네요...유입 많은 키워드 공략한 게 ..
블로그&인터넷/티스토리
2017.12.26 20:51
티스트로 블로그 멀웨어 또는 악성코드로 인한 유해한 사이트
언제부터인가 크롬에서 첨부한 파일을 다운로드하려면 멀웨어 또는 악성코드 어쩌고 하면서 시뻘건 배경이 나오면서 위험한 사이트라더군요..티스토리 몇몇 블로그 및 제 블로그가 크롬에서 접속도 못하는 상태가 잠깐 있기도 하였기에 작은 오해 이거니 하며 자연스레 해결될 줄 알고 그간 방치했는데 파이어 폭스에서도 같은 현상이길래 심각성을 깨닫고 불야불야 문제 해결에 나섰네요...검색해보면 '올블릿'이나 '플러그인' 또는 기타 광고로 인한문제로 저는 ..
블로그&인터넷/티스토리
2017.01.06 01:06
티스토리 블로그 꾸미기 (사이드바 모듈 접기,펼치기 제이쿼리)
블로그를 하면서 글 작성 시 내용을 그리 길게 적기 않기에 본문에 비해 사이드바가 상당히 길어 사이드 바를 깔끔하게 보고자 오랜 시행착오 끝에 제이쿼리를 이용해 제목을 클릭 해면 열리고 그 외 다른 모듈들은 닫히는 방식으로 완성한 소스를 공유합니다.정식으로 배운 적이 없기에 여러 메뉴를 만들어 주는 사이트나 지식을 공유하는 블로그 등지를 돌아 봤지만 티스토리 사이드바와 비슷한 환경의 소스가 없어 매우 고생하며 만들었네요..<div id="sid..
블로그&인터넷/티스토리
2016.12.26 01:20
Color Scripter 소스코드 강조하기
HTML, CSS, Java Script, Php 등의 소스 등을 블로그 등에 게시할 때 여러 편집기들처럼 코드에 컬러를 부여해 가독성을 높여주는 아주 유용한 도구입니다.소스 등을 보여줄 때 기존에는 SyntaxHighlighter 라는 도구를 설치하여 사용하였지만 Color Scripter를 이용하면 설치 등의 불편함이 없이 HTML 수정이 가능한 게시물이라면 어디에서나 사용 가능해 보입니다.인터넷 브라우저에서 바로 사용 가능한 웹 버전과 PC에 ..
블로그&인터넷/기타
2016.12.19 22:08
반응형 블로그 동영상 자동 크기 조절 방법
반응형 블로그에서 유튜브 등의 사이트에서 링크가 아닌 바로 시청이 가능한 소스를 가져올 때 동영상 크기가 맞지 안아 본문 범위를 벗어나 잘리거나 다른 영역을 침법 하는 경우가 있는데 유동적인 넓이에 따라 동영상의 사이즈도 같이 가로, 세로 조절되게 하는 제가 아는 두가지 방법입니다.
1. CSS 속성
<iframe width="853" height="480" src="https://www.youtube.com/embed/N4PUaKhcB_k..
블로그&인터넷/기타
2016.12.19 00:03
티스토리 블로그 네이버 검색 RSS 피드 등록
티스토리 블로그는 다음에는 RSS 자동 등록되어 노출이 되지만 네이버의 경우 글을 10개 정도 작성하고 운영 중이면 짧게는 1주일 길게는 한 달 정도 기다리면 자동으로 검색 피드 등록되어 유입이 발생하더군요. 하지만 자동 등록되지 않는 경우도 많고 자동 등록되기 만을 마냥 기다릴 수도 없기에 수동으로 검색 등록하여 노출되게 하는 방법입니다. 신청을 하여도 블로그 내용이 불건전하거나 하는 등의 이유로 검색 노출이 되지 않거나 등록 거부 당할 수도 있습..
블로그&인터넷/티스토리
2014.11.10 20:51
티스토리 블로그 2차 주소(독립 도메인) 연결
티스토리 2차 주소를 연결하면 블로그의 브랜드 화 등의 장점과 기존 검색에 노출되던 1차 주소 와 중복 처리되어 유사 문서, 검색 누락 등의 네이버 노출 문제로 인한 방문객 감소라는 큰 불안감으로 인해 오랜 시간 독립 도메인을 같고 싶어 갈등하였는데 저품질 블로그 걸려 검색하면 글들이 최소 3페이지 레인 미터 관련 글은 7폐지로 밀려 방문자가 어마 무시하게 줄어 이번 기회에 도메인을 구입하였습니다. 방문객 감소라는 불안감은 없으니까요....;1차 ..
블로그&인터넷/티스토리
2014.11.03 21:25
티스토리 블로그 갤러리형 목록/썸네일 목록/사이드바 썸네일
티스토리 블로그는 티에디션 이외에는 공식적으로 썸네일 이미지를 지원하지 않기에 첫 페이지를 제외하고 검색이나 카테고리 목록 등에는 글 제목만으로 표현할 수 밖에 없습니다. 하지만 요즘은 티스토리용 반응형 스킨도 잘 만들어져 티에디션을 사용하지 않고도 블록으로 된 이미지 목록도 표현하고 사이드 바에도 썸네일과 함께 글 목록이 나오고 하여 방법을 찾다가 yongzz 사이트를 발견하고 공개된 jQuery 소스 사용하여 블로그 디자인에 맞게 이리..
블로그&인터넷/티스토리
2014.10.16 02:26
Shareaholic(쉐어홀릭) - 블로그 공유/팔로우 버튼, 관련글 썸네일
Shareaholic는 블로그의 데이터 분석과 SNS 공유/팔로우 버튼이나 관련 글 썸네일 위젯 등의 소스코드를 생성해서 관리, 지원해주는 사이트로 "AddThis"와 함께 많은 블로그에 사용되고 있는 공유 버튼이며, 반응형 웹을 지원합니다. https://shareaholic.com/Shareaholic 첫 페이지에서 "Sign Up free!" 를 선택하고 계정을 만드는데 이메일과 비밀번호만 입력하면 되는 로그인 수준의 계정 생성 과정이..
블로그&인터넷/기타
2014.09.18 03:24
