티스토리 목록 광고 티스토리 스킨을 사용하다가 보면 목록 상단광고와 하단에 치환자가 없는 경우가 있습니다. 그때 치환자를 수동으로 추가하여 광고송출을 할 수 있는 방법 입니다. 상 하단 치환자 // 목록 상단 치환자 [#_revenue_list_upper_#] // 목록 하단 치환자 [#_revenue_list_lower_#] 티스토리 목록 광고 치환자 사용 시 양쪽에 # 하나씩 추가하셔서 사용하세요. 치환자 위치 찾기 // 목록 치환차 찾기 [_list_conform_] 티스토리 Html 편집에서Ctrl + F 눌러 치환자 위치를 찾습니다. list_conform 기준으로 위쪽이 상단 아래쪽이 하단입니다. 목록 하단의 경우 각 스킨마다 다를 수 있습니다. 천천히 위치를 찾아 광고 치환자 코드를 입력하세..>

unicode-range는 CSS 디스크립터(discriptor)로써, @font-face로 정의된 폰트를 특정 character의 범위를 지정해 줄 수 있습니다. /* unicode-range */ unicode-range: U+0-10FFFF; // 기본값, 모든 글에 적용 unicode-range: U+0020-007E; // 영문, 숫자, 특수문자 적용 unicode-range: U+0041-005A; // 영문 대문자 unicode-range: U+0061-007A; // 영문 소문자 unicode-range: U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E; // 특수문자 범위 unicode-range: U+0030-0039; // 숫자 범위 unic..>

반응형 블로그 또는 웹사이트에 적용하기 편한 방법입니다. 노출시키고 싶은 또는 감추고 싶은 요소를 컨트롤하는 방법은 많지만 그중에 가장 간단하게 적용하기 좋은 방법은 미디어쿼리를 이용하는 방법입니다. 우선 아래와 같은 특정요소를 숨기기위한 CSS 코드를 살펴보겠습니다. .notice-go-to-index { display: none; } 위와 같은 기본CSS 코드에 media-query를 사용해 보겠습니다. 아래 코드를 보시면 @media로 시작하고 max-width를 보실 수 있습니다. @media screen and (max-width: 1000px) { .notice-go-to-index { display: none; } } 위 코드는 최대 화면 크기가 1000px 까지는 노출이 된다는 것입니다. ..>

키보드 아이콘 표현방법 키보드 아이콘 표현방법 블로그에 글작성할 때 단축키 또는 키보드의 버튼을 표현하는 방법입니다. 티스토리 블로그 기준으로 설명하겠습니다. HTML 스킨편집으로 이동 CSS 편집에서 아래 코드를 넣어줍니다. .key { background-color: #f7f7f7; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset; color: #333; display: inline-block; font-size: 80%; font-weight: bold; line-height: 1.4; margin: 0 0.1em; padding: 0.1em 0.5em; tex..>

기본유튜브 영상을 퍼가기 하시면 아래와 같은 코드를 확인하실 수 있습니다. 위 코드 그대로 티스토리에 등록을 하셔도 아래 CSS 소스코드를 입력해 두시면, 영상의 테두리가 깔끔하고 이쁜 둥근 테두리로 설정된 모습을 확인하실 수 있습니다. iframe { border-radius: 0.8rem; } [테스트 영상]>

JavaScript Snow Effect for HTML 티스토리에 여러가지 소스를 넣어서 이쁘게 꾸미시는 분들이 많지요 이방법은 겨울을 맞이해서 ㅋ 눈내리는 효과를 주는 방법 입니다. 아주 간단해요 이파일을 다운 받은후에 해당 티스토리에 업로드 합니다. 그후에 Html 에 적용시켜 주면 끝 경로주소에 snowstorm-min.js 의 주소를 넣어주면 되는거에요 잘 않되시거나 하면 댓글 주세요 그럼 최대한 도움드리도록 할께요.>

티스토리를 사용하시는 분들에게 좋은 또는 이걸 찾는 분들이 있을 거라 생각하고 소개하는 글입니다. 블로그에 접속을 할 때 내가 지정한 특정한 페이지가 노출이 되게 하고 싶지 않으신가요? 공지나 다른것들은 노출이 되는 방법이 간단하고 찾아보면 금방 가능한데 내가 원하는건 이런 게 아니고 내 블로그에 들어오면 딱 이게 보였으면 좋겠다 하는 거요. 지금 이게 바로 그 방법입니다. 일단 첫째 티스토리 관리자 페이지에서 [HTML/CSS 편집]을 과감히 클릭합니다. 두 번째 skin.html 에서 를 찾아요 (ctrl + F 누르시고 찾기 하셔도 돼요.) 세 번째 위에 아래 소스를 복사 붙여 넣기 합니다. 네 번째 저장을 누르시고 새로고침하고 원하는 대로 잘되었는지 확인합니다. 어때요 참 간단하지요~ 어렵거나 잘..>

서로가 서로의 사이트를 방문 해줄수 있도록 해주는 프로그램입니다. 지금 이렇게 파블 (파워블로거) 들이 어떻게 보면 왕으로 군림하듯이 일일 방문자수가 정말 어마 어마 하지요. 그런데 그거 아시나요? 진짜 파워 블로거들도 있지만 그렇지 않은 일명 정말 각종 프로그램과 광고 노출을 위해 쓰레기 같은 글들을 등록 하고 노출순위를 올리기 위해서 진짜 열심히 하는 블로거들의 맘을 아프게 한다는 사실... 저도 요즘 어떻게 보면 열심히하는 열블 (열심히 하는 블로거) 중에 하나인데요. 아무리 열심히 해도 일 방문자 수가 800~1000명 수준 이에요. 그렇다고 만족 못하는건 아니구요. 저는 지금도 좋아요. 그냥 제글을 봐주시러 와주시는 분들 그리고 재방문 해주시는 분들도 간혹있어서 저는 뿌듯하고 기분도 좋아요. 아..>

[티스토리 스킨 이미지 리사이징 Html 수정] 티스토리를 사용하다 보면 다른 능력자 분들이 만든 스킨을 사용할때가 있는데 그 스킨을 사용자 맘에들게 수정할때가 있지요~ 그것중에 하나가 자동으로 리사이징 되게 만드는 소스가 있는데.. 그걸 사용자는 원 이미지 그대로 사용하고 싶을때가 있을꺼에요. 그래서 준비한 내용 입니다. 뭐 길게 설명하거나 하진 않을께요. 바로 설명 드러갑니다. skin.html 소스의 아래 section의 CSS 스타일 코딩 부분에서. HTML 전체 넓이를 콘트롤하는 부분인 곳이 있어요 컨트롤 + F를 누르시고 wrap 검색합니다. 그럼 아래와 같은 소스가 보일꺼에요. .wrap{width:auto} #container{_display:inline-block;width:100%} w..>

플래쉬 태그 구름은 아주 오래된 스크립트+플래쉬 입니다. 시각적이나 깔끔함에 사용을 하지만 한가지 단점은 모바일에서는 보이지 않습니다. 일단 적용방법에 대해 안내해드리도록 하겠습니다. 아래 파일을 다운로드 받습니다. 다운받으신 파일압축을 푸시면 swfobject.js, tagcloud.swf, script.txt 3개의 파일이 있습니다. 그중 swfobject.js, tagcloud.swf 2개의 파일은 티스토리 스킨에 업로드 합니다. 파일을 업로드 하셨으면 HTML/CSS 편집에서 소스 코드를 수정해야 합니다. 스킨편집 화면에서 Ctrl + F 키를 이용해 "태그목록"을 검색하여 위치를 찾습니다. 찾으셨다면, 이제 아래 코드를 복사하여 붙여 넣기 합니다. Tistory Cumulus Flash tag ..>

자신이 운영 중인 블로그, 사이트를 돈으로 환산한다면 어느 정도의 가격이 나올까? 궁금할 때가 있지 않으세요.? 정확히 따지면 사이트의 도메인 가치를 측정해 주는 사이트입니다. 외국 사이트이다 보니 야후/빙/구글의 검색을 분석하고, 페이스북 등 소셜네트워크 분석을 기초로 가격이 측정됩니다 일단 네이버 검색해봤네요 와우 가격이 어마 어마 합니다. 현 환율로 조회해보니 611억 3,626만 6,702.50원 나오네요. 제 블로그도 재미로 한번 해봤는데요 120억 9,602만 2,972 원 말도 안 되는 금액이 나왔네요. 티스토리 영향인 듯합니다. 여러분들도 재미로 한번 내 블로그 가격측정 한번 해보세요. 아래 사이트 링크 남겨 놓겠습니다. Website Worth & Domain Value Calculato..>

애드센스에서 제공하는 서비스로 잠재고객 참여 유도를 위해 '맞춤채널' 서비스인데 상당히 좋은 서비스라 봅니다. 일치하는 콘텐츠는 블로그, 사이트의 모든 게시물을 썸네일을 이용해 보여주는데 그냥 무작위로 보여주는것이 아니라 읽고 있는 글과 관련이 있어보이는 글을 보여 줍니다. 무작위로 보여준다고 해도 사용자가 접속한 주소의 게시물을 보여주기에 정성들여 작성한 글이 검색 유입이 적어 묻히기 쉬운데 그러한 부분도 해결이 가능할듯 합니다. 일단 아래 자신의 에드센스로 들어가셔서.... http://www.google.com/adsense/ 맞춤채널을 클릭하시고 아래 이미지처럼 맞춤광고 형식으로 바꿀 광고를 추가 합니다. 추가 하시고 나면 바로 밑에있는 저장으로 클릭 그러면 아래 이미지처럼 맞춤형 ID가 보이면서..>