백.전.백.승.
티스토리를 포함하여 다양한 블로그, 모바일 앱, 웹, 웹 앱, 프로그램, 브라우저 등 도움이 될만한 유용한 정보를 적고 있다. 그런데 티스토리를 오래 해서 이제는 쓸 것이 마땅하지 않다. 중복되는 내용도 많아 짜증 날 것이며 나도 그 글을 볼 때 짜증 난다.
"백.전.백.승."
2919
-
[비공개] 유입 이야기 다섯번째,SNS 유입을 발생시키려 했다.
정확히 날짜를 정확히 기억하지는 못 하겠는데 2010~2011년쯤 제 블로그만 아니고모든 티스토리 블로그가 네이버에 노출이 안 됐던 기억이 있습니다. 블로그를 오래한 분은 기억이 있을 것 같습니다.그때블로그 방문자 수가 반토막이 난 것을 보고느낀 것이네이버 유입에 대한 의존성을 줄여야겠다는 것이었습니다. 그때 네이버 의존성이 50%를 넘었을 것입니다.아래 그림은 무료 통계인 구글 애널리틱스로 본 것으로 이 글을 쓰는 지금도 네이버 비중이 60%가 넘는다는 것을 알 수 있습니다. 여담으로 과거와 다른 것이 이 글을 쓰는 지금은 다음 뷰 서비스 종료로 다음뷰 유입이 전혀 없다는 것입니다. 여담으로 다음 뷰가 없어져 네이버 유입에 대한 비중이 커졌습니다. 다음 뷰가 있었을 때는 다음 뷰에서 유입도 많이는 아니어도 꽤 있었거든요. 여담으로..추천 -
[비공개] 유입 이야기 네번째, 낚시했다!
(adsbygoogle = window.adsbygoogle || []).push({});티스토리를 입문했을 때 네이버 유입에 대한 글을 많이 읽었다. 그래서 우리나라에서는 네이버 점유율이 높아 네이버 유입을 위해 노력을 했다. 키워드는 어떻고 제목을 어떻게 사용하며 내용을 어떻게 작성해야 하는지...내가 블로그 마케팅하는 준비하는 사람처럼 네이버 유입에 대한 글을 정말 많이 읽었다.네이버 유입에 대한 글이 도움이 됐는지 티스토리를 운영한 6 년 간 최고 방문자 수가 비록 8 천 명 정도지만 키워드가 5 천이 넘고 네이버에 검색하면 내 글이 상위에 검색된다는 댓글이 많이 달려 뿌듯했다. 여담으로 이 글을 쓰는 최근 평균 방문자 수와 키워드는 평균 천 명과 2,300 정도이다. 그리고 이 블로그는 키워드 많다고 방문자 수가 그렇게 많지는 않습니다.그런데 내가 듣기 싫은 댓글을 정말 많이..추천 -
[비공개] 유입 이야기 세번째, 네이버 두고 보자
(adsbygoogle = window.adsbygoogle || []).push({});네이버 블로그를 이미 경험한 사람은 티스토리에서블로그 해도 네이버 블로그 했던 것처럼 방문자수가 비슷할 것이라 착각하는 경향이 있습니다. 우리나라 검색을 70후반에서 80초반의 점유율을 차지하고 있는 네이버는 자신의 블로그 서비스인 네이버 블로그를아주 친철합니다. 그런데 티스토리를 비롯한 그밖의 블로그에는 불친절하다는 점을 받드시 알아야 합니다. 예로 네이버 블로그는 네이버에 RSS는 등록할 필요도 없지만 티스토리는 정말 어려우며때로는 안 될 때도 많습니다. 네이버에 티스토리를 등록하려면 얼마나 힘든지.....이런 것도 모른 상태에서 티스토리에서도 네이버 블로그처럼 방문자 수를 기대한다면 한 방 맞습니다. 예전에 네이버 블로그와 티스토리를 동시에 운영하는 분의네이버 블로그..추천 -
[비공개] 네이버블로그, 보내기 방법도 달라졌네요.
(adsbygoogle = window.adsbygoogle || []).push({});오랜만에 네이버 블로그를 봤더니 보내기 방법이 과거에 비해 많이 변해 적게 됩니다.카페(네이버),메일(네이버),밴드(네이버),페이스북,트위터 등은 알고 있었으며 아래 그림을 보듯이 네이버포스트와폴라가 추가 됐네요. 네이버 블로그를 겪은 사람은 알겠지만 네이버는 네이버 서비스를 아주 적극 밀어줍니다.아래 그림은 PC에서 본 보내기입니다. 모바일에서 보내기와 큰 차이가 없습니다. 참고로 티스토리는티스토리에서 제공하고 있는 것은 알고 있듯이 카카오 스토리, 페이스북, 트위터 입니다. 스크립트를 사용하면카카오톡 등 다양한 것을 추가할 수 있는데....그나저나두 블로그의 공통적인 것은트위터와페이스북입니다.보내기는 대부분 네이버 서비스로 네이버 카페,네이버 포스트, 네이버me에 북마크,네..추천 -
[비공개] 유입 이야기 두번째
(adsbygoogle = window.adsbygoogle || []).push({});모 티스토리 블로거가 네이버 유입에 관련된 댓글을 남겼는데 티스토리에서블로그를 운영하면서 네이버 유입에 도움이 될 것 같아 적습니다. 네이버 블로그를 제외한 블로그에서 네이버 유입은 골치 입니다.여담으로 저는 상담 안 합니다. 상담에 관심도 없습니다. 본론으로 들어가서그 댓글을 요약하면 네이버가 아닌 티스토리를 플랫폼을 둔 기업 블로그를 대행하는데 네이버 유입이 20% 줄어 속상하다는 내용이었습니다. 장문의 댓글이었는데 길게 적지는 못 하겠습니다.그 분은 저 같은 유입에 대해 모르는 사람에게 조언을 구한 것이 아닐 것이고 제가 전문적으로 블로그에 대해서 다루었으니....그래서 제 블로그에서 한탄한 모양입니다. 또한 글 중간에 유입에 대해 간단히 적었고요. 저는 유입에 대해 자세..추천 -
[비공개] 부트스트랩 토글,감추고 보이기 2
(adsbygoogle = window.adsbygoogle || []).push({}); /* Icon when the collapsible content is shown */ .btn-info:after { font-family: "Glyphicons Halflings"; content: "\e114"; float: right; margin-left: 15px; } /* Icon when the collapsible content is hidden */ .btn-info.collapsed:after { content: "\e080"; } 이 페이지에서 적는 글은전에 적었던2015/12/15 - 부트스트랩 토글,감추고 보이기 1과 비슷한 것을 설명할 것입니다. 그것과차이라면아래 클릭하세요. 버튼을 누르면 아이콘이 변하게 하는 것입니다. 아래 클릭하세요. 버튼을 클릭한다면 아이콘이 변하면서 숨겨진 문장이 보인다는 것을 확인할 수 있습니다.웬만하면 직접 해봐야 바로 이해할 수 있습니다. 귀찮다고 넘어가지 마세요. 전에 전었던 것은 아이콘이 변하지 않았거든요. 그러니 전에 적었던 글을 읽지 않았다면 읽어 보세요. 클릭하세요...추천 -
[비공개] 부트스트랩 토글,감추고 보이기 1
(adsbygoogle = window.adsbygoogle || []).push({});여기에서 설명하고자 하는 것은 부트스트랩을 사용해서 원하는 것을 감추고 보여주는 것입니다. 티스토리, 네이버 블로그 등에 더보기라는 것이 있으니 그것과 비슷하다고 생각하면 될 것입니다. 미리보기는 따로 없고 아래에서 클릭하세요를 클릭하면 어떤 것인지 알 것입니다. 그리고 에디터에 있는 더보기니 어떤 것인지 대강 알 것입니다. 아래에서 설명할 것은 부트스트랩에 있는 기능이니 부트스트랩을 사용하는 것은 필수적이어야 합니다. 부트스트랩을 사용하지 않는데 안 된다고 하면 안됩니다. 티스토리만 사용하면 되는 것이 아닙니다. 들어가기 앞서 저의 생각에 부트스트랩으로 감추고 보이기를 배우는 것은 여기에서 유용하다 생각합니다. 왜냐하면 거기에 예제가 많기 때문입니다. 비록 거기가 ..추천 -
[비공개] 부트스트랩 테마, 동영상 배경 2
(adsbygoogle = window.adsbygoogle || []).push({});2015/12/07 - 부트스트랩 테마, 동영상 배경 1에서 유튜브 동영상을 배경으로 하는 무료 테마를 소개했습니다. 하지만 이 글에서 소개할 것을 유튜브가 아닌 MP4로 설정하는 배경입니다. 혹시 음악 파일 형식인MP3라고 생각하는 것 아닐 것입니다.그 테마를 은아래에서 다운로드 할 수 있습니다.2015/11/06 - 상업적 사용 동영상 얻기에서 적었듯 상업적으로 사용할 수 있는 MP4 동영상을 거기에서 많이 구할 수 있습니다. 여담으로 이 블로그는 유튜브와 MP4 동영상을 혼합해서 사용중입니다.다운로드http://www.bootstrapzero.com/bootstrap-template/landing-zero-free-bootstrap-theme전에는 유튜브 동영상을 배경으로 하는 것이라 부담이 없었지만 이것은 MP4를 사용하는 것이라 부담이 있을 것입니다. 특히 워드프레스 등 설치형 블로그인 경우는 트..추천 -
[비공개] 부트스트랩 테마, 동영상 배경 1
(adsbygoogle = window.adsbygoogle || []).push({});소개할 제목에 보듯이부트스트랩 테마로 일반적인 테마가 아닌 동영상 배경입니다. HTML5의 video 태그를 이용한 것이 아닌 부트스트랩의jquery.mb.YTPlayer.js라는 스크립트를 사용한 것입니다. 그리고 동영상은 유튜브 동영상을 사용할 수 있습니다. 참고로 이 블로그 맨 위에 사용하고 있는 동영상은 아래 더보기와 같습니다. 더보기아래 원본 동영상에는 광고가 있으나 광고는 나타나지 않으면 영상만 나타나고 소리도 나오지 않습니다. 원본 동영상은 보고 싶다면 동영상 제목을 클릭하면 됩니다. 그러면 광고를 볼 수 있으며소리를 들을 수 있습니다. 미리보기는 이 블로그 맨 위에 사용했습니다.어두워 어떤 동영상인지 모를 것인데 위 더보기 안을 보면 알 수 있습니다. CSS를 안다면 동영상을 밝게 하는 방법을 알 수 ..추천 -
[비공개] 부트스트랩 소스,동영상 표시 아이콘 나타내기
(adsbygoogle = window.adsbygoogle || []).push({}); .video-list-thumbs{} .video-list-thumbs > li{ margin-bottom:12px; } .video-list-thumbs > li:last-child{} .video-list-thumbs > li > a{ display:block; position:relative; background-color: #111; color: #fff; padding: 8px; border-radius:3px transition:all 500ms ease-in-out; border-radius:4px } .video-list-thumbs > li > a:hover{ box-shadow:0 2px 5px rgba(0,0,0,.3); text-decoration:none } .video-list-thumbs h2{ bottom: 0; font-size: 14px; height: 33px; margin: 8px 0 0; } .video-list-thumbs .glyphicon-play-circle{ font-size: 60px; opacity: 0.6; position: absolute; right: 39%; top: 31%; text-shadow: 0 1px 3px rgba(0,0,0,.5); transition:all 500ms ease-in-out; } .video-list-thumbs > li > a:hover .glyphicon-play-circle{ color:#fff; opacity:1; text-shadow:0 1px 3px rgba(0,0,0,.8); } .video-list-thumbs .duration{ background-color: rgba(0, 0, 0, 0.4); border-radius: 2px; color: #fff; font-..추천
1510개
1048170개
716522개
