'블로그'에 해당되는 글 39건
실시간 방문자 정보와 블로그 통계를 확인할 수 있는 위젯 whos.amung.us
whos.amung.us에서는 실시간 접속자 현황을 확인할 수 있는 카운터를 제공하고 있는데요. 실시간 방문자 이외에도 설치해둔 코드를 이용하여 전체적인 통계 자료를 확인할 수 있습니다. 티스토리의 경우 관리 현황이 많이 계선 되었지만 아직 부족한 부분을 위젯을 이용하여 현재 접속 현황, 현 시간 접속 페이지, 시간별 방문자 데이터, 국가별 위치, 디바이스, 경로 등의 다양한 정보를 추가적으로 확인하는 것이 가능합니다. 실시간 방문자 현황 위젯은 https://whos.amung.us/ 사이트에 방문하여 'HTML CODE'를 선택하거나 스크롤을 조금 내려서 소소 코드를 받을 수 있습니다. 위젯 코드는 'Copy to clipboard' 버튼을 클릭하여 복사가 가능하고 크기와 배경, 글자색을 변경할 수 ..
블로그&인터넷/기타
2019.01.24 04:17
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.01.13 07:20
구글 블로그 프로필 이름 변경 하기
블로그스팟에 사용되는 프로필 이름을 변경하는 방법입니다. blogger는 구글 계정만 있다면 누구나 개설 가능 한데요 구글 계정 또한 누구나 만들 수 있으니 개설 제한이 없는 블로그입니다. 한글화 작업이 잘되어 있음에도 네이버나 티스토리와는 또 다른 인터페이스 적용하는데 여간 어려운 게 한둘이 아니네요. blogger.com 메인 메뉴 중에서 설정을 선택합니다. 기본 설정에서 blogspot 주소, 이름, 설명 등을 변경 추가를 할 수 있으며 멤버를 초대하여 팀 블로그를 꾸려 여러 사람이 한 블로그를 운용하는 게 가능합니다. 설정 메뉴 중 제일 아래에 있는 '사용자 설정'을 선택하면 '사용자 프로필'란이 있고 'blogger'아래 작은 '수정' 버튼을 선택하면 프로필 변경이 가능합니다. 표시 이름 변경해..
블로그&인터넷/블로그
2019.01.05 02:19
소스코드 강조도구 SyntaxHighlighter 적용 및 설정 하는 법
티스토리 블로그를 운영하면서 HTML, CSS 등 스킨에 개성을 주기 위해 편집을 하는 일이 많아지는데, 스킨을 편집하면서 생긴 노하우 등을 공유하고 싶을 때 소스코드를 나 등으로 단순히 작성하다 보면 보는 이의 입장에서는 복잡하여 이해도가 떨어질 수도 있고 개별적으로 색상을 지정해줄 수도 있지만 여간 힘든 게 아닌데 이를 SyntaxHighlighter 도구를 이용하면 간편하게 해결이 가능합니다. 설치하기 소스코드 하이라이트 기능은 호스팅을 제공하기 때문에 파일들을 다운로드하여 등록하는 불편함 없이 HTML 편집을 통해 사이에 넣어주기만 하면 간단하게 적용이 가능합니다. 호스팅을 이용하지 않고 자신의 블로그에 파일들을 업로드 사용할 경우 연결 주소가 와 같은 형태로 변경되어 적용할 수 있겠습니다. 하이..
블로그&인터넷/티스토리
2019.01.03 00:58
티스토리 애드센스 광고 언어 설정
구글 애드센스를 적용 중인 블로그를 운영하면서 영어로 된 광고가 간간이 나오는데 추가 코드를 삽입하여 한글로 된 광고가 노출되도록 설정해줄 수 있습니다. 두 개의 광고가 모두 영어로 나오고 있는데 방문자로 하여금 관심을 끌기 힘들어 보이고 영어를 잘 아는 한국인이라고 하여 저 광고가 관심이 생길까라는 의문이 듭니다. 기본적인 애드센스 코드에 다른 내용은 손댈 필요 없이'data-language=”ko” '만 추가해 주면 언어 설정을 한국어로 지정할 수 있는데 코드를 적용 후에도 한글 우선 적용 방식으로 영어 광고가 비중이 줄어들 뿐?? 차단되어 전혀 나오지 않는 것은 아니었습니다. 포스팅 주제와도 많은 관련이 있겠지만 체험상 인지도 낮은 블로그에서 영어된 광고가 많이 나오는듯하고 양질의 콘텐츠가 많은 블..
블로그&인터넷/티스토리
2018.08.06 16:39
티스토리 블로그 애드센스 플러그인 사용할 때 주의할 점
티스토리는 애드센스 광고 코드를 삽입하기 편하게 플러그인을 제공하고 있습니다. 이는 스킨에 직접 적용하지 않기 때문에 스킨을 잘못 건드리는 일이 없을뿐더러 스킨을 변경하여도 자동적으로 적용이 되는 등의 적용법을 잘 모르더라도 어려움 없이 사용할 수 있는 편리함을 주는데요. 반응형 코드를 적용할 때 지동으로 적용하지 않고 사이즈별로 크기를 지정하는 스타일 코드를 같이 삽입 하였을 때 코드가 RSS 피드에 그대로 노출이 되는 문제 발생합니다. RSS 받아보면 내용보다는 상단 플러그인에 적용된 미디어 쿼리가 노출되어 본문은 전혀 보여주지 못하고 오른쪽 앱의 경우에는 일부 애드센스 코드까지 포함되어 보이고 있네요. 왼쪽 이미지를 보면 반응형 코드를 모두 제거하고 광고 코드만을 적용하였는데도 일부 코드가 노출되고..
블로그&인터넷/티스토리
2018.07.31 22:08
티스토리 블로그 이름 변경
티스토리에서 블로그를 개설해서 하다 말다 운영을 반복하면서 6년 정도 지난듯합니다. 처음에 이름도 대충 만들었고 분위기도 바꿀 겸 블로그 이름을 변경하려니 여러 검색, 포털 사이트에 노출에 영향이 있지 않을까 하여 검색을 해봤는데 관련 내용을 찾기 힘들더군요. 어렵게 검색한 몇 안 되는 내용에는 웬만하면 손대지 마라가 대부분이 더라고요. 스킨만 바뀌어도 노출에 영향을 줄 수 있다는 말을 많이 들어 블로그 이름도 스킨에서 정보를 주는듯한데 그나마 오던 방문자 유입도 안될까 겁이 나서 살짝 망설였는데 뭐 일 방문자가 많은 것도 아니고 변경해보기로 했습니다. 티스토리는 PC든 모바일 앱이든 간단하게 이미지, 이름, 정보 변경이 가능하도록 되어 있습니다. 블로그 제목을 변경을 한 후 내용이 적용이 되는 데는 하..
블로그&인터넷/티스토리
2018.07.19 03:26
티스토리 반응형 스킨 이미지 가로로 나열하기
티스토리 반응형 스킨을 사용하는 블로그에서 이미지 2장 또는 3장을 나란히 배열하는 방법입니다. 잘 만들어진 스킨에서는 자동으로 조절이 될 수도 있으나 스킨에서는 사이즈를 자동 조절해 주지 못하는 경우에 나름 유용할 것 같네요. HTML 모드에서 수정이 필요하기 때문에 이방법을 사용하기 위해서는 약간의 HTML을 사용할 줄 알아야만 적용이 가능합니다. 티스토리에 이미지를 등록하고 HTML 모드로 확인 해보면 [＃＃_1N|cfile7.uf@992E1C425A843D3C3DEB4q.jpg|width="226" height="127" filename="DSCF2490.jpg" filemime="image/jpeg"|_＃＃] 이런 치환자가 생성 되는데 이를 수정하거나 부모 태그 등을 수정하여야 합니다. 티스토리..
블로그&인터넷/티스토리
2018.02.15 02:03
티스토리 블로그 사이드바에 추천글 목록 추가하기
티스토리 블로그에서 특정 글을 사이드바에 최신 글 목록이 아닌 공지사항처럼 별도로 뽑아서 따로 분리하여 넣는 간단한 방법입니다. 사이드 바 최신 글 목록은 시간이 지나고 글 수가 많아지면서 자연스레 묻히게 되는데 인기글이나 추천하고 싶은 글을 간단하게 따로 모아서 사이드바에 목록을 만드는 방법으로 스킨 수정이 가능하다며 직접 스킨에다가 삽입을 해도 되는데 스킨수정없이 좀 더 간단하게 사이드바 모듈을 이용해서 만드는 방법입니다. 사이드 바 구글 검색 창 아래에 추천글 바로 가기를 만들어 넣으려고 합니다. 글쓰기로 들어와서 적당한 글 박스를 고르고 박스 안에다가 글 제목을 입력합니다. 새 탭을 띄워 추천할 글의 주소를 복사합니다. 글 주소를 알고 있으며 직접 작성이 가능하다면 이과정은 패스합니다. 제목을 드..
블로그&인터넷/티스토리
2018.02.08 01:32
블로그 키워드 검색 도구 - 키워드마스터
얼마 전 "네이버 키워드 도구"라는 주제로 글은 쓴 적이 있는데 이를 보다 간편하게 활용할 수 있는 사이트가 생겼네요. 네이버 검색 노출을 확인해 수는 whereispost.com 사이트 였는데 "키워드 마스터"라는 키워드 검색 도구가 업그레이드 되었습니다. 기존 "웨어 이즈 포스트"에 접속하면 사이트가 개편되었음을 알 수 있는데 오른쪽 상단에 키워드 마스터라는 문구가 있고 이를 클릭하면 키워드 검색이 가능한 사이트로 이동합니다. 메인화면으로 간소하게 되어 있으며 가입 등의 불편한 절차 없이 타이틀 아래 검색창에 키워드를 입력해주면 됩니다. "다이소"라는 검색어를 입력했는데 관련 검색어와 함께 "네이버 검색 도구"처럼 컴퓨터와 모바일의 검색량을 구분하여 보여주고 총 문서 양과 순위 점령 중인 블로그 사이..
블로그&인터넷/기타
2018.02.07 17:30
티스토리 블로그에 따로 만들어 올린 섬네일 이미지 본문에서 숨기기
티스토리 블로그에 글을 작성하면 검색 사이트에 노출이 되게 되고 이때 검색 사이트에 미리 보기 이미지도 같이 노출되는데 검색자가 노출된 글 선택 과정에서 섬네일이 많은 영향을 미치겠죠. 제일 잘나온 사진이나 따로 제작한 Thumbnail로 걸리면 좋겠지만 네이버에서 이미지를 골라서 걸어 주지 않고 티스토리에서 대표이미지를 지정할 수 있지만 네이버에는 먹히지 않습니다. 네이버에 대표 섬네일로 노출되는 정확한 정보는 없습니다만, 거의 순서대로 나오는듯합니다. 처음 올린 이미지가 대표 섬네일로 노출될 확률이 높은 것 같습니다. 네이버 노출 중인 제 글입니다. 위 두 글은 섬네일 노출되기를 원하는 첫 번째 이미지 들이고 세 번째 글은 작성된 글의 첫 번째가 아닌 두 번째 이미지입니다. 별도로 제작한 섬네일 이미..
블로그&인터넷/티스토리
2018.01.22 23:05
티스토리 블로그 다음 저품질 탈출기
티스토리 블로그는 개설하면 자동으로 즉시? 다음 검색에 노출이 되죠. 2012년 5월 24일 블로그 개설해서 운영하다 13년 즘엔가 다음 유입이 싹 사라 졌지요.. 네이버 같은 경우에는 저품질 걸리면 순위에서 밀릴 뿐 검색은 되는 걸로 아는데 다음에서는 아예 삭제가 되어 전혀 문서를 찾을 수가 없는 상황이었지요.. 다음 저품질 걸리면 그냥 버린다는 의견이 많아 신경 안 썼는데... 두둥 네이버까지 저품 먹었네요...유입 많은 키워드 공략한 게 문제였던듯싶네요. 블로그 검색 등록 그렇게 아쉬운 마음에 17년 초 https://register.search.daum.net/index.daum 다음 검색등록을 하고 받은 메일입니다. 최대 5일 정도가 소요될 수 있다길래 기다렸지만 이후 답변도 없고 다음 노출도 ..
블로그&인터넷/티스토리
2017.12.26 20:51
티스트로 블로그 멀웨어 또는 악성코드로 인한 유해한 사이트
언제부터인가 크롬에서 첨부한 파일을 다운로드하려면 멀웨어 또는 악성코드 어쩌고 하면서 시뻘건 배경이 나오면서 위험한 사이트라더군요.. 티스토리 몇몇 블로그 및 제 블로그가 크롬에서 접속도 못하는 상태가 잠깐 있기도 하였기에 작은 오해 이거니 하며 자연스레 해결될 줄 알고 그간 방치했는데 파이어 폭스에서도 같은 현상이길래 심각성을 깨닫고 불야불야 문제 해결에 나섰네요... 검색해보면 '올블릿'이나 '플러그인' 또는 기타 광고로 인한문제로 저는 해당사항이 없습니다. 몇몇 프로그램 빼고는 레인미터 스킨 및 대부분의 파일을 위와 같은 경고를 하며 다운로드하지 말라고 합니다. 구글 웹마스터(https://www.google.com/webmasters/tools/home?hl=ko) 도구도 오래전부터 사용 중이고 ..
블로그&인터넷/티스토리
2017.01.06 01:06
블로그 사진 배경
유명 블로그들의 IT 제품 리뷰 보면 바닥 등 뒤 배경이 참 예뻐서 스마트폰 등 기기들을 돋보여 한층 더 가지고 싶은 마음을 들도록 만들죠. 기본적으로 카메라가 좋아야겠지만 주변 배경도 한목 하는 것 같습니다. 스마트폰으로도 사진 잘 찍는 방법이나 전용 스튜디오를 꾸미는 방법 등 여러 가지 팁이 있는데 고가의 카메라를 구비하기는 힘들어 주변 배경을 잘 이용해 보자는 생각으로 검색을 많이 해봤습니다. 우드락 등을 이용해 작은 박스 형태의 스튜디오부터 작은방 하나를 카페처럼 꾸며놓는가 하면 배경지만을 이용해 방 한구석에서 사진을 찍는 등 많은 방식 중에 배경지가 저에게는 가장 현실적이더군요 안 쓰는 하얀색 식탁보를 이용해 그간 사직을 찍었는데 오늘 문뜩 조카의 조끼가 눈에 확 들어오더군요. 어머니께서 손뜨개..
블로그&인터넷/기타
2017.01.01 23:20
티스토리 Callback 플러그인 오류
얼마 전 다른 분의 스킨이 폭은 문제가 없는데 가로 스크롤이 자꾸 생겨 고생 끝에 콜백 플러그인을 해제하고 해결됐다는 말을 듣고 스킨과의 충돌 때문인 줄 알았는데 그게 아이었던 모양입니다. 파이어 폭스로 스킨에 문제가 없는지 확인 중 모든 글에 일정한 길이의 세로줄이 생겨 한참 해 멨는데 콜백 플러그인과 Flash Player 간의 문제였나 봅니다. 위처럼 본문 우측에 시커먼 세로줄이 생깁니다. 박스 문제인 줄 알았는데 일정한 위치도 아니고 모든 페이지에 위와 같은 줄이 생기는데 자주 사용하는 크롬에서는 안 보이니 낯선 파이어폭스로 요소 검사 일일이 찍어가며 border 때문일 거라는 확신을 가지고 아무리 찾아봐도 없어 엄청 고생했네요. 본문에 'overflow: hidden' 속성을 제거 하는순간 넓적..
블로그&인터넷/티스토리
2016.12.28 12:46
티스토리 블로그 꾸미기 (사이드바 모듈 접기,펼치기 제이쿼리)
블로그를 하면서 글 작성 시 내용을 그리 길게 적기 않기에 본문에 비해 사이드바가 상당히 길어 사이드 바를 깔끔하게 보고자 오랜 시행착오 끝에 제이쿼리를 이용해 제목을 클릭 해면 열리고 그 외 다른 모듈들은 닫히는 방식으로 완성한 소스를 공유합니다. 정식으로 배운 적이 없기에 여러 메뉴를 만들어 주는 사이트나 지식을 공유하는 블로그 등지를 돌아 봤지만 티스토리 사이드바와 비슷한 환경의 소스가 없어 매우 고생하며 만들었네요.. Category Recent Post . 제가 사용하는 스킨의 사이드바 환경입니다. 위와 같은 방식에 클래스명이 다를 경우 제이쿼리에서 그에 맞게 클래스명을 부여해주면 되지만 구성이 다를 경우 HTML을 수정하던지 적용이 어려울 수 있겠습니다. H3를 클릭하면 'ul' 태크를 펼치거..
블로그&인터넷/티스토리
2016.12.26 01:20
CSS 마우스 오버 효과 (이미지 확대)
CSS 속성으로 이미지에 마우스를 올렸을 때 이미지가 확대되는 효과로 여러 사이트나 블로그 등지에서 링크 걸린 썸네일 이미지에 많이 사용되고 있는 방법입니다. transform:scale 값을 hover 와 다른 값을 적용하여 마우스를 올렸을대 크기를 변경하고 transition으로 변경되는 속도를 조절하여 효과를 극대화합니다. 아래 이미지에 마우스를 올리면 효과를 확인할 수 있습니다. .sample_image img { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:.3s; -moz-transition:..
블로그&인터넷/기타
2016.12.25 01:23
제이쿼리 탑버튼
여기 저기서 이런 저런 방법들을 모아 짜집기해서 만들어 본 탑 버튼 소스입니다. css편집이나 HTML에 태그 추가등의 작업 없이 사이나 위에 스크립트 소스만 추가하면 되는 방법입니다. 많은 스킨에 적용해보진 않았지만 대부분의 스킨에서 잘 작동할것 같습니다. 123456789101112131415161718192021222324252627282930 $(document).ready(function() { $("body").append("▲ TOP"); var top = $(".return_top"); $(window).scroll(function () { if ($(this).scrollTop() > 120) { top.slideDown(); }else { top.slideUp(); } }); top.c..
블로그&인터넷/기타
2016.12.24 05:44
티스토리 첫 페이지 꾸미기 - 인덱스 페이지
티스토리에 소흘한 동안 새로운 치환자가 생겨 티에디션이나 제이쿼리등의 도구없이 첫페이지를 썸네일과 함께 목록을 만들 수 있는 인덱스 페이지를 꾸밀수가 있게 되어 한 보름정도 정신없이 주물러 봤습니다. 2-8-7. 퍼머링크 페이지 / 인덱스 페이지 링크를 따라 가시면 가이드를 확인할수 있습니다. 미력하나마 제가 꾸며본 속성이 도움이 되어볼까 하고 공유합니다. 사이이드바, 헤더, 풋터를 제외한 본문을 구성하는 내부 최상단에 ... 인덱스 영역을 지정합니다. 바로 붙여서 그 외 나머지 부분을 전부를 ... 퍼머링크로 지정하여 본문 고유영역을 만들면 http://speedinkland.com/327 와 같이 글 주소가 붙지 않은 http://speedinkland.com 같은 카테고리, 검색 등의 주소에서는 본..
블로그&인터넷/티스토리
2016.12.22 23:30
Color Scripter 소스코드 강조하기
HTML, CSS, Java Script, Php 등의 소스 등을 블로그 등에 게시할 때 여러 편집기들처럼 코드에 컬러를 부여해 가독성을 높여주는 아주 유용한 도구입니다. 소스 등을 보여줄 때 기존에는 SyntaxHighlighter 라는 도구를 설치하여 사용하였지만 Color Scripter를 이용하면 설치 등의 불편함이 없이 HTML 수정이 가능한 게시물이라면 어디에서나 사용 가능해 보입니다. 인터넷 브라우저에서 바로 사용 가능한 웹 버전과 PC에 프로그램을 다운로드하여 사용하는 PC 버전 두 가지고 사용 제한 없는 무료이며 기부를 받고 있습니다. 컬러 스크립터로 코드를 작성한 뒤 우측 하단의 복사 버튼을 클릭 후 작성 중인 문서에 붙여 넣기만 하면 깔끔하게 적용되고 3가지 스타일과 간단한 설정 기능..
블로그&인터넷/기타
2016.12.19 22:08
반응형 블로그 동영상 자동 크기 조절 방법
반응형 블로그에서 유튜브 등의 사이트에서 링크가 아닌 바로 시청이 가능한 소스를 가져올 때 동영상 크기가 맞지 안아 본문 범위를 벗어나 잘리거나 다른 영역을 침법 하는 경우가 있는데 유동적인 넓이에 따라 동영상의 사이즈도 같이 가로, 세로 조절되게 하는 제가 아는 두가지 방법입니다. 1. CSS 속성 예전에 외국 어느 사이트에서 퍼온 방식으로 작성중인 글에 동영상을 삽일 할때 동영상 소스를 동영상 코드 태그로 감싸줍니다. .video { position: relative; padding-bottom: 56.25%; height:0; overflow:hidden; } .video iframe, .video object, .video embed { position: absolute; top: 0; left:..
블로그&인터넷/기타
2016.12.19 00:03
반응형 애드센스 float 광고
제가 반응형 애드센스 광고를 적용하는 방식으로 블로그에 글을 시작을로 하지않고 사진으로 시작하는 블로그에는 적합하지 않아 보이는 방식입니다. 글 없이 div 태그로 시작하는 문서에서도 글은 오른쪽으로 밀리지만 태그는 광고와 겹쳐저서 구글 애드센스 정책위반 사항이 될 수도 있기에 신중하게 적용하셔야 합니다. 반응형 광고 코드를 받아 http://cfs.tistory.com/custom/blog/168/1686514/skin/images/ResponsiveAdsenseHelper.html 등의 사이드나 직접 맞춤 코드를 추가 합니다. 광고 코드 수정 메뉴얼 : https://support.google.com/adsense/answer/6307124?hl=ko&ref_topic=1307438 아래 사항은 직접..
블로그&인터넷/기타
2016.12.15 10:30
티스토리 섬네일 카테고리 글 더보기
기존 카테고리 더 보기 기능은 플러그인으로 이미지 없이 단순 목록으로만 지원하여 섬네일 기능을 지원 사이트등을 돌며 제공하는 코드를 적용해봤지만 로딩 속도도 느리고 광고도 나오고 관계없는 이미지들이 링크되어 포기하고 있었는데 여러 블로그를 돌면서 썸네일 방식의 카테고리 글 더 보기를 사용하는 걸 보고 티스토리에서 기본 제공하는 반응형 스킨 #2 새로운 치환자를 사용하는 부분을 가져와 약간을 수정을 거처 섬네일을 지원하는 카테고리 글 더 보기를 적용해봤습니다. '' 카테고리의 다른 글 : more .tit_related { font-size: 12px; color: #222; margin-left: 3px; } .link_more { float: right; font-size: 13px; color: #a..
블로그&인터넷/티스토리
2016.12.02 23:28
티스토리 블로그 네이버 검색 RSS 피드 등록
티스토리 블로그는 다음에는 RSS 자동 등록되어 노출이 되지만 네이버의 경우 글을 10개 정도 작성하고 운영 중이면 짧게는 1주일 길게는 한 달 정도 기다리면 자동으로 검색 피드 등록되어 유입이 발생하더군요. 하지만 자동 등록되지 않는 경우도 많고 자동 등록되기 만을 마냥 기다릴 수도 없기에 수동으로 검색 등록하여 노출되게 하는 방법입니다. 신청을 하여도 블로그 내용이 불건전하거나 하는 등의 이유로 검색 노출이 되지 않거나 등록 거부 당할 수도 있습니다. 네이버 메인 페이지 하단에 "고객센터" 또는 검색 중 블로그 더 보기를 선택하면 "외부블로그 RSS 등록"이 나오는 등록을 클릭하여 고객센터로 접근합니다. https://help.naver.com 고객센터에서 "검색 등록" 항목이 아닌 "블로그"를 선택..
블로그&인터넷/티스토리
2014.11.10 20:51
티스토리 블로그 2차 주소(독립 도메인) 연결
티스토리 2차 주소를 연결하면 블로그의 브랜드 화 등의 장점과 기존 검색에 노출되던 1차 주소 와 중복 처리되어 유사 문서, 검색 누락 등의 네이버 노출 문제로 인한 방문객 감소라는 큰 불안감으로 인해 오랜 시간 독립 도메인을 같고 싶어 갈등하였는데 저품질 블로그 걸려 검색하면 글들이 최소 3페이지 레인 미터 관련 글은 7폐지로 밀려 방문자가 어마 무시하게 줄어 이번 기회에 도메인을 구입하였습니다. 방문객 감소라는 불안감은 없으니까요....; 1차 주소 speedink.tistory.com을 줄여 speedink.com로 하고 싶었지만 이미 사용 중이라 speedinkland.com를 구매하고 연결하였는데 티스토리 연결을 지원하지 않아 "2차 블로그 주소가 티스토리를 가르치고 있지 않습니다." 메시지로 ..
블로그&인터넷/티스토리
2014.11.03 21:25
티스토리 블로그 갤러리형 목록/썸네일 목록/사이드바 썸네일
티스토리 블로그는 티에디션 이외에는 공식적으로 썸네일 이미지를 지원하지 않기에 첫 페이지를 제외하고 검색이나 카테고리 목록 등에는 글 제목만으로 표현할 수 밖에 없습니다. 하지만 요즘은 티스토리용 반응형 스킨도 잘 만들어져 티에디션을 사용하지 않고도 블록으로 된 이미지 목록도 표현하고 사이드 바에도 썸네일과 함께 글 목록이 나오고 하여 방법을 찾다가 yongzz 사이트를 발견하고 공개된 jQuery 소스 사용하여 블로그 디자인에 맞게 이리저리 수정 적용한 결과 매우 만족하게 사용 중입니다. 현재 블로그에 검색 또는 카테고리 선택시 보여지는 목록입니다. 글 작성시 지정한 대표 이미지가 보여지고 이미지가 없을 때 카테고리의 블로그 이미지가 노출되는 등 약간의 문제가 있으나 뭐 매우 만족하고 사용 중입니다. ..
블로그&인터넷/티스토리
2014.10.16 02:26
BLOGchart 블로그 지수/차트 확인 사이트
블로그의 인지도, 노출 빈도, 활동성, 영향력 등을 나타낼 수 있는 다양한 항목들을 기준으로 데이터 마이닝과 내부 알고리즘을 통해 블로그의 랭킹 포인트를 산출하여 많은 이들이 공감할 수 있도록 가장 객관적이고 보편적인 데이터로 랭킹을 제공합니다.Website 블로그 차트에 접속하여 상단에 보이는 입력창에 블로그 주소를 입력하면 네이버와 다음을 기준으로 지수 순위, 유효 키워드, 랭킹 등의 정보들을 보여 줍니다. 로그인 없이 조회가 가능하기 때문에 꼭 본인의 블로그가 아니어도 조회가 가능 합니다. 최근 다음의 유입이 없다 하였는데 ㅠㅠ 버림 받았군요... 가입을 하여 블로그를 등록하려면 API Key 글을 발행해서 인증을 하는데 티스토리의 경우 공개가 아닌 발행으로 하여야 인증이 가능하고 인증 후에는 블로..
블로그&인터넷/기타
2014.10.03 02:05
Shareaholic(쉐어홀릭) - 블로그 공유/팔로우 버튼, 관련글 썸네일
Shareaholic는 블로그의 데이터 분석과 SNS 공유/팔로우 버튼이나 관련 글 썸네일 위젯 등의 소스코드를 생성해서 관리, 지원해주는 사이트로 "AddThis"와 함께 많은 블로그에 사용되고 있는 공유 버튼이며, 반응형 웹을 지원합니다. https://shareaholic.com/ Shareaholic 첫 페이지에서 "Sign Up free!" 를 선택하고 계정을 만드는데 이메일과 비밀번호만 입력하면 되는 로그인 수준의 계정 생성 과정이 매우 쉽습니다. 계정 생성이 끝나면 블로그 정보를 입력하는데 블로그 주소와 이름만 입력하고 나머지는 비워 두어도 됩니다. 블로그 정보 입력이 끝나고 공유/팔로우/관련글을 만들 수 있는데 관련글은 6개의 글 목록을 썸네일 방식을 지원하고 버튼이나 위젯을 중복 설치도 ..
블로그&인터넷/기타
2014.09.18 03:24
블로그 글꼴 꾸미기 (구글 무료 웹폰트)
구글에서 제공하는 한글 웹폰트 입니다. 폰트파일을 다운 받을 필요도 없고 업로드 할 필요도 없이 스타일 시트에 임포트와 속성만으로 폰트를 적용 하여 블로그를 꾸밀 수 있도록 해주며, 한글체는 6개이며 무료로 사용할 수 있습니다. @charset "utf-8"; @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); body { font:12px/1.5 Nanum Gothic, Verdana, AppleGothic, Sans-serif; color:#666; } HTML/CSS 편집에서 style.css 열어서 글꼴을 주소를 붙여넣고 속성 지정만 해주면 됩니다. http://www.google.com/fonts/earlyaccess Ha..
블로그&인터넷/기타
2014.02.07 02:00
티스토리 페이징 마우스 효과 없애기
티스토리 블로그 페이지를 선택하는 페이징 부분에 현재 페이지나 더 이상 넘길 페이지가 없는데도 "이전" "다음" 버튼 :Hover 반응을 없애주는 방법 입니다. ◀ PREV [＃＃_paging_rep_link_num_＃＃] NEXT ▶ .paging { padding:20px 0; text-align:center; } .paging a { display:inline-block; padding:0 5px; color:#fff; } .paging a:hover { background:#353535; color:#006ca6; text-decoration:none; } .paging .numbox { display:inline-block; margin:0 -2px; padding:0 5px; backgroun..
블로그&인터넷/티스토리
2014.02.06 20:12
