해당 내용은 친효스킨 2.3 버전에서 변경할 수 있는 옵션을 스킨편집 페이지에 적용시켰습니다. 그 전에 수동으로 변경하고 싶으신 분들은 본 내용을 따라하시면 됩니다. 친효스킨의 최신 버전은 댓글이 작성순으로 정렬되어 있습니다. 이 부분을 다시 원래대로 만들고 싶으신 분들을 위한 강좌입니다. 원래대로라 함은 최신 댓글이 위가 아닌, 기존 방식처럼 아래로 쌓이는 형태를 의미합니다. 방법은 매우 간단합니다. 친효스킨 CSS에서 다음의 위치를 찾습니다. 「댓글 리스트」 라고 검색하시면 쉽게 찾을 수 있습니다. /* 댓글 리스트 */ #contents .commentList .rgy-reply { display: flex; flex-direction: column-reverse; -webkit-flex-direc..
오랜만에 이메일로 문의가 들어왔습니다. 해당 내용을 여러분들에게도 공유합니다. 다만 어디까지나 정답은 아니며 지금까지 다년간 티스토리를 운영해온 경험을 토대로 말씀을 드리는 것입니다. 절대적인 것이 아니므로 너무 맹신하지 마세요. 메일을 주신분은 ro******@daum.net 입니다. 문의 주신 메일 내용은 다음과 같습니다. 문의 내용 안녕하세요. 티스토리 블로그를 운영하려고 이것저것 알아보는데 모르는게 너무 많아서 답답하더라구요. 그러다 우연히 친절한 효자손님 메일주소를 알게되어 혹시나 답을 알수 있을까 하는 마음에 염치불고하고 질문드립니다. 질문이 많아서 죄송한데요, 혹시나 시간나실때 짧게라도 답변주시면 정말 감사하겠습니다. 1. 티스토리 블로그에 내가 판매하는 전자책의 링크(크몽이나 탈잉등의 전자..
이 방법은 기존 DIV 커스텀 박스 만들기와 같습니다. 단지 클래스명만 다를 뿐 입니다. 그래도 처음부터 설명드리는게 훨씬 이해하시기 수월할테니 꼼꼼히 차근차근 안내해 드리겠습니다. 아래의 글은 그냥 참고만 하시기 바랍니다. 친효애드온 : 커스텀 DIV 박스 모듈 (마크1) CSS 세팅하기 기본적으로 친효스킨 최신 버전을 사용하시면 CSS는 세팅이 되어 있습니다. 따라서 본문의 내용은 친효스킨을 사용하지 않는 분들을 기준으로 설명되어 있음을 밝힙니다. 먼저 아래의 첨부파일을 다운로드 해주시기 바랍니다. 첨부파일의 텍스트 문서를 열어보시면 다음의 CSS 코드들이 들어있습니다. .rgyBG2, .rgyBG3, .rgyBG4, .rgyBG5 { margin: 10px 0; padding: 10px 15px; ..
안녕하세요. 친절한효자손입니다. 2.2 버전을 업데이트한지도 얼마 되지 않았는데 또 버전을 업그레이드 하느냐고 불만을 토하시는 분들은 설마 안계시리라 생각하며 조심스럽게 이야기를 시작해보겠습니다. 친효스킨의 새로운 버전을 준비 중입니다. 뭐 놀랍지도 않은 소식이죠? 2.2 버전도 완벽하게 마무리했다고 생각했는데 사용자분들의 다양한 피드백을 받았습니다. 제 기준에서의 피드백은 사실 단순합니다. 단 한 사람이라도 뭔가 이런 부분에 대해 적용이 되었으면 좋겠다는 이야기를 듣게 되면 해당 내용이 친효스킨의 사용에 있어서 도움이 되는 부분인지를 집중 탐구합니다. 그리고 유익하다 싶으면 냅따 적용시킵니다. 이런 부분들을 최대한 반영했습니다. 그러면 어떤 부분들이 변경되는지 한번 살펴보겠습니다. 커버에 기본 썸네일 ..
내돈내산, "내 돈주고 내가 직접 산" 이라는 뜻입니다. 즉 협찬이나 체험단이 아닌 본인의 자비를 털어서 직접 구매했으니 안심하고 이 글을 읽길 바란다는 뜻이 담겨 있습니다. 개인적으로 별로 좋아하지 않는 키워드입니다. 솔직히 이건 말이 안 되는거에요. 이 기하학적인 키워드는 왜 탄생했을까요? 너도나도 체험단 저 역시 네이버 블로그 시절에 체험단에 빠져살았었습니다. 재밌었거든요. 아마 네이버 블로그가 저품질에 걸리지 않았더라면 지금도 계속해서 체험단을 하고 있었을지도 모릅니다. 어떻게보면 저품질이 터닝포인트가 되었다고해도 과언이 아닙니다. 지금도 여러 업체의 마케터 모집글을 접할 수 있습니다. 이런 체험단이 판치다보니 블로그 생태계는 본인이 직접 자비를 지출해서 콘텐츠를 양성하는 사람들의 숫자보다 체험단..
안녕하세요! 친절한효자손 입니다. 2020년 12월 1일에 친효스킨 2.2 버전을 업데이트 완료했습니다. 이번 버전에서는 몇 가지 오류 수정 및 새로운 커버 스킨 1종이 추가 되었습니다. 갤러리2 커버인데요, 기존 갤러리 커버의 다른 형태라고 생각하시면 될 것 같습니다. 이것도 전부터 만들어보고 싶었던 스타일이었습니다. 바로 적용해 보았고 원래 계획대로 잘 나와줘서 무척이나 만족스러운 커버입니다. 이번 친효스킨 2.2 버전에서 업데이트된 내용은 다음과 같습니다. 갤러리2 커버 추가 이것이 갤러리2 커버 스타일입니다. 대표 이미지가 목록 박스 백그라운드 전체에 깔려있는건 기존 갤러리 커버와 동일합니다. 하지만 마우스를 올렸을 때 동작이 다릅니다. 보시는 것 처럼 목록 전체에 제목과 카테고리, 글 작성일이 ..
정말 많이 받는 질문 중 하나입니다. 질문 내용을 살펴보면 모바일, 그러니까 스마트폰을 말하는 거겠죠? 스마트폰에서 보는거랑 PC에서 보는거랑 다르다는 이야기가 참 많아요. 친효애드온은 모바일과 PC에서 다 잘 나오게 설계가 되어있습니다. 친효스킨도 당연히 그렇게 설계가 되었구요. 이런걸 반응형 스킨이라고 합니다. PC 해상도와 스마트폰의 해상도에서 사이즈만 달라질 뿐 기본 테마는 그대로 보여지는게 반응형 스킨입니다. 꼭 기억하세요! 티스토리를 스마트폰에서 보는 방법은 두 가지가 있습니다. 그 두가지는 다음과 같습니다. 1. 티스토리 전용 어플리케이션 2. 인터넷 브라우저 어플리케이션 (크롬, 파이어폭스, 기본 인터넷 앱 등) 흔히 모바일에서 안 나온다는 둥, 이상하게 나온다는 둥 이런 질문들을 하시는 ..
티스토리의 새로운 글쓰기 에디터에서 링크글을 삽입 후 엔터를 입력하면 바로 아래에 해당 링크의 미리보기 이미지가 크게 적용됩니다. 근데 너무 공간을 많이 차지하는 것 같습니다. 제 기준에서는 너무 커요. 그렇기에 크기를 절반으로 줄였습니다. 가로 크기는 본문의 가로폭을 모두 100% 사용하는건 동일합니다. 세로 크기가 절반으로 줄어듭니다. 썸네일 이미지도 동시에 4분의 1 크기로 축소되었습니다. 위의 이미지가 바로 기존 티스토리의 링크글 미리보기 스타일입니다. 저만 크다고 생각한건가요? 아무튼 이 커다란 사이즈를 절반으로 줄여버렸습니다. 위의 이미지가 바로 수정된 링크글의 모습입니다. 세로 크기를 절반으로 줄였기 때문에 자연스럽게 썸네일 이미지는 4분의 1로 줄어들었습니다. 비율은 유지해야 하니까요. 그..
이 세상의 모든 리뷰를 다 해보겠다고 생각하시는 분들이 많습니다. 특히 초보자일수록 이런 실수를 많이들 하시죠. 모든 리뷰를 한다고해서 과연 방문자수가 늘고 그 결과로 애드센스 수익이 증가할까요? 결론은 "아니오" 입니다. 프로페셔널(Professional)해 보여야 신뢰도가 상승! 이 이론은 매우 간단합니다. 우리의 일상 생활에서도 적용됩니다. 여러분들이 사용중인 컴퓨터가 고장나면 어떻게 해야 할까요? 당연히 고쳐야지요. 만약 내가 컴퓨터에 대해 잘 모른다면 누군가에게 도움을 요청해야 할겁니다. 때마침 나는 티스토리라는 플랫폼을 운영하고 있었고 이를 통해서 여러 사람을 눈도장 찍었다고 가정합시다. A 티스토리를 운영하시는 분은 이것 저것 세상의 모든 리뷰를 다 하시는 분입니다. B 티스토리를 운영하시는..
안녕하세요. 친절한효자손 입니다. 원래는 친효스킨 다운로드 페이지에 업데이트 항목이 있었고 해당 내용은 더보기/접기 기능으로 삽입되어 있었습니다. 그런데 업데이트 할 때마다 내용이 점점 길어집니다. 너무 길어지는 것 같아서 페이지를 따로 분리하는게 낫겠다고 판단했습니다. 앞으로 업데이트는 계속 진행될 것이고, 그러면 내용이 점차 무한대로 늘어날텐데 한 페이지에서는 도저히 감당이 안 될 것 같거든요. 양해 부탁드립니다. 업데이트 내용은 앞으로 지금의 이 페이지에서 확인하실 수 있습니다. Ver 1.1 2019.2.18 - 방명록 프로필 이미지 보이도록 설정 2019.2.20 - 사이드바 애드센스 사이즈 최적화 - 본문 댓글쓰기 버튼 마우스 오버시 약간 어두워지게 변경 2019.2.24 - 콘테이너 중앙정렬..
안녕하세요, 친절한효자손입니다. 본 내용은 친효스킨 버전 2.1 이상을 사용하시는 유저분들께서 활용 할 수 있는 색상표 입니다. 친효스킨 2.1 버전부터 새롭게 추가된 댓글 색상 기능을 좀 더 다양하고 이쁘면서 개성 넘치게 만들 수 있습니다. 기본적으로 채팅 스타일의 대화 형식의 댓글 화면을 구성하고 있습니다. 어느날 갑자기 "카톡 디자인으로 꾸미고 싶다" 라는 생각이 머릿속에 강하게 스쳐지났고 백문이 불여일견이므로 바로 적용을 위해서 코딩을 진행했습니다. 그 결과 만족스러운 결과에 도달 할 수 있었습니다. 변경된 댓글 화면 미리보기 기존 댓글 스타일에서 변경된 점은 다음과 같습니다. 1. 댓글 남길때마다 점선으로 구분선이 발생하여 가독성을 높임 2. 스킨편집 페이지에서 각 영역마다 컬러 수정이 가능함 ..
안녕하세요, 친절한효자손 입니다. 방금 친효스킨 2.1 버전을 업로드 완료했습니다. 현재 다운로드 페이지에서 받으셔서 적용하실 수 있습니다. 설명도 자세히 해놓았으니 반드시 정독해 주시기 바랍니다. 이 세상 모든 제품은 설명서가 있습니다. 온라인 세상도 마찬가지입니다. 친효스킨도 아주! 매우! 무척! 엄청! 자세히 적힌 사용 설명서가 있습니다. 개인적으로 설명서를 무조건 한번 보는 습관이 있어서 그런건지는 몰라도 설명서의 소중함과 위대함을 잘 알고 있습니다. 이미 알고 있는 제품이라 할지라도 혹시 내가 모르는 어떤 기능이 추가적으로 있을까 싶어서 확인하곤 합니다. 친효스킨 설명서가 생각보다 내용이 많습니다. 그만큼 여러분들께서 알아야 하는 내용이 많다는 뜻이겠죠. 그러므로 반드시 알고 넘어가셔야 합니다...
늘 좋은 콘텐츠가 답이다~ 이게 맞다~ 이렇게 해야 한다라고 외치고 있지않습니까? 근데 구체적으로 뭐가 좋은 콘텐츠인지 간단 명료하게 설명을 따로 드린 적은 없는 것 같아서 (이미 했을수도...) 다시 한 번 적어보려고 합니다. 대체 좋은 콘텐츠는 무엇일까요? 1. 무조건 개인 경험이 들어가야함 (가장 중요) 퍼온 이미지는 무조건 안 됩니다. 개인이 스마트폰이든 디카로든 찍어서 만든 이미지여야 합니다. 이게 가장 중요합니다. 여러분들이 작성하는, 생산하고 있는 티스토리 콘텐츠는 현재 짜집기로 완성이 되는 것들인지, 개인 경험을 토대로 완성이 되는 콘텐츠인지 이걸 살펴보시기 바랍니다. 다른 곳에서 퍼오는 콘텐츠는 노답입니다. 그건 남 좋은 일 시키는거에요. 그리고 장기적으로 가져가도 득될게 1도 없습니다...
혹시 폰트어썸도 애니메이션이 적용이 될까 싶어서 호기심에 만들어본 친효애드온 입니다. 결론적으로 말씀드리자면 되는군요! 폰트 어썸도 애니메이션을 구간별로 적용 시켜서 마치 변화하는 듯한 애니메이션 효과를 연출 할 수 있습니다. 여기에서 애니메이션이란 폰트어썸에서 제공하는 애니메이션이 아닌, 키프레임을 사용하는 경우를 말합니다. 말이 길었죠? 바로 세팅 후 사용해 봅시다. 미리보기 아래는 미리보기 예시 입니다. 마우스도 올려보시기 바랍니다. 짧은 링크글 텍스트가 제법 중간 사이즈 정도 되는 링크글 이것은 짧은 글의 몇 배 이상이 되는, 그러니까 텍스트가 꽤 긴 사이즈를 자랑하는, 본문 가로 사이즈를 넘어서는 그런 링크글 기본 애니메이션은 링크 글 앞에 배터리가 차오르는 동작이 들어있습니다. 마우스를 올려 ..
본문 중간에 삽입하는 링크용 친효애드온 스타일 마크7 입니다. 그냥 오늘 갑자기 이렇게 한번 만들어보고 싶다는 생각이 강하게 느껴져서 바로 작업했습니다. 사선으로 넣어보면 어떨까 싶었고 그 결과는 이렇게 완성되었습니다. 미리보기 짧은 링크글 텍스트가 제법 중간 사이즈 정도 되는 링크글 이것은 짧은 글의 몇 배 이상이 되는, 그러니까 텍스트가 꽤 긴 사이즈를 자랑하는, 본문 가로 사이즈를 넘어서는 그런 링크글 이렇게 됩니다. 별 다른 특징은 없고 애니메이션은 그냥 마우스를 올렸을 때 텍스트 색상이 바뀌는게 전부입니다. 요즘에는 그냥 밋밋한 스타일이 좋더라구요. 튜닝의 최종 종착지는 순정이라는 말이 정말 진리인 것 같습니다. 아무리 이것 저것 꾸며도 역시 심플한게 최고인 것 같아요. 심플 이즈 베스트 입니다..
안녕하세요, 친절한효자손 입니다. 오프라인 모임은 주로 서울에서 합니다. 대전 모임도 있긴 한데... 하 증말 제가 사는 도시 욕보이게 하고 싶지는 않은데요, 정말 참여율이 저조합니다. 그리고 돈만 보고 시작하시는 분들이 너무 많구요. 그래서 첫 모임 나오고 이후에 안 나오는 분들도 많습니다. 왜그런건지 모르겠어요. 그건 방법이 아니라고 교육하고 알려드려도 머릿속엔 온통 돈생각 뿐인가봐요. 물론 저 역시 수익을 부정하지 않습니다. 하지만 수익을 최종 목표로 하지 않아요. 늘 말씀드렸듯 애드센스는 콘텐츠에 의한 결과물입니다. 따라서 목표는 콘텐츠가 되어야합니다. 좋은 콘텐츠, 도움되는 콘텐츠를 만드는게 늘 궁극적인 목표입니다. 이런 부분들을 여러분들에게 교육해 드리고 있고 방법적인 부분도 살포시 안내해 드..
안녕하세요, 친절한효자손 입니다. 금일부로 코로나 사회적 거리두기 레벨이 2단계에서 1단계로 하향 패치가 되었다는 기쁜 소식을 전해들었습니다. 그래도 안심 할 수 없을겁니다. 완벽하게 끝난 상황이 아니니까요. 우리 모두 마스크 꼭 필수로 착용하고 손발 깨끗히 씻는걸 늘 잊지 말아야겠습니다. 친효교육 온라인 모임은 늘 진행해 왔으며 앞으로도 쭉 이어질 것 입니다. 오프라인 모임은 코로나 때문에 잠시 멈춘 상태였지만 1단계로 내려가면서 소규모 모임이 가능해졌습니다. 따라서 금일부터 다시 활동을 개시합니다. 자세한 내용은 아래의 글을 읽어주시기 바랍니다. 친절한효자손 티스토리 오프라인 교육 안내 티스토리 오프라인 친효교육 글쓰기 교실 진행 안내 모임에 참여시에는 꼭 본인의 컨디션을 필수로 체크해 주시기 바랍니..
원래 자주 들어가지도 않는데, 오랜만에 심심해서 다른 분들은 무슨 콘텐츠를 생산하고 있는지 벤치마킹도 해볼겸 한번 들어가봤습니다. 하지만 역시... 이곳도 슬슬 오염이 되어가고 있더군요. 포럼의 제 기능은 해당 카테고리에 대해서 질문이나 토론 등을 왕성하게 진행해야 하는 공간 아니겠습니까? 근데 서로 맞구독이니 맞댓글이니 이런 내용들이 점차 늘어나기 시작하고 있습니다. 심지어 서로 광고 클릭해주면서 수익을 도모하자는 이야기까지 오고갑니다. 대체 티스토리 포럼은 언제부터 이렇게 오염되기 시작했을까요? 원인은 수익! 쵸코파이랑 같은 상황입니다. 그렇습니다. 말하지 않아도 알아요. 이건 100% 티스토리를 수익으로서 운영하는 사람들의 소행입니다. 일등공신은 유튜브죠. 유튜브에서 티스토리를 알게 된 분들이 모두..
본 티스토리를 최초에 관리를 시작 할 때 마음가짐이었고 평소 블로그라는 플랫폼을 동경할때의 목표이기도 했습니다. 선한 영향력을 받았기 때문인지는 모르겠지만 저에게 있어서 티스토리는 정말 좋은 정보와 지식 저장소였습니다. 지금도 그런 마음으로 운영하고 있습니다. 친효컬럼 또한 제목에서 언급했듯 나만의 전자책을 만드는 마음으로 작성 중 입니다. 만약 티스토리에 대한 설명글이 아닌, 뭔가 개인의 의견이나 마인드가 들어있는 책을 발간한다면? 아직 세상에 이런 책은 없으니까 한 번 내가 만들어 볼까? 싶기도 했습니다. 이 마음이 시발점이 되어 지금까지 쭉 이어져오고 있고 예상외로 많은 분들이 읽어주시고 소비하시며 심적으로 도움을 얻고 있는 듯 해서 저 역시 무척이나 뿌듯합니다. 저 뿐만 아니라 여러분들도 할 수 ..
안녕하세요, 친절한효자손 입니다. 벌써 10월의 끝자락에 도착해가고 있습니다. 날씨가 금방 쌀쌀해졌습니다. 이제 밤과 새벽은 춥기까지 합니다. 해동시켰다가 냉동시켰다가 환장하겠습니다. 그바람에 코에서 물이 마를 날이 없습니다. 노우즈 워터 (Nose Water)가 범람하는 시기가 다가왔습니다. 죽겠네요. 비염때문에... 으으!! 잠시 넋두리 글이었습니다. 그러면 오늘도 친효스킨 관련 소식을 전해드리겠습니다. 메일로 친효스킨 메인화면을 어떻게 하는건지에 대해서 문의주시는 분들이 계셨습니다. 음... 이거 2.01 공지글에 작성해뒀는데 아무래도 겸사겸사 홍보를 해서 그런지 많이들 못 보신 것 같습니다. 그래서 다시 한 번 제대로 공지를 합니다. 그리드(Grid) 스타일 커버 추가 친효스킨 메인화면의 모습입니..
안녕하세요, 친절한효자손 입니다. 이번달 1일에 친효스킨 2.0을 배포하기 시작했고 많은 분들께서 사용하시는 것 같아 저 또한 보람을 느끼고 있습니다. 감사합니다. 다름이 아니고 또 이렇게 갑자기 긴급 업데이트 버전을 내놓게 되었습니다. 버그나 기타 오류가 있어서 그런건 아닙니다. 단지 추가 기능이 두 가지가 더 있는데 그냥 빨리 배포해버리는게 낫겠다 싶어서 오늘 갑작스럽게 배포를 진행하는 것 입니다. 추가적으로 업데이트된 내용은 다음과 같습니다. 친효스킨 v2.01 업데이트 내용 -스킨편집 화면에 인피드 광고 설정 옵션 추가 -스킨편집 화면에 댓글창 On / Off 버튼 추가 -스킨편집 화면 프로필 설정 관련 항목 위치 변경 이 정도 입니다. 해당 내용은 친효스킨 다운로드 페이지에서 더욱 자세히 확인이..
어느날부터 생기기 시작한 팝업창! 원인은 동생인 줄 알았습니다. 녀석이 또 아무 사이트나 들어가서 뭔가를 함부로 들락날락 거렸거나 잘못된 압축파일을 받아서 악성코드가 유입된 줄 알았습니다. 이걸 따졌더니 자기는 모르는 일이랍니다. 뭐 당연하겠죠. 감기 걸린 환자한데 왜 감기에 걸렸는지 이유를 말하라고 하면 당연히 모르겠죠. 너무 억울해하는 녀석의 항변에 살짝 마음이 꺾였습니다. 혹시 아닐수도 있으니까요. 저에게도 원인이 있을 수 있으니까요. 근데 오늘 그 원인을 찾았습니다. 동생이 아니었습니다. 그럼 저 인가요? 아닙니다. 저도 아니었습니다. 컴퓨터가 악성코드에 감염된것도 아니었습니다. 원인은 티스토리였습니다. 모든 티스토리가 아닌 특정 티스토리 URL이 문제였습니다. 여기에서는 누구라고 밝히지 않겠습니..
어떤 계기를 통해서 티스토리 가입자가 늘고 많은 분들이 티스토리 에디터로 활동을 시작하셨는지는 알 수 없으나, 대부분은 애드센스라는 수익을 목적으로 운영을 하고 있을 겁니다. 그러나 안타깝게도 대다수 분들은 중간에 그만 둡니다. 이유는 매우 간단합니다. 돈을 목적으로 했기 때문이죠. 참 이상하죠? 근데 그렇더라고요. 돈을 목적으로 했으니 콘텐츠 품질이 좋을리가 없습니다. 사실 이게 반대가 되어야 하거든요. 좋은 콘텐츠를 만들어야 돈이 되는 거죠. 많은 기업들이 품질 향상에 혈안이 되어 있는 이유가 별 거 없습니다. 최고의 매출을 찍기 위해서랍니다. 여기에서 시작된 작은 오해가 이겁니다. 기업의 최대 목적은 이익?! 어떻게 보면 맞는 말 이지만, 이것은 대단히 잘못된 생각입니다. 기업의 최대 결과가 이익으..
얼마전까지 친효컬럼에 댓글을 자주 남겨주시는 분에 대해서 최근 놀라운 사실을 알게 되었습니다. 말은 늘상 "효자손님 말대로 콘텐츠에 신경을 써야 하겠습니다!" "좋은 글 늘 감사합니다. 초심을 잃지 않겠습니다." 등등의 좋은 말만 하시던 분이었습니다. 저 또한 누군가에게 도움이 되어 참 뿌듯하구나 싶었는데 이게 왠걸요? 버젓이 티스토리를 돈 벌이 수단으로 이용하는걸 목격했습니다. 진짜 배신입니다... 배신이에요! 차라리 댓글을 달지를 말던가요. 어찌 사람이 한 얼굴로 두 표정을 지을 수 있다는 말입니까? 증말로 실망입니다. 비단 이분 뿐만은 아닐겁니다. 솔직히 요즘 유튜브나 클래스101같은 온라인 교육 플랫폼에서 블로그로 돈 벌 수 있다는 이야기를 쉽게 접할 수 있습니다. 코로나 때문에 부쩍 더 늘어난 ..
어떤 분께서 혹시 티스토리에도 전화번호 링크가 가능한지를 여쭤보셨습니다. 물론 가능합니다. a 링크 태그를 이용해서 진행 할 수 있습니다. 또한 img 태그를 추가하여 이미지배너 타입으로 전화번호 링크도 생성 가능합니다. 그러면 한번 어떻게 하는지 살펴봅시다. 일반 텍스트에 전화번호 링크걸기 먼저 아래의 태그를 살펴봐주세요. 전화걸기 아주 간단한 태그죠? 그렇습니다. 보통 a href 태그 다음에는 url 주소를 넣는게 일반적입니다. 여기에서 URL 주소 대신 전화번호를 입력 할 수 있습니다. 단 tel: 이라는 태그를 함께 입력해줘야 합니다. 이것만 주의하시면 됩니다. 위의 예시를 바탕으로 완성된 결과가 아래에 있습니다. 전화걸기 이 페이지를 스마트폰에서 확인했을 때, 전화걸기 텍스트를 터치하면 실제 ..
오늘 확인해보니 친효애드온에 대한 사용 방법을 따로 글로 작성하지는 않았다는걸 확인했습니다. 매번 사용 방법에 대해 언급하기가 대단히 귀찮기 때문에 아예 이렇게 공식적으로 문서화를 해두면 저도 편하고 사용하시는 분들도 일괄적으로 배울 수 있으니까 일석이조라는 생각이 들었습니다. 거두절미하고 바로 시작하겠습니다. 친효애드온이란? 스타크래프트 테란 종족에 있는 Add-On(애드온)에서 힌트를 얻어서 개발되었습니다. 해당 건물의 특수 기능들을 사용할 수 있게 도와주는 애드온은 매우 유용한 기능이죠. 친효애드온 또한 친효스킨을 좀 더 개성있게 꾸밀 수 있는 일종의 부가서비스 같은 개념 입니다. 굳이 사용하지 않아도 상관 없지만 가독성이나 개성 부분을 좀 더 살리고 싶을 때 종종 이용하는 기능 입니다. 쉽게 말해..
스타일들이 통일감은 전혀 없지만 그냥 만들고 싶은대로 만드는 중 입니다. 이 중에서 마음에 드는 스타일을 골라 사용하시면 됩니다. 이번에도 본문 중간에 삽입하는 링크용 스타일을 연출해 보았습니다. 여섯번째 버전 입니다. 먼저 적용 예시 입니다. 짧은 제목의 링크 글 중간 사이즈 정도 되는 텍스트가 살짝 있는 제목의 링크 글 이것은 정말로 상상을 초월하는 가장 긴 사이즈를 자랑하는 제목의 링크 글이 되려고 열심히 발악하는 규모의 글 이런 스타일 입니다. 마우스를 올리면 색상이 변하면서 흔들거리는 애니메이션을 추가했습니다. CSS 세팅 먼저 아래의 첨부파일을 다운로드 받습니다. 그리고 파일을 열어줍니다. 텍스트 파일 문서 안에는 다음의 CSS 코드들이 들어 있습니다. /* 친효애드온 : 본문 중간 수동 링크..
쿠팡 파트너스로부터 메일이 하나 도착했습니다. 내용을 살펴보니 요즘 알 수 없는 파트너스 세력들이 카페나 SNS 소셜네트워크에서 본인들의 커미션 링크를 걸어두고 이를 숨기는 사례가 빈번히 발생했던 모양 입니다. 지금이야 경고로 끝나지만 이 행태가 버젓이 기승을 부린다면 분명 쿠팡 파트너스 측에서도 약관을 변경한다던지, 가입 조건을 좀 더 까다롭게 한다던지, 수익의 일부를 차감한다던지 등등의 안 좋은 악조건을 제시할게 불보듯 뻔 한 일이라고 생각합니다. 마치 유튜브 애드센스 처럼요. 유튜브처럼아시다시피 유튜브는 누구나 쉽게 시작할 수 있습니다. 하지만 유튜브를 이용한 수익 창출은 어렵습니다. 원래는 기본 허들도 없었습니다. 지금은 구독자 최소 1000명, 최소 시청시간이 4,000시간 이상이어야 합니다. ..
이번에도 심심해서 본문 중간 링크용 스타일을 만들어봤습니다. 앞서 소개한 두 개가 다소 유니크한 느낌이라면 이번에는 정말 평범하게 만들었습니다. 마크1과 비슷한 컨샙의 모듈 입니다. 일단 아래에 샘플이 있으니 직접 마우스로 올려보면서 테스트해 보시기 바랍니다. 참고로 클릭해도 아무런 변화가 없습니다. 짧은 제목의 링크 글 중간 사이즈 정도 되는 텍스트가 살짝 있는 제목의 링크 글 이것은 정말로 상상을 초월하는 가장 긴 사이즈를 자랑하는 제목의 링크 글이 되려고 열심히 발악하는 규모의 글 이런 느낌의 본문 중간 링크글 입니다. 완전 단순하죠? 복잡한 스타일을 싫어하신다면 마음에 드실 것 같습니다. 저 역시 종종 이용하게 될 스타일 입니다. CSS 세팅 아래의 첨부파일을 다운로드 받습니다. 그리고 파일을 열..
본문 중간 링크글에 대한 스타일이 어느덧 네번째까지 맞이하게 되었습니다. 코딩의 세상은 참 오묘합니다. 그리고 너무나도 객관적인 영역인데 크리에이터의 입맛과 취향에 따라 그 결과물이 천지차이여서 참 신기함과 동시에 재밌기까지 합니다. 코딩하시는 분들이 이 맛에 작업하시는게 아닐까 싶습니다. 물론 그 코딩이 순수 개인의 의지냐, 아니면 돈을 벌기 위한 수단이냐에 따라 엄청난 차이가 있겠지만요. 서두가 길었습니다. 네번째 스타일을 만나보시겠습니다. 짧은 제목의 링크 글 중간 사이즈 정도 되는 텍스트가 살짝 있는 제목의 링크 글 이것은 정말로 상상을 초월하는 가장 긴 사이즈를 자랑하는 제목의 링크 글이 되려고 열심히 발악하는 규모의 글! 반드시 두 줄로 만들었어야만 하는 그 링크 글! 이런 형태의 수동 링크글..