친효애드온 : 본문 공유 모듈 마크1에 대한 업데이트 내용 입니다. 따라서 아래의 글을 먼저 읽어보시고 본문을 살펴보시면 많은 도움이 될 것 입니다. 친효스킨에 적용하는 방법을 기준으로 설명 드립니다. 스크립트 세팅 티스토리 스킨의 HTML 바로 위에 삽입했습니다. 카카오톡 아이콘 업로드 아래에 카카오톡 아이콘 이미지 파일이 있습니다. 다운 받아서 사용하면 됩니다. 만약 이미지가 마음에 들지 않으시면 구글에서 이미지 검색을 하시면 많이 나옵니다. 그 중 하나를 찾아서 사용하시면 되는데 파일명은 반드시 첨부파일과 똑같이 바꿔 주시기 바랍니다. 다운로드 완료 후 압축을 푸시면 이미지 파일이 생성됩니다. 해당 파일을 스킨편집에 가셔서 파일업로드 항목에 올려주시면 됩니다. 이렇게 업로드 완료 후 적용 버튼을 눌..
스크립트를 써서 출력하는 Syntaxhighlighter 코드는 로딩이 다소 오래 걸려서 포스팅 출력 시간이 지연됩니다. 신형 글쓰기에 있는 코드블럭은 뭔가 많이 부족합니다. 차라리 그럴바에 그냥 직접 DIV를 꾸며서 사용하자고 생각했고 바로 실천에 옮겼습니다. HTML, CSS, 자바스크립트 등의 코드를 직관적으로 표현하고자 할 때 사용하면 요긴합니다. 코드 뿐만 아니라 뭔가 강조하고자 하는 내용에 대한 텍스트를 작성할 때에도 좋습니다. 얼마든지 활용 가능한 모듈이라고 생각합니다. 백그라운드 색상도 커스텀 할 수 있어서 원하시는 색상코드를 넣고 사용하시면 됩니다. 커스텀 DIV 박스 모듈 미리보기 먼저 검정색 백그라운드 DIV 박스 입니다. .rgyBG { margin: 10px 0; padding: ..
정말 간혹 물어보시는 분들이 많았던 질문 중 하나입니다. 제목에서도 언급했듯 CPC 단가에 대한 질문입니다. 아래는 질문글의 오리지널 본문 내용입니다. Q. 안녕하세요. 개인적으로 블로그 공부하며 친절한효자손님 블로그에 방문하여 많이 배울수 있어 정말 감사드립니다. 하나 고민이 생겨 친효님께 질문드리고자 합니다. 저는 올해 1월부터 티스토리를 운영하기 시작했고 애드센스도 승인 받아 수익을 내고 있습니다. 8월까지 잘 운영했었고 반응형 광고 CPC도 0.4 정도 나오고 있었습니다. 개인적인 사정으로 블로그의 광고를 전부 내려야만 했고, 3개월동안 광고 없이 블로그 방문자수 늘리는데만 집중을 했습니다. 이번 11월부터 광고를 다시 올리기 시작했고 방문자가 늘어난 만큼 수익도 증가할거라고 생각했는데 그게 아니..
이번에 아이패드프로와 함께 사용할 블루투스 키보드 및 마우스 리뷰글을 작성한 바 있습니다. 모든 준비는 끝났습니다. 티스토리가 업데이트 되면서 새로운 글쓰기 에디터도 선보였죠? 신형 글쓰기 에디터는 어도비 플래시 플레이어를 지원하지 않습니다. 그렇기 때문에 iOS 환경에서도 작성할 수 있을거라 판단을 했고 바로 테스트로 들어갔습니다. 키보드와 마우스 정보는 아래의 글을 참고하시면 좋을 것 같습니다. 1만원대 로이체 MUSES KT5 블루투스 키보드 사용 후기 카페에서 잠시 작업하는 설정샷을 찍어봤습니다. 보통 밖에서 티스토리 글쓰기를 할 때는 노트북으로 작업합니다. 샤오미 노트북인데 겁나 무겁습니다. 이것 저것 하면 거의 3kg 인데 가방에 장시간 넣고 다니면 어깨가 뻐근합니다. 발도 너무 아프구요. 아..
이번 친효교육 2기 교육이 무사히 마무리 되었습니다. 비가 많이 내렸던 날씨임에도 불구하고 참여해주신 분들께 다시 한 번 감사의 말씀을 드립니다. 친효교육 2기 후기이번 2기 교육 장소를 변경했습니다. 지난 1기 모임 장소 때 피드백 중 많았던 내용이 장소였습니다. 모임 장소 위치가 다소 찾기 어려운 위치였다는 이야기가 많아서 장소를 변경해봤는데 이번에는 그래도 강남역 근처여서 찾기가 쉬웠다고 생각합니다. 실제로 2기 강의 후기를 살펴봤는데 장소 찾는데 어려움이 있었다는 이야기는 없었습니다. PJ스터디룸이라고 하는 곳인데 저도 이번에 처음 방문을 했을 때 입구가 어딘지 몰라서 좀 해메었습니다. 알고보니 스타벅스 바로 옆 건물이더군요. 상호명은 박정어학원으로 되어 있지만 스터디룸과 병행하고 있습니다. 강의..
댓글로 하나의 제보를 받았습니다. 티스토리의 구형 글쓰기 에디터로 글을 작성하면 네이버에 썸네일이 노출 되는데, 신형 글쓰기 에디터로 글을 작성하면 노출이 안 된다는 내용이었습니다. 응? 정말일까? 궁금해서 바로 확인해봤습니다. 신형 글쓰기 에디터로 작성한 글을 찾고 이걸 네이버에서 검색하면 정말 썸네일이 안 뜨는지 테스트해봤습니다. 그 결과입니다. 현재 저기 빨간색으로 박스 표시된 부분이 구형 글쓰기 에디터로 작성한 글 입니다. 나머지 썸네일이 없는 글들이 모두 신형 글쓰기 에디터로 작성한 글들 입니다. 확인 결과 사실이었습니다. 티스토리에서 제공하는 신형 글쓰기 에디터로 글을 작성하면 네이버에서 썸네일이 누락되는 놀라운 현상이 일어나고 있었습니다. 신형 글쓰기 에디터의 문제인가? 일단 엄밀히 말씀 드..
제 글들을 관심있게 읽어주신 분들이라면 아시겠지만 최초 시작은 티스토리가 아닌 네이버 블로그 였습니다. 블로그에 대해서 아무것도 몰랐던 저는 우선 다른 분들이 어떤식으로 글을 작성하는지 쭉 훑어봤습니다. 그리고 저도 그렇듯 방문자수 늘리기에만 급급해서 마구잡이로 제목에 키워드를 남발하곤 했죠. 지금 생각해보면 정말이지 최악의 블로그 관리였습니다. 제 글들을 보면 크게 3단계로 변화를 해 왔습니다. 초창기에는 네이버 블로그 스러운 방법으로 운영을 했었습니다. 그리고 두번째 단계에서는 나름 전문성을 부여하는 의미로 딱딱한 말투로 돌변했습니다. 최종적으로는 지금 사용하고 있는 이 버전 입니다. 이 글도 최종적인 형태로 관리하고 작성하는 중 입니다. 앞으로 또 어떻게 변화를 줄지는 모르겠지만 한동안은 쭈욱 이 ..
친효스킨 버전 업데이트 소식 입니다. 현재 1.15까지 완성 되었습니다. 이번 업데이트에서는 아래와 같은 내용들이 추가되고 변경되었습니다. Ver 1.15 업데이트 내용- 애드센스 최상단 및 최하단 광고 크기 최대 세로 100px 이하로 출력되도록 수정- 구형 글쓰기 에디터 더보기 및 접기 버튼 스타일 수정- 새로운 글쓰기 에디터 첨부파일 스타일 수정- 이미지에 테두리 적용 후 살짝 선명도가 떨어지는 문제 수정- 비로그인시 댓글 남기기 항목에 보이는 이름, 비밀번호, 홈페이지 입력칸 색상 변경- 비밀글 체크박스 크기 및 폰트 크기 변경- 인피드광고 관련 CSS 일부 삭제 (보이기/안보이기 기능은 이제 필요 없어서 삭제 조치)- 본문 글꼴을 '리디바탕체'로 변경- 인덱스 페이지 전면 수정 (썸네일 크기 1..
블로그 유입 경로를 보면 저의 경우는 70~80% 정도가 구글에서 검색을 통해 들어옵니다. 그리고 나머지 5~10% 정도는 직접 유입을 통해서 방문하며 나머지는 네이버나 다음 검색, 혹은 기타 검색 사이트를 통해 방문하고 있습니다. 네이버의 경우는 점점 유입 경로가 줄어들고 있는 실정입니다. 그런데 놀라운건 네이버 유입이 줄어들어도 방문자수 유입은 점점 안정권으로 접어들고 있다는 점 입니다. 예전에도 몇 번 말씀드린적이 있는데 네이버 알고리즘은 워낙 변화무쌍하며 자사의 플랫폼에 유리하게 되어 있기 때문에 티스토리가 백날 발버둥쳐도 노출되기가 어렵습니다. 설령 노출 되어도 수명이 너무 짧아서 금새 내려오곤 합니다. 게다가 네이버는 이제 더 이상 검색 사이트가 아닙니다. 제 기준에서 네이버의 경우는 광고 키..
안녕하세요, 친절한효자손 입니다. 이번달인 10월 첫째 주 주말에 열렸던 친효교육 1기 후기 글 + 2기 모집 안내에 대한 글 입니다. 첫 수업이어서 많이 부족했다는 생각 뿐 입니다. 그리고 시간이 생각보다 빠듯했습니다. 더 많은걸 알려드리고 싶었는데 역시 교육의 끝은 없는 것 같습니다. 1기 모임 후기 장소는 서울 뚝섬유원지역 근처에 있는 서울생각마루 라고 하는 공간에서 진행되었습니다. 저도 처음 방문한 곳이어서 찾는데 다소 시간이 걸렸습니다. (죄송합니다) 뚝섬유원지역 3번출구로 나오셔서 쭉 오시면 이렇게 입구가 있습니다. 겨우 찾아서 부랴부랴 뛰어갔습니다. 이곳의 3층에 유료로 대여 가능한 공간이 있습니다. 엘레베이터를 타고 올라가는거였군요. 몰라서 여기에서 두번째 헤메었습니다. 주말을 이용해서 토..
2019 한글날을 맞이하여 리디북스에서 리디바탕체를 배포했습니다. 무려 1년 6개월간 개발한 폰트라고 하는군요. 그래서 그런지 가독성은 물론이며 글 읽는게 조금 편하다는 느낌을 많이 받았습니다. 이 글꼴을 만나본순간, '아 이거 내 스킨에 적용시켜야겠다!' 하고 다짐했을 정도입니다. 2019 한글날 무료 폰트에 대한 정보는 아래에 링크를 올려두었으니 한번 읽어보시기 바랍니다. 리디바탕체는 링크 페이지의 아래쪽에 있습니다. 먼저 리디바탕체를 다운로드 받아 주시기 바랍니다. 그리고 티스토리 관리자 화면으로 이동하시고 스킨 편집 화면으로 들어가 주시면 됩니다. 2019 한글날 무료폰트 정보 모음 폰트 파일 업로드 스킨편집 화면으로 들어오시면 이렇게 파일업로드 탭이 있습니다. 해당 메뉴로 클릭하여 들어가서 추가..
시간적으로는 충분히 가능한데, 매번 자신과의 약속에서 비기거나 지는 날이 늘어나고 있습니다. 저 역시 늘 어떤 글을 작성할지 고심할때가 많으며, 어떤 식으로 문장을 만들어 나가고, 또 어떤 내용을 중점으로 작성해야 방문자들이 납득을 할 것인지에 대한 많은 생각을 합니다. 문장을 작성하고 다시 보면 어색할때가 한두번이 아닙니다. 그러면 다시 지우고 쓰고를 반복하게 됩니다. 글 하나를 작성하는데 있어서 제대로 쓰면 3시간도 훌쩍 넘어갈때가 많습니다. 하루에 두 개의 포스팅, 말이 쉽지 정말 어려운 일 입니다. 두 개의 포스팅을 매일 작성한다면 마르지 않는 샘물이 완성될 수 있습니다. 하나는 오늘 작성, 그리고 다른 하나는 내일의 예약글이 됩니다. 다시 내일이 되면 오늘건 이미 올라갔으니 내일과 내일 모레의 ..
오랜만에 메일로 문의가 왔습니다. 과거에 블로그를 이미 접하셨던 경험이 있으신 모양입니다. 다시 시작하는 마음으로 티스토리를 운영하기로 마음먹고 책도 구매하셨군요. (감사합니다) 하지만 시간은 훌쩍 흘렀고 요즘은 어떤 식으로 관리를 하면 좋을지 감이 없으셔서 문의를 주셨습니다. 질문 내용은 다음과 같습니다. 안녕하세요 친효님, 블로그와 책을 보면서 티스토리를 다시 시작하려고 합니다. 블로그에 대해서 아무것도 모르고 막연하게 시작했던것이 2년 전 입니다. 최근에 다시 한 달 정도 글을 꾸준히 작성도 하고 전에 썼던 글 수정도 하고 있는데 블로그 최적화가 아직 안 되서 그런걸까요? 티스토리 최적화가 될 때까지 시간을 두고 꾸준히 글을 써야 하는지 아니면 과거 아무것도 모르고 글을 썼던 시기 저품질에 걸렸던건..
지난번 친효애드온 관련글 마크2를 만들면서 영감을 얻었습니다. 생각난김에 바로 코딩을 시작했고 그 결과 훌륭하게 완성시켰습니다. 본문 끝 부분에 관련글을 넣을 때 사용하시면 되는 모듈 입니다. 친효스킨과 잘 어울립니다. 뿐만 아니라 타 스킨에서도 잘 적용이 될 것입니다. 현재 이 글의 맨 아래에 보시면 관련글이 있는데 해당 스타일대로 출력 됩니다. 참고하시기 바랍니다. CSS 세팅 먼저 스타일부터 정의합니다. 자신의 스킨 편집모드에 있는 CSS 항목으로 들어가셔서 아래의 첨부파일안의 모든 내용을 빈 공간을 확보하여 그대로 붙여넣기를 해줍니다. 어디에 붙여넣기를 하는지 자세히 안내해 드리겠습니다. 이렇게 빈 공간을 엔터로 확보하신다음 저곳에 붙여넣기 하시면 됩니다. 위의 스크린샷 이미지는 예시 입니다. 사..
기존 TOP 버튼이 딱 위로 올라가기 버튼 한 개만 존재하는 것이었다면 이번 마크2 버전은 좀 더 다양한 버튼을 넣어놓은 버전이라고 할 수 있습니다. 모바일용 이라기 보다는 주로 사용되는 해상도는 아마 데스크탑에서 많이 사용되지 않을까 싶습니다. 친효스킨을 기준으로 작업하였지만 다른 스킨에서도 정상 동작하도록 하였습니다. jQuery 세팅 먼저 제이쿼리 스크립트부터 세팅하도록 합니다. 자신의 티스토리 스킨 편집 모드로 들어가서 HTML의 전에 붙여넣기 하시면 됩니다. HTML 세팅 - 폰트어썸 CDN 링크 추가티스토리 스킨 편집으로 들어갑니다. HTML의 안쪽에 아래의 링크를 그대로 붙여넣기 합니다. (title 아래에 붙여넣기 진행을 추천함) 방법은 위에 설명한것과 동일합니다. 첨부파일로도 올려놓겠습니..
친효스킨에는 사이드바에 공지사항 모듈이 있습니다. 이 모듈에는 공지사항에 대한 글을 작성하시면 목록이 업데이트가 되어서 직관적으로 방문자에게 보여지게 됩니다. 티스토리 기본 시스템은 공지사항에 대한 글을 따로 작성할 수 있는데, 이게 장점이 될 수도 있고 단점이 될 수도 있습니다. 둘 다 웹 노출이 된다는점은 공통이지만 방문자로 하여금 쉽게 찾아볼 수 있는지 없는지의 차이가 좀 있는 것 같습니다. 그렇기에 대부분의 스킨에는 공지사항에 대한 모듈을 제공하고는 있지만 스타일이 각각 다 다르기 때문에 이 방법이 모두 통한다고 볼 수는 없습니다. 여러분들이 사용하는 스킨의 공지사항 모듈을 구성하는 태그들이 ul li 형태의 요소라면 이 방법은 사용이 가능합니다. 친효스킨을 기준으로 설명은 드리지만 한번 관심이 ..
새로운 글쓰기 에디터 전용으로 제작해본 첨부파일 디자인 입니다. 친효스킨에서 가장 완벽하게 적용됩니다. 타 스킨에서는 약간의 변형이 일어날 수 있습니다. 이점 유의해 주시기 바랍니다. TIP 2019년 12월 9일 티스토리 모바일앱이 업데이트 되면서 CSS 첨부파일 스타일도 일부 변경이 되었습니다. 친효스킨 1.15 버전에서 오류가 있으니 여기에 있는 첨부파일로 업데이트를 진행해 주시기 바랍니다. CSS에서 새로운 글쓰기 에디터용 첨부파일 부분을 몽땅 변경해 주시면 해결 됩니다. HTML 세팅 기존 첨부파일의 태그명, 클래스명을 그대로 사용하기 때문에 HTML에서 따로 편집할 부분은 없습니다. CSS 세팅 먼저 아래의 첨부파일을 한번 살펴봐 주시기 바랍니다. 이런 스타일로 출력됩니다. 그리고 다운로드 받..
최근 댓글로 질문주신 내용입니다. 일반형 스킨과 반응형 스킨의 차이점에 대해서 궁금하다는 내용입니다. 바로 알아보도록 합시다. 일반 VS 반응형 스킨의 차이점을 알아보겠습니다. 일반형 스킨티스토리에서 거의 사라져가는 스킨 입니다. 일반형 스킨은 사이즈가 변하지 않고 고정된 형태를 말합니다. 지금은 다양한 스마트 디바이스가 공존하는 세상입니다. 스마트폰도 종류가 여러가지고 그에 따른 화면 크기도 각양각색 입니다. 화면 크기에 따라 출력되는 해상도도 다릅니다. 이 해상도가 천차만별이다보니 크기가 고정된 일반 스킨은 어떤 장치에서는 제대로 나오기도 하지만, 어떤 장치에서는 일부가 잘리거나 아예 노출되지 않는 경우도 발생합니다. 티스토리에서 일반형 스킨은 보통 모바일 전용 페이지와 PC (데스크탑) 전용 페이지..
친효스킨 커스터마이징 정보를 제공하는 카테고리 입니다. 먼저 안내드릴 부분이 있습니다. 본문에서 제공하는 방법이 최종적인 방법이 아닐 수 있습니다. 계속 수정하고 연구하여 더 좋은 방법이 차후에 제공될지도 모릅니다. 만약 새로운 업데이트 내용이 나온다면 본문에서도 안내해 드리도록 하겠습니다. 현재 친효스킨에는 최상단 및 최하단에 애드센스를 적용할 수 있도록 설계가 되어 있습니다. 이곳에는 가로로 긴 형태의 애드센스가 노출되도록 하는게 목적인데 특정 해상도에서는 지나치게 큰 광고가 출력되는 불편함이 있었습니다. 이 부분을 수정하는 코드를 만들었습니다. 이곳에서 드리는 설명은 친효스킨 1.14 버전을 기준으로 안내해 드리고 있습니다. 참고하시기 바랍니다. HTML 수정 먼저 기존 친효스킨의 HTML 구조를 ..
이번에 친효애드온을 업데이트 하면서 티스토리에서 새롭게 제공하는 글쓰기 에디터도 사용해봤습니다. 1.14 버전 이상의 친효스킨에서는 새로운 글쓰기 에디터를 지원하기 때문에 마음 놓고 사용하셔도 됩니다. 새로운 글쓰기 에디터를 써보고나서 느낀 장단점이 몇 가지 있습니다. 한번 이야기해 보도록 하겠습니다. 새로운 글쓰기 에디터 장점1. 어도비 플래시 플레이어를 지원하지 않음 가장 마음에 드는 부분입니다. 아시다시피 점점 플래시 플레이어 기술이 사라지고 있습니다. 리소스도 많이 잡아먹고 별도의 프로그램을 추가 설치해야하는 번거로움 때문이었습니다. 이 새로운 글쓰기 에디터를 개발하느라 기존 글쓰기 에디터에서 계속해서 플래시 경고창이 떴나 싶습니다. 어차피 신형 에디터가 이 부분을 해결해 주니까요. 2. 깔끔함 ..
댓글로 다소 내용이 긴 질문을 받았습니다. 질문하신 블로거님의 티스토리를 방문해보니 어그로성 블로그는 아닌 것 같아서 제가 아는 선에서 성심성의껏 답변을 드려보도록 하겠습니다. 먼저 질문의 내용은 다음과 같습니다. Q. 안녕하세요, 저는 티스토리를 시작한지 얼마 되지 않았습니다. 티스토리를 시작하게 된 목적은 단도직입적으로 말씀 드리자면 수익 입니다. 현재 잘 아는 분야가 이것 관련 분야라서 해당 카테고리에 대한 글들을 꾸준히 작성하고 있습니다. 현재 누적 방문자수가 만명이 넘어가고 있는데 신기하게도 네이버에서는 일절 방문이 없습니다. 네이버 검색의 경우는 글 패턴이 비슷하면 노출에서 제외된다는 이야기가 있던데 혹시 이 부분 때문일까요? 왜 그런건지 모르겠습니다. 그리고 애드센스 광고를 보면 제 카테고리..
예전에 올렸던 TOP버튼 마크2의 업그레이드 버전 입니다. 이번에는 마우스를 가져다 올리면 왼쪽에 해당 아이콘에 대한 설명 말풍선이 나타나는 기능입니다. 대단한 기능이 추가된건 아닙니다. 단지 말풍선이 한번 더 옆으로 팝업되는 기능이 추가되었을 뿐 입니다. 거추장스러운 디자인이 싫으신 분들은 그냥 마크2 버전을 사용하시면 되겠으며, 이번 버전이 마음에 드신다면 마크3를 적용하시기 바랍니다. 친효스킨 v1.14 이상에서는 마크3 버전으로 기본 적용되어 있습니다. 아래는 예시 입니다. See the Pen 친효애드온 : TOP버튼 (마크3) by rgy0409 (@rgy0409) on CodePen. 아이콘에 마우스 포인터를 올려보시면 왼쪽으로 설명 말풍선이 나타나는것을 확인하실 수 있습니다. 적용 방법은 ..
안녕하세요, 친절한효자손 입니다. 친효상담소를 통해서 많은 분들이 질문을 남겨주고 계십니다. 댓글로 많이 문의를 남겨주시네요. 감사합니다. 다만 한가지 공지할것이 있어서 이렇게 다시 글을 작성하게 되었습니다. 저는 건강한 블로그와 건강한 콘텐츠를 양성하기 위해서 많은 노하우들을 여러분들에게 공유하고 있습니다. 댓글 남겨주시고 메일로 문의 주시는 분들의 티스토리를 하나하나 다 방문해보고 있습니다. 어떤 콘텐츠를 가지고 계신 분들의 블로그인지 궁금해서요. 그런데 몇 분들은 어그로성 블로그를 운영하고 계시는것을 보고 참으로 마음이 안 좋았습니다. 그런 분들이 꼭 애드센스 관련해서 질문만 하죠. 이유는 단 하나겠죠? 돈 벌려는 목적일 것 입니다. 해서! 이렇게 공지합니다. 1. 이메일로 문의 주실 때, 반드시 ..
이번 친효애드온은 카카오톡 플러스 1:1채팅에 대한 내용 입니다. 카카오톡 플러스를 보통 카톡플러스라고도 부르기도 합니다. 카톡플러스는 비즈니스 용도의 카카오톡 이라고 생각하시면 됩니다. 이 기능은 카카오톡에서 실제로 제공하고 있는 기능으로서 다양한 스타일과 기능들을 추가해서 사용자의 편의성에 많은 신경을 쓰고 있습니다. 그중에서도 카톡플러스 채팅 아이콘을 티스토리 사이드바에 넣음으로서 블로그 주인과 원활한 소통을 하는데 유리하게 만들 수 있습니다. 보통 블로그로 비즈니스를 하시는 분들에게 요긴할 것 같습니다. CSS 세팅하기 우선 CSS부터 설정하도록 합니다. 순서는 관계 없습니다. HTML이 되었든, CSS가 되었든 다 완료가 되어야 정상적으로 출력이 되니까요. 자신의 티스토리 관리자 화면에서 스킨 ..
안녕하세요, 친절한효자손 입니다. 스킨 관련해서 공지를 올립니다. 티스토리가 업데이트 되면서 새로운 글쓰기 에디터가 생긴것을 아마 다들 아실 것 입니다. 이 새로운 글쓰기 에디터에 대한 지원 여부를 문의주시는 분들이 몇 분 계셨습니다. 어차피 언젠가는 적용을 해야만 했고 쇠뿔도 단김에 빼랬다고 얼른 생각날 때 부랴부랴 작업해 버리자고 결심했습니다. 현재 작성한 이 문서도 신규 글쓰기 에디터로 작업한 결과물 입니다. 본문 소제목 스타일 적용 이 부분도 적용이 됩니다. 이미 기존에 친효스킨에 기본적으로 들어있는 부분이기에 따로 스타일을 지정하지 않아도 이렇게 적용이 됩니다. 위의 제목은 제목2로 설정해서 적용시킨 모습 입니다. 제목1로 하면 좀 더 글씨가 커집니다. 또한 중간 B태그의 형광펜 적용도 동일하게..
안녕하세요, 친절한효자손 입니다. 친효스킨 1.14 버전 업데이트를 완료했음을 안내하는 글 입니다. 현재 사이드바의 추천글 목록에 보시면 친효스킨 다운로드 페이지로 바로 가실 수 있는 링크 목록을 살펴보실 수 있습니다. 혹은 여기를 누르셔서 바로 이동도 가능합니다. 가보시면 1.14 버전으로 다운로드 받으실 수 있습니다. 다운로드 받으시고 압축 푸신다음 그대로 스킨에 적용하시면 됩니다. 친효스킨 페이지에 있는 설명서를 먼저 충분히 정독하시기 바랍니다. 각종 적용 방법이 나와있습니다. 댓글로 문의하시기 전에 설명서를 충분히 읽어보시면 댓글 남기실 일이 현저하게 줄어듭니다. 만약 보시고나서도 잘 이해가 되지 않거나 부족한 설명이거나 설명에도 없는 궁금하신 내용이 있으시다면 그때 질문을 남겨주시면 감사하겠습니..
한창 친효스킨을 만들면서 새롭게 알아낸 사실 입니다. 티스토리는 오픈형 블로그이긴 하지만 완벽하게 100% 개방된건 아닙니다. 이를테면 사이드바와 본문에서의 이미지 소스를 불러오는 차이가 있습니다. 아무래도 사이드바에 사용되는 스크립트 때문인 것 같습니다. 어쨌든 결과적으로는 둘 다 정상적으로는 이미지를 불러올 수 있습니다만, 어떤 차이가 있는건지 정확하게 알면 나중에 응용할 때 편리할 것 같습니다. 본문 (스킨 HTML) 에서 이미지 주소먼저 우리가 흔히 스킨 편집을 할 때 들어가는 HTML 편집기에서의 이미지 주소 입니다. 여기에서는 외부 이미지가 아닌, 자신의 티스토리 스킨 내부의 이미지를 불러올 때로 한정합니다. 외부 이미지는 어차피 외부 이미지 풀 주소를 사용해야 하니까요. 보통 자신의 스킨 내..
이번 친효애드온은 본문에 종종 사용하는 b태그 입니다. 이 태그는 bold의 줄임말로 말 그대로 "굵게" 라는 뜻을 가지고 있습니다. 지금 이 문장에도 세개의 b태그가 사용되었음을 육안으로 식별할 수 있습니다. 현재 b태그와 bold, 그리고 굵게 라고 하는 키워드에만 백그라운드 색상이 조금 다릅니다. 이것을 애드온으로 만들었습니다. 사용방법 티스토리 글쓰기 모드에서 위의 스크린샷 이미지에 표시된 저 아이콘을 사용해서 진행할 수 있습니다. 형광펜처럼 표현하고자 하는 키워드를 마우스로 드래그하여 블록을 잡고 그냥 저 아이콘만 한번 눌러주시면 됩니다. 그러면 HTML상에서 어떻게 표현이 될까요? 본문의 가장 첫번째 문장을 예시로 살펴보겠습니다. 이번 친효애드온은 본문에 종종 사용하는 b태그 입니다. 이 태그..
이 애드온은 티스토리 본문의 상단 오른쪽에만 위치하는 1개짜리 애드센스 광고를 삽입하기 위해 만들었습니다. 본문의 우측 상단에만 자리를 잡습니다. 모바일 해상도에서는 200px X 200px 사이즈로 출력이 됩니다. 가로 해상도 768px 이상에서는 300px X 250px 사이즈로 출력이 되며, 가로 1000px 해상도 이상 부터는 336px X 280px 사이즈로 출력 됩니다. 사이즈는 변해도 위치는 늘 본문 우측에만 자리를 잡습니다. 애드센스 코드 세팅코딩을 간소화 했습니다. 불필요한 스크립트를 최대한 빼고 애드센스 순정 코드만 그대로 사용함으로서 편의성을 높였습니다. 먼저 아래의 첨부파일을 다운로드 받습니다. 다운을 받으시고 열어보시면 아래와 같은 코드가 들어 있습니다. 여기에서 빨간색으로 주석 ..
안녕하세요, 친절한효자손 입니다. 오랜만에 공식 인사를 올립니다. 이번에는 친효스킨 관련 소식을 전해드리러 왔습니다. 친효스킨은 현재 티에디션을 공식적으로 지원을 하지 않고 있습니다. 기존의 티에디션은 반응형이 아니기 때문이지요. 근데 티에디션 처럼 카테고리별로 나오게 메인화면을 꾸밀 수 없는지에 대한 문의를 받았습니다. 최근에 티스토리가 "커버" 라고 하는 기능을 업데이트했습니다. 바로 이 기능이 기존의 티에디션의 반응형 버전이라고 생각하시면 됩니다. 지금처럼 최신글로만 나타나게 할 수도 있으며, 카테고리별로 나오게 할 수도 있습니다. 이 커버 기능을 현재 적용하고 있습니다. 아오...근데 학원에서 배웠던게 전부인지라 이걸 지금 뜯어서 분석 중 인데, 어디가 어떻게 적용되는건지 햇갈립니다. 생각보다 꽤..