친효스킨에도 기본적으로 있는 티스토리 카테고리 글 개수 표시 기능! 이것을 없애려면 다음의 CSS 스타일을 추가로 삽입하면 됩니다. 티스토리의 카테고리 구조는 치환자를 대신해서 사용되고 있습니다. 치환자란 티스토리 내에서 제공하는 스크립트를 기반으로, 일종의 아이디와 비슷합니다. 티스토리 카테고리라는 아이디를 A라고 할 때, 티스토리를 구성하는 서버 파일 중에서 A에 대한 구조를 스크립트에 의해 불러오게 됩니다. 이 과정에서 HTML 및 CSS의 기본 뼈대가 구성됩니다. 일반적으로 스킨의 HTML 구조에서는 카테고리의 뼈대를 살펴볼 수 없습니다. 크롬이나 파이어폭스같은 브라우저에서 제공하는 소스 검사 기능을 사용해서 살펴볼 수 있습니다. 티스토리가 업데이트됨에 따라 기본 뼈대의 구성은 바뀔 수 있으며, ..
진짜 도저히 못 봐 주는 그런 아주 부끄럽기 짝이 없는 글들을 수정 중 입니다. 유입경로를 매일 살펴보는데, 생각보다 예전 글들로 방문하시는 분들이 계십니다. 어떤 글로 들어오셨을까 싶어서 들어가보면 정말 낮뜨거운 글들이 많습니다. 내용은 괜찮은데 문장을 대체 왜 그렇게 채팅어를 썼으며 중간 중간 이모티콘을 난무했는지... 과거의 저를 반성하게 됩니다. 블로그를 잘 모르던 시절이어서 그저 남들이 하는 만큼 따라하기 바빴기 때문이겠지요. 글 수정, 안 좋지 않은가요? 워낙 여러가지 정보들이 많이 있습니다. 글 수정은 한 번 이상까지는 괜찮다는 말도 있고, 아예 고쳐서는 안 된다는 이야기도 있습니다. 그 무엇하나 뚜렷한 답이 없는데 지금까지 경험한 내용을 토대로 말씀을 드리고자 합니다. 물론 이것 또한 정답..
아시다시피 티스토리는 10MB 이상의 GIF 이미지를 업로드 못 하게 되어 있습니다. 결국 GIF 이미지를 10메가바이트 아래로 생성해야 하는데, 그러면 이미지를 무조건 줄여야하고 프레임수도 제한을 둘 수 밖에 없습니다. 정녕 이렇게밖에 할 수 없는 걸까요? 아닙니다. 우리에게는 무적의 구글드라이브가 있습니다. 구글 드라이브를 활용하여 티스토리에 대용량 움짤을 올리자! 안드로이드 스마트폰 유저분들이라면 당연히 구글 계정을 최소 하나씩은 가지고 계실 것 입니다. 꼭 안드로이드 유저 아니더라도 구글 계정은 아마 있을꺼에요. 구글 계정이 있으니 15GB를 기본으로 제공하는 구글 드라이브를 활용할 수 있습니다. 무료로 15기가바이트를 제공하는 구글 클라우드를 적극 이용해 봅시다. 먼저 업로드할 움짤 GIF 이미..
가끔씩 받는 질문이긴 한데, 공식적으로 한 번 짚고 넘어가야 할 부분인 것 같아서 이렇게 글을 씁니다. 티스토리는 오픈형 블로그여서 사용자가 임의로 커스텀을 할 수 있습니다. HTML과 CSS를 직접 코딩해서 원하는 스타일대로 꾸밀 수 있으며 원하는 폰트를 적용시켜 사용할 수 있습니다. 폰트를 적용하고나서 "적용이 안 된다" 라는 질문을 가끔 받습니다. 구체적인 내용을 파악해보니, 분명 글꼴을 적용시켰는데 폰트 목록에 해당 글꼴이 나타나있지 않다라는 의미였습니다. 이 부분에 대해서 명쾌하게 답변을 드리도록 하겠습니다. "글꼴을 수동 적용 시켜도 글쓰기 에디터 모드에서는 해당 폰트 목록이 나오지 않습니다." 티스토리 구형 글쓰기 에디터에서의 글꼴 목록 입니다. 친효스킨은 현재 리디바탕체가 본문에만 적용되어..
구형 글쓰기 에디터에서는 대체텍스트 기능을 따로 제공하는데, 신형으로 넘어가면 해당 기능을 따로 제공하지 않습니다. 물론 없어도 됩니다. 와 태그로 이 기능을 충분히 커버할 수 있기 때문입니다. 단, 대체텍스트 즉 alt 속성을 이미지에 따로 넣는 가장 큰 이유는 네이버 웹마스터도구에서 링크관리에서 느낌표로 경고가 뜨는 부분때문에 그렇습니다. 사실 이렇게 대체텍스트를 입력한다해도 100% 해결이 된다는 보장은 없습니다. 네이버 웹마스터도구를 떠나서 원래 이미지에는 무조건 alt 속성이 들어가는게 정석으로 알려져 있습니다. 브라우저의 오류나 서버 이상으로 이미지가 손상되어 깨지는 경우에 해당 공란을 대체텍스트로 채워서 사용자가 알아볼 수 있도록 만든 일종의 사용자 편의성 부분 때문에 이미지에는 alt 속성..
새해가 딱 되자마자 작성했어야 했는데 까먹고 있다가 갑자기 기억나서 글을 작성 하고 있습니다. 2019년까지 티스토리를 함께 운영해왔고 앞으로도 꾸준히 건강이 허락 할 때까지 계속해서 작성해 나갈 생각 입니다. 동반자와 다름 없는 친절한효자손 취미생활 티스토리는 열심히 양질의 글을 생산해내고 좋은 내용들을 여러분들과 함께 공유할 생각 입니다. 2015년 3월 24일부터 본격적인 관리 시작 직업전문학교를 다니면서 제대로 배우고자 하는 마음에 티스토리에 복습겸 포스팅을 시작했습니다. 이게 엄청 순식간에 잘 되어버려서 아마 기억상으로는 한 달도 안 되서 하루 방문자를 1,000명을 달성했을 겁니다. 이때 생각났던건 역시 강좌 형태의 콘텐츠가 최고이며, 최대한 자세하고 쉽게 글을 작성해야 한다는 것 이었습니다...
친효애드온 : 본문 공유 모듈 마크1에 대한 업데이트 내용 입니다. 따라서 아래의 글을 먼저 읽어보시고 본문을 살펴보시면 많은 도움이 될 것 입니다. 친효스킨에 적용하는 방법을 기준으로 설명 드립니다. 스크립트 세팅 티스토리 스킨의 HTML 바로 위에 삽입했습니다. 카카오톡 아이콘 업로드 아래에 카카오톡 아이콘 이미지 파일이 있습니다. 다운 받아서 사용하면 됩니다. 만약 이미지가 마음에 들지 않으시면 구글에서 이미지 검색을 하시면 많이 나옵니다. 그 중 하나를 찾아서 사용하시면 되는데 파일명은 반드시 첨부파일과 똑같이 바꿔 주시기 바랍니다. 다운로드 완료 후 압축을 푸시면 이미지 파일이 생성됩니다. 해당 파일을 스킨편집에 가셔서 파일업로드 항목에 올려주시면 됩니다. 이렇게 업로드 완료 후 적용 버튼을 눌..
이걸 포스팅을 안 했더군요. 문의하시는 분들이 꽤 있으셔서 아예 글을 작성하려고 합니다. 모바일에서만 나오는 애드센스 광고로서, 최상단 혹은 최하단에 높이 100px 짜리 디스플레이 광고가 토글되며 나타나는 광고가 앵커 광고 입니다. 그리고 다른 글을 읽어보고자 터치했을 때, 해당 글로 넘어가기 전 구글 광고가 전체화면에 꽉 차에 나오는 경우가 있는데 해당 광고가 바로 모바일 전면 광고 입니다. 이 두가지는 랜덤으로 발생하며, 최근에는 앵커 광고는 거의 95% 이상 나타나는걸 확인했습니다. 모바일 전면 광고는 아직까지는 랜덤하게 발생하는 듯 합니다. 경험상으로 말씀 드리자면, 제 블로그에서 A라는 글을 다 읽고 B의 글도 읽어보려고 터치했을 때, 최초 1회에 한해 딱 한 번 노출이 되고 그 이후에는 거의..
안녕하세요, 친절한효자손 입니다. 오늘 티스토리 모바일 어플리케이션이 1.0으로 업데이트가 되었습니다. (짝짝짝) 나날이 발전해나가는 티스토리를 응원합니다. 이번 업데이트로 인해 CSS에 일부 변화가 있는 듯 합니다. 친효스킨의 경우에는 현재까지 새로운 글쓰기 에디터로 글 작성 시, 첨부파일에 대한 스타일이 깨지는 현상이 발생하고 있습니다. 현재까지 최신 버전인 1.15에서도 문제가 발생하고 있어서 해당 버그는 첨부파일에 대한 CSS 스타일을 변경해주면 해결 됩니다. 이 내용을 업데이트 완료 했으니 친효스킨을 사용하신다면 쉽게 수정하실 수 있습니다. 아래에 관련글을 링크해 두도록 하겠습니다. 친효스킨 : 새로운 글쓰기 에디터에서 첨부파일 CSS 스타일 수정 방문하셔서 첨부파일에 있는 CSS 스타일 태그를..
이번 친효교육 2기 교육이 무사히 마무리 되었습니다. 비가 많이 내렸던 날씨임에도 불구하고 참여해주신 분들께 다시 한 번 감사의 말씀을 드립니다. 친효교육 2기 후기이번 2기 교육 장소를 변경했습니다. 지난 1기 모임 장소 때 피드백 중 많았던 내용이 장소였습니다. 모임 장소 위치가 다소 찾기 어려운 위치였다는 이야기가 많아서 장소를 변경해봤는데 이번에는 그래도 강남역 근처여서 찾기가 쉬웠다고 생각합니다. 실제로 2기 강의 후기를 살펴봤는데 장소 찾는데 어려움이 있었다는 이야기는 없었습니다. PJ스터디룸이라고 하는 곳인데 저도 이번에 처음 방문을 했을 때 입구가 어딘지 몰라서 좀 해메었습니다. 알고보니 스타벅스 바로 옆 건물이더군요. 상호명은 박정어학원으로 되어 있지만 스터디룸과 병행하고 있습니다. 강의..
댓글로 하나의 제보를 받았습니다. 티스토리의 구형 글쓰기 에디터로 글을 작성하면 네이버에 썸네일이 노출 되는데, 신형 글쓰기 에디터로 글을 작성하면 노출이 안 된다는 내용이었습니다. 응? 정말일까? 궁금해서 바로 확인해봤습니다. 신형 글쓰기 에디터로 작성한 글을 찾고 이걸 네이버에서 검색하면 정말 썸네일이 안 뜨는지 테스트해봤습니다. 그 결과입니다. 현재 저기 빨간색으로 박스 표시된 부분이 구형 글쓰기 에디터로 작성한 글 입니다. 나머지 썸네일이 없는 글들이 모두 신형 글쓰기 에디터로 작성한 글들 입니다. 확인 결과 사실이었습니다. 티스토리에서 제공하는 신형 글쓰기 에디터로 글을 작성하면 네이버에서 썸네일이 누락되는 놀라운 현상이 일어나고 있었습니다. 신형 글쓰기 에디터의 문제인가? 일단 엄밀히 말씀 드..
제 글들을 관심있게 읽어주신 분들이라면 아시겠지만 최초 시작은 티스토리가 아닌 네이버 블로그 였습니다. 블로그에 대해서 아무것도 몰랐던 저는 우선 다른 분들이 어떤식으로 글을 작성하는지 쭉 훑어봤습니다. 그리고 저도 그렇듯 방문자수 늘리기에만 급급해서 마구잡이로 제목에 키워드를 남발하곤 했죠. 지금 생각해보면 정말이지 최악의 블로그 관리였습니다. 제 글들을 보면 크게 3단계로 변화를 해 왔습니다. 초창기에는 네이버 블로그 스러운 방법으로 운영을 했었습니다. 그리고 두번째 단계에서는 나름 전문성을 부여하는 의미로 딱딱한 말투로 돌변했습니다. 최종적으로는 지금 사용하고 있는 이 버전 입니다. 이 글도 최종적인 형태로 관리하고 작성하는 중 입니다. 앞으로 또 어떻게 변화를 줄지는 모르겠지만 한동안은 쭈욱 이 ..
친효스킨 버전 업데이트 소식 입니다. 현재 1.15까지 완성 되었습니다. 이번 업데이트에서는 아래와 같은 내용들이 추가되고 변경되었습니다. Ver 1.15 업데이트 내용- 애드센스 최상단 및 최하단 광고 크기 최대 세로 100px 이하로 출력되도록 수정- 구형 글쓰기 에디터 더보기 및 접기 버튼 스타일 수정- 새로운 글쓰기 에디터 첨부파일 스타일 수정- 이미지에 테두리 적용 후 살짝 선명도가 떨어지는 문제 수정- 비로그인시 댓글 남기기 항목에 보이는 이름, 비밀번호, 홈페이지 입력칸 색상 변경- 비밀글 체크박스 크기 및 폰트 크기 변경- 인피드광고 관련 CSS 일부 삭제 (보이기/안보이기 기능은 이제 필요 없어서 삭제 조치)- 본문 글꼴을 '리디바탕체'로 변경- 인덱스 페이지 전면 수정 (썸네일 크기 1..
안녕하세요, 친절한효자손 입니다. 이번달인 10월 첫째 주 주말에 열렸던 친효교육 1기 후기 글 + 2기 모집 안내에 대한 글 입니다. 첫 수업이어서 많이 부족했다는 생각 뿐 입니다. 그리고 시간이 생각보다 빠듯했습니다. 더 많은걸 알려드리고 싶었는데 역시 교육의 끝은 없는 것 같습니다. 1기 모임 후기 장소는 서울 뚝섬유원지역 근처에 있는 서울생각마루 라고 하는 공간에서 진행되었습니다. 저도 처음 방문한 곳이어서 찾는데 다소 시간이 걸렸습니다. (죄송합니다) 뚝섬유원지역 3번출구로 나오셔서 쭉 오시면 이렇게 입구가 있습니다. 겨우 찾아서 부랴부랴 뛰어갔습니다. 이곳의 3층에 유료로 대여 가능한 공간이 있습니다. 엘레베이터를 타고 올라가는거였군요. 몰라서 여기에서 두번째 헤메었습니다. 주말을 이용해서 토..
2019 한글날을 맞이하여 리디북스에서 리디바탕체를 배포했습니다. 무려 1년 6개월간 개발한 폰트라고 하는군요. 그래서 그런지 가독성은 물론이며 글 읽는게 조금 편하다는 느낌을 많이 받았습니다. 이 글꼴을 만나본순간, '아 이거 내 스킨에 적용시켜야겠다!' 하고 다짐했을 정도입니다. 2019 한글날 무료 폰트에 대한 정보는 아래에 링크를 올려두었으니 한번 읽어보시기 바랍니다. 리디바탕체는 링크 페이지의 아래쪽에 있습니다. 먼저 리디바탕체를 다운로드 받아 주시기 바랍니다. 그리고 티스토리 관리자 화면으로 이동하시고 스킨 편집 화면으로 들어가 주시면 됩니다. 2019 한글날 무료폰트 정보 모음 폰트 파일 업로드 스킨편집 화면으로 들어오시면 이렇게 파일업로드 탭이 있습니다. 해당 메뉴로 클릭하여 들어가서 추가..
시간적으로는 충분히 가능한데, 매번 자신과의 약속에서 비기거나 지는 날이 늘어나고 있습니다. 저 역시 늘 어떤 글을 작성할지 고심할때가 많으며, 어떤 식으로 문장을 만들어 나가고, 또 어떤 내용을 중점으로 작성해야 방문자들이 납득을 할 것인지에 대한 많은 생각을 합니다. 문장을 작성하고 다시 보면 어색할때가 한두번이 아닙니다. 그러면 다시 지우고 쓰고를 반복하게 됩니다. 글 하나를 작성하는데 있어서 제대로 쓰면 3시간도 훌쩍 넘어갈때가 많습니다. 하루에 두 개의 포스팅, 말이 쉽지 정말 어려운 일 입니다. 두 개의 포스팅을 매일 작성한다면 마르지 않는 샘물이 완성될 수 있습니다. 하나는 오늘 작성, 그리고 다른 하나는 내일의 예약글이 됩니다. 다시 내일이 되면 오늘건 이미 올라갔으니 내일과 내일 모레의 ..
오랜만에 메일로 문의가 왔습니다. 과거에 블로그를 이미 접하셨던 경험이 있으신 모양입니다. 다시 시작하는 마음으로 티스토리를 운영하기로 마음먹고 책도 구매하셨군요. (감사합니다) 하지만 시간은 훌쩍 흘렀고 요즘은 어떤 식으로 관리를 하면 좋을지 감이 없으셔서 문의를 주셨습니다. 질문 내용은 다음과 같습니다. 안녕하세요 친효님, 블로그와 책을 보면서 티스토리를 다시 시작하려고 합니다. 블로그에 대해서 아무것도 모르고 막연하게 시작했던것이 2년 전 입니다. 최근에 다시 한 달 정도 글을 꾸준히 작성도 하고 전에 썼던 글 수정도 하고 있는데 블로그 최적화가 아직 안 되서 그런걸까요? 티스토리 최적화가 될 때까지 시간을 두고 꾸준히 글을 써야 하는지 아니면 과거 아무것도 모르고 글을 썼던 시기 저품질에 걸렸던건..
새로운 글쓰기 에디터 전용으로 제작해본 첨부파일 디자인 입니다. 친효스킨에서 가장 완벽하게 적용됩니다. 타 스킨에서는 약간의 변형이 일어날 수 있습니다. 이점 유의해 주시기 바랍니다. TIP 2019년 12월 9일 티스토리 모바일앱이 업데이트 되면서 CSS 첨부파일 스타일도 일부 변경이 되었습니다. 친효스킨 1.15 버전에서 오류가 있으니 여기에 있는 첨부파일로 업데이트를 진행해 주시기 바랍니다. CSS에서 새로운 글쓰기 에디터용 첨부파일 부분을 몽땅 변경해 주시면 해결 됩니다. HTML 세팅 기존 첨부파일의 태그명, 클래스명을 그대로 사용하기 때문에 HTML에서 따로 편집할 부분은 없습니다. CSS 세팅 먼저 아래의 첨부파일을 한번 살펴봐 주시기 바랍니다. 이런 스타일로 출력됩니다. 그리고 다운로드 받..
최근 댓글로 질문주신 내용입니다. 일반형 스킨과 반응형 스킨의 차이점에 대해서 궁금하다는 내용입니다. 바로 알아보도록 합시다. 일반 VS 반응형 스킨의 차이점을 알아보겠습니다. 일반형 스킨티스토리에서 거의 사라져가는 스킨 입니다. 일반형 스킨은 사이즈가 변하지 않고 고정된 형태를 말합니다. 지금은 다양한 스마트 디바이스가 공존하는 세상입니다. 스마트폰도 종류가 여러가지고 그에 따른 화면 크기도 각양각색 입니다. 화면 크기에 따라 출력되는 해상도도 다릅니다. 이 해상도가 천차만별이다보니 크기가 고정된 일반 스킨은 어떤 장치에서는 제대로 나오기도 하지만, 어떤 장치에서는 일부가 잘리거나 아예 노출되지 않는 경우도 발생합니다. 티스토리에서 일반형 스킨은 보통 모바일 전용 페이지와 PC (데스크탑) 전용 페이지..
이번에 친효애드온을 업데이트 하면서 티스토리에서 새롭게 제공하는 글쓰기 에디터도 사용해봤습니다. 1.14 버전 이상의 친효스킨에서는 새로운 글쓰기 에디터를 지원하기 때문에 마음 놓고 사용하셔도 됩니다. 새로운 글쓰기 에디터를 써보고나서 느낀 장단점이 몇 가지 있습니다. 한번 이야기해 보도록 하겠습니다. 새로운 글쓰기 에디터 장점1. 어도비 플래시 플레이어를 지원하지 않음 가장 마음에 드는 부분입니다. 아시다시피 점점 플래시 플레이어 기술이 사라지고 있습니다. 리소스도 많이 잡아먹고 별도의 프로그램을 추가 설치해야하는 번거로움 때문이었습니다. 이 새로운 글쓰기 에디터를 개발하느라 기존 글쓰기 에디터에서 계속해서 플래시 경고창이 떴나 싶습니다. 어차피 신형 에디터가 이 부분을 해결해 주니까요. 2. 깔끔함 ..
안녕하세요, 친절한효자손 입니다. 친효상담소를 통해서 많은 분들이 질문을 남겨주고 계십니다. 댓글로 많이 문의를 남겨주시네요. 감사합니다. 다만 한가지 공지할것이 있어서 이렇게 다시 글을 작성하게 되었습니다. 저는 건강한 블로그와 건강한 콘텐츠를 양성하기 위해서 많은 노하우들을 여러분들에게 공유하고 있습니다. 댓글 남겨주시고 메일로 문의 주시는 분들의 티스토리를 하나하나 다 방문해보고 있습니다. 어떤 콘텐츠를 가지고 계신 분들의 블로그인지 궁금해서요. 그런데 몇 분들은 어그로성 블로그를 운영하고 계시는것을 보고 참으로 마음이 안 좋았습니다. 그런 분들이 꼭 애드센스 관련해서 질문만 하죠. 이유는 단 하나겠죠? 돈 벌려는 목적일 것 입니다. 해서! 이렇게 공지합니다. 1. 이메일로 문의 주실 때, 반드시 ..
이번 친효애드온은 카카오톡 플러스 1:1채팅에 대한 내용 입니다. 카카오톡 플러스를 보통 카톡플러스라고도 부르기도 합니다. 카톡플러스는 비즈니스 용도의 카카오톡 이라고 생각하시면 됩니다. 이 기능은 카카오톡에서 실제로 제공하고 있는 기능으로서 다양한 스타일과 기능들을 추가해서 사용자의 편의성에 많은 신경을 쓰고 있습니다. 그중에서도 카톡플러스 채팅 아이콘을 티스토리 사이드바에 넣음으로서 블로그 주인과 원활한 소통을 하는데 유리하게 만들 수 있습니다. 보통 블로그로 비즈니스를 하시는 분들에게 요긴할 것 같습니다. CSS 세팅하기 우선 CSS부터 설정하도록 합니다. 순서는 관계 없습니다. HTML이 되었든, CSS가 되었든 다 완료가 되어야 정상적으로 출력이 되니까요. 자신의 티스토리 관리자 화면에서 스킨 ..
안녕하세요, 친절한효자손 입니다. 친효스킨 1.14 버전 업데이트를 완료했음을 안내하는 글 입니다. 현재 사이드바의 추천글 목록에 보시면 친효스킨 다운로드 페이지로 바로 가실 수 있는 링크 목록을 살펴보실 수 있습니다. 혹은 여기를 누르셔서 바로 이동도 가능합니다. 가보시면 1.14 버전으로 다운로드 받으실 수 있습니다. 다운로드 받으시고 압축 푸신다음 그대로 스킨에 적용하시면 됩니다. 친효스킨 페이지에 있는 설명서를 먼저 충분히 정독하시기 바랍니다. 각종 적용 방법이 나와있습니다. 댓글로 문의하시기 전에 설명서를 충분히 읽어보시면 댓글 남기실 일이 현저하게 줄어듭니다. 만약 보시고나서도 잘 이해가 되지 않거나 부족한 설명이거나 설명에도 없는 궁금하신 내용이 있으시다면 그때 질문을 남겨주시면 감사하겠습니..
한창 친효스킨을 만들면서 새롭게 알아낸 사실 입니다. 티스토리는 오픈형 블로그이긴 하지만 완벽하게 100% 개방된건 아닙니다. 이를테면 사이드바와 본문에서의 이미지 소스를 불러오는 차이가 있습니다. 아무래도 사이드바에 사용되는 스크립트 때문인 것 같습니다. 어쨌든 결과적으로는 둘 다 정상적으로는 이미지를 불러올 수 있습니다만, 어떤 차이가 있는건지 정확하게 알면 나중에 응용할 때 편리할 것 같습니다. 본문 (스킨 HTML) 에서 이미지 주소먼저 우리가 흔히 스킨 편집을 할 때 들어가는 HTML 편집기에서의 이미지 주소 입니다. 여기에서는 외부 이미지가 아닌, 자신의 티스토리 스킨 내부의 이미지를 불러올 때로 한정합니다. 외부 이미지는 어차피 외부 이미지 풀 주소를 사용해야 하니까요. 보통 자신의 스킨 내..
이번 친효애드온은 본문에 종종 사용하는 b태그 입니다. 이 태그는 bold의 줄임말로 말 그대로 "굵게" 라는 뜻을 가지고 있습니다. 지금 이 문장에도 세개의 b태그가 사용되었음을 육안으로 식별할 수 있습니다. 현재 b태그와 bold, 그리고 굵게 라고 하는 키워드에만 백그라운드 색상이 조금 다릅니다. 이것을 애드온으로 만들었습니다. 사용방법 티스토리 글쓰기 모드에서 위의 스크린샷 이미지에 표시된 저 아이콘을 사용해서 진행할 수 있습니다. 형광펜처럼 표현하고자 하는 키워드를 마우스로 드래그하여 블록을 잡고 그냥 저 아이콘만 한번 눌러주시면 됩니다. 그러면 HTML상에서 어떻게 표현이 될까요? 본문의 가장 첫번째 문장을 예시로 살펴보겠습니다. 이번 친효애드온은 본문에 종종 사용하는 b태그 입니다. 이 태그..
애드센스로부터 메일이 도착했습니다. 이 글은 지금 받자마자 내용을 확인해보고 요약해서 여러분들에게 알리는 글이 될 것입니다. 바라고 바라던 정책이었는데 드디어 적용되네요. 적용 날짜는 2019년 9월부터 시작됩니다. 그럼 어떤 내용들이 변경된 것인지 알아봅시다. 변경되는 내용 크게 세가지 부분입니다. 아래는 이메일로 도착한 본문을 그대로 복사해서 다시 붙여놓은 내용 입니다. 아직 못 읽으셨다면 혹은 이제 막 애드센스를 시작하시려는 분들이라면 필히 읽어보시기 바랍니다. •Google의 게시자 제품을 통해 수익을 창출할 수 없는 콘텐츠의 유형을 설명하는 Google 게시자 정책. 불법 콘텐츠, 아동 성적 학대 및 소아성애물, 음란한 콘텐츠, 가족 콘텐츠에 포함된 성인 대상 주제의 내용, 지적 재산권 남용, ..
이 애드온은 티스토리 본문의 상단 오른쪽에만 위치하는 1개짜리 애드센스 광고를 삽입하기 위해 만들었습니다. 본문의 우측 상단에만 자리를 잡습니다. 모바일 해상도에서는 200px X 200px 사이즈로 출력이 됩니다. 가로 해상도 768px 이상에서는 300px X 250px 사이즈로 출력이 되며, 가로 1000px 해상도 이상 부터는 336px X 280px 사이즈로 출력 됩니다. 사이즈는 변해도 위치는 늘 본문 우측에만 자리를 잡습니다. 애드센스 코드 세팅코딩을 간소화 했습니다. 불필요한 스크립트를 최대한 빼고 애드센스 순정 코드만 그대로 사용함으로서 편의성을 높였습니다. 먼저 아래의 첨부파일을 다운로드 받습니다. 다운을 받으시고 열어보시면 아래와 같은 코드가 들어 있습니다. 여기에서 빨간색으로 주석 ..
티스토리가 시간이 갈 수록 업그레이드가 되어가고 있습니다. 이제는 티스토리는 서비스 종료가 된다는 걸 반증하는 아주 대표적인 사례가 되었습니다. 티스토리 전용 어플리케이션도 최근에 업데이트를 진행한 것 같은데, 그 증거가 바로 "애드센스" 입니다. 과거에는 티스토리 어플리케이션에 애드센스가 아예 나오지 않았었습니다. 그러다가 작년쯤에는 애드센스가 노출이 되었었는데, 다름아닌 플러그인을 통해서 노출이 되기 시작했습니다. 하지만 반응형으로 넣으면 나오지 않고, 티스토리 전용 앱은 어차피 모바일 전용이므로 모바일 해상도일 때, 고정형 크기의 일반 애드센스 광고를 사용하면 어플리케이션에서도 광고가 나타났었어요. 그럼 플러그인에 있던 기존 애드센스는 티스토리 앱에서 노출이 되었을까요? 티스토리 어플리케이션에서는 ..
안녕하세요, 친절한효자손 입니다. 오랜만에 공식 인사를 올립니다. 이번에는 친효스킨 관련 소식을 전해드리러 왔습니다. 친효스킨은 현재 티에디션을 공식적으로 지원을 하지 않고 있습니다. 기존의 티에디션은 반응형이 아니기 때문이지요. 근데 티에디션 처럼 카테고리별로 나오게 메인화면을 꾸밀 수 없는지에 대한 문의를 받았습니다. 최근에 티스토리가 "커버" 라고 하는 기능을 업데이트했습니다. 바로 이 기능이 기존의 티에디션의 반응형 버전이라고 생각하시면 됩니다. 지금처럼 최신글로만 나타나게 할 수도 있으며, 카테고리별로 나오게 할 수도 있습니다. 이 커버 기능을 현재 적용하고 있습니다. 아오...근데 학원에서 배웠던게 전부인지라 이걸 지금 뜯어서 분석 중 인데, 어디가 어떻게 적용되는건지 햇갈립니다. 생각보다 꽤..
안녕하세요! 친절한효자손 입니다. 이렇게 불쑥 공지를 또 드리게 되었습니다. 이번에는 온라인 교육이 아닌, 직접 여러분들과 만남을 통한 교육을 진행해보려고 합니다. 그동안 교육을 1:1 맞춤 형태의 온라인 과외 형태로 진행을 했었는데 좀 더 영역을 넓혀서 오프라인으로도 진행해보려고 결심했습니다. 사실 책을 펴낸 이후로 생각했던 프로젝트 중 하나인데 미루다가 결국 늦게나마 실행을 하려고 합니다. 그러면 많은 관심 부탁드립니다. 이 교육은 1대 다수로 진행되는 방식 입니다. 즉 최소 인원이 어느정도 충족되어야 교육이 가능합니다. 1대 1의 교육은 아래의 글에서 자세히 다루고 있습니다. 수업 진행 방식이 완전히 다르므로 개인적으로 완전 맞춤식 교육을 원하신다면 당연히 1:1 커리큘럼이 좋을겁니다. 아래의 글을..