블로그를 운영하며 글쓰기 할 때 이미지 샷을 종종 삽입하게 되는데요. 티스토리 블로그 운영자 대부분은 ALT 속성을 사용할 겁니다. 그런데 제가 사정으로 블로그에 들어오지 못하다 어제 간만에 몇 글자 적으려고 샷을 올렸더니 이미지 소스 코드가 변경되었더군요. 이전 소스 코드가 아래와 같은 식이었다면... ##_Image|kage@bkrKxr/btrjud1pgH9/koZlC7H9m2gSHC2fIkAlN0/img.webp|alignLeft|data-origin-width="424" data-origin-height="449" data-filename="1.webp" data-ke-mobilestyle="widthOrigin"|||_## 변경된 소스는 아래와 같은 식의 코드로 표시되더군요. ##_Image|k..
이전에도 같은 주제로 글을 쓴 적이 있었는데요. 먼저 사용하던 FastBoot 스킨에서 사용하던 트릭 팁이 JB 스킨에서는 안 먹히더군요. 참고로 JB 스킨은 발행 날짜까지는 아니더라도 시간은 간단히 감출 수 있습니다. 등록된 스킨에서 짧은 날짜 표시의 토글 버튼을 켜 주기만 하면 발행 시간은 표시되지 않는데요. 발행 날짜는 숨겨지지 않습니다. JB 스킨에서 발행 날짜까지 감추려면 관리자 화면 > 스킨 편집으로 들어가 html 편집 HTML 모드에서 찾기 버튼(Ctrl + F)을 눌러 ##_article_rep_simple_date_## 치환자를 찾습니다. (##_article_rep_simple_date_##는 ##_article_rep_date_## 바로 아래 위치해 있습니다.) JB 스킨은 해당 치..
webp 이미지 파일에 대한 얘기를 해볼까 합니다. webp는 구글이 개발한 이미지 확장 포맷으로 기존에 흔히 사용하던 jpg나 png, gif 확장 특성을 모두 구현할 수 있는 특성을 갖고 있고 용량도 기존 이미지 파일보다 약 25% 작은 것으로 열려져 있습니다. 우리가 웹에서 자주 접할 수 있는 jpg(jpeg)는 카메라로 찍은 사진을 저장할 때 대부분 쓰이는 확장 포맷이구요. png 파일의 일부는 주 피사체를 제외한 배경의 투명성을 지원해 주므로 흔히 사용하는 확장 포맷으로 용량은 jpg 보다 큰 걸로 알려져 있습니다. 또, 움짤이라고 불리는 gif(움직이는 애니메이션)가 대표적인 이미지 파일들 입니다. 저는 글발이 없어 블로그에서 글을 쓸 때 스샷을 많이 사용하기 때문에 이미지 압축을 필수로 하고..
티스토리 블로그 댓글 입력란에 URL 링크거는 기능이 있다면 얼마나 좋을까 하고, 구글링으로 찾아다니다 포기하고 깜빡하고 있었는데요. 그동안 사용하던 Fastboot 스킨이 제작자가 뭔 사연이 있는지 몇 년 동안 업데이트가 안 되어, 얼마 전 유료 스킨인 JB FACTORY라는 스킨으로 갈아 탔습니다. 그리고 스킨 제작자분의 강좌를 살펴보던 중 그동안 그렇게 찾아 헤매던 댓글에 url 링크거는 강좌가 있어 팁을 가지고 왔습니다. 그 분의 표현을 복붙해 넣으면...티스토리의 댓글은 평문으로 입력됩니다. HTML 코드를 넣어도 코드로 인식하지 않고 문자로 인식합니다. 따라서 링크를 넣을 수가 없는데...스크립트를 이용하면 문자열을 분석해서 URL을 링크로 만들 수 있습니다. 방법은 다음과 같습니다.스킨 편집..
언제부터 인지 PC에서 웹서핑을 하다 보면 웹페이지가 바로 열리질 않고 페이지는 뿌옇게 변하면서 정중앙에 애드센스 광고가 전면에 표시되곤 하던데요. 처음엔 이것이 뭔 현상인가 궁금해서 검색을 해보고 그 이유를 알게 되었습니다. 알고 보니 구글 애드센스에서 모바일 전면 광고를 데스크톱으로도 송출하는 거였더군요. 이 광고는 2020년 10 말경부터 송출되고 있었다는데요. 모양은 모바일 전면 광고와 같지만 PC와 같은 큰 화면으로 나오는 게, 개인적으로 보기 좋지만은 않습디다. 애드센스가 이 광고를 배치해 줌으로써 수익을 창출해 줄지 모르나, 당장 제 블로그도 관리자 화면에서 홈 화면으로 이동하려 하면 어김없이 모바일 전면 광고가 송출되는데요. 혹여 방문자 분께 좋지 않은 인식을 줄까 해서 이 광고를 숨겨 보..
티스토리 구 에디터가 1월 중에 종료된다고 하지만, 저는 아직도 이전 에디터를 고집하고 있는데요. (지금 확인해 보니 구 에디터 플래시가 완전 먹통이 됐습니다.2021.01.13현재) 새 에디터가 2019.3월 말경 출시될 당시 새 에디터로 왔다가 사용하기 불편해 구 에디터로 돌아갔습니다. 그러나 이젠 어쩔 수 없이 새 에디터를 사용해야만 하는데요. 새 에디터의 불만은 여럿 있지만, 제 기준으로 링크 기능이 제대로 먹히지 않아 HTML 모드에서 수동으로 입력해야 하고 이전 에디터에서 유용하게 사용했던 글상자 기능이 없어 강조할 문구 내용도 수동으로 처리해야만 하더군요. 이에 반해 새 에디터에서는 ☞Webp 이미지 파일을 완벽하게 지원해서 블로그 페이지 로딩 속도를 생각하는 블로거에겐 매력적이라고 생각됩니..
어도비 플래시 플레이어가 2010.12.31일자로 배포 중단이 되었고, 티스토리 글쓰기 구 에디터에서도 포토 에디터가 사라지고 없더군요. 그래서 다시 새 에디터로 올라 왔는데요. 아직 새 에디터 사용이 어색하지만 시간이 지나면 익숙해 지리라 생각하며, 구 에디터에서 이미지를 가로로 배치하려면 저는 먼저 기본 모드에서 이미지를 왼쪽으로 정렬해 올려놓고 HTML 모드로 들어가 이미지 치환자 사이에 왼쪽 정렬 명령어을 지우고 한칸 띄우는 옵션 을 집어넣으면 쉽게 가로로 정렬이 됐었는데요. 새 에디터에서는 가 안 먹히더군요. 그러다가 알아낸 사실... 티스토리 새 에디터에서는 이미지 드래그 & 드롭이 된다는 것입니다. 그런 의미로 티스토리 새 에디터에서 이미지 가로 배치 팁을 알아 보겠습니다. 에디터 첨부 메뉴..
요즘 webp에 대해 공부(?)하고 있는데요. webp 파일은 구글이 만든 이미지 확장 포맷으로 기존 웹에 올려진 jpg, png, gif 등을 대체할 수 있는 확장자입니다. Webp의 장점은 jpg 뿐만 아니라 배경 투명성이 보장되는 png, 움직이는 애니메이션, 즉 움짤이라고 불리는 gif도 webp 파일로 구현할 수 있다는 점이구요. 기존 이미지 파일(jpg, bmp, png, gif)보다 용량이 적어, 요즘 웹서핑을 하다보면 webp을 사용하는 웹페이지가 점차 늘어나는 추세입니다. 특히 티스토리 글쓰기 새 에디터에서도 WEBP을 업로드할 수 있어 발행한 글을 IE를 제외한 거의 모든 웹브라우저에서 열어 볼 수 있어 아주 반갑더군요. 또한, 블로그 글쓰기에서 이미지 업로드 시 페이지 로딩속도를 위해..
블로그에 애드센스를 게시하는 분은 가끔씩 계정 관리자 페이지를 방문하실 텐데요. 애드센스 계정에 들어가 보면 페이지 상단에 이따금 경고 메세지가 보이고, 이를 보면 저만 그런지 모르지만 가슴이 덜컹 내려앉곤 합니다. 그런데 어제 애드센스 계정에 접속해 보니 아래 샷과 같은 메세지가 보이더군요. 저는 블로그를 10년 넘게 운영해 오고 있지만 구글의 이런 메세지를 잘 이해하지 못해서 도움말 페이지로 이동해 봤습니다. 도움말 페이지를 살펴본 결과 Sellers.json 파일은 애드센스를 게시하는 블로그(판매자)는 광고 사업주에게 정보를 투명하게 제공하라는 내용이었습니다. 정보를 투명하게 제공하면 수익에도 도움이 된다니 그대로 따라야 겠지요. ☞Sellers.json 판매자 정보 제공 도움말 페이지 도움말 페이..
어제 발신자 Clean Daum에서 한통의 메일을 받았는데요. 메일을 확인해 보니 내용은 아래 샷처럼 되어있고, 삭제 조치된 URL 링크로 들어가 제가 발행했던 글을 확인해 봤습니다. ▲위반한 발행글 1929번과 684번은 방통위가 막아놓은 사이트를 우회하는 팁을 공유했던 페이지인데요. 발행글 상단에 표시된 경고 문구 "해당 글은 관리자에 의해 삭제된 글입니다." 라고 표시된 링크를 클릭하고 들어가 봤습니다. 그랬더니 ☞카카오 권리침해신고안내 페이지로 연결되더군요. 권리침해신고안내 내용을 보면 사생활 침해/ 명예훼손 및 저작권침해 게시물로 피해를 받고 계신 경우 신고해 주세요. 라고 명시되어 있는데요. 제가 발행했던 글은 위 권리침해 내용에는 해당 사항이 없는 것으로 생각됩니다만, 클린 다음에서 발송한 ..
예전에 발행했던 글에 댓글이 올라와 간단하게 몇글자 적으려고 합니다. 저는 Readiz님이 배포하는 FastBoot 스킨을 사용 중인데요. 지금부터 두드리는 팁은 스킨마다 상이할 수 있으니 100%가 아니라는 점을 참고하시고 읽어 주길 바랍니다. 먼저 아래 링크된 구글 웹폰트 페이지에 접속하시구요. ☞https://fonts.google.com/?subset=korean 제 블로그에 적용하고 있는 나눔고딕을 예로 들겠습니다. 위에 링크된 페이지를 방문하면 여러개의 한글 폰트가 있는데요.마음에 드는 웹폰트를 선택해서 오른쪽 상단 ➕ 모양의 아이콘을 누르시구요. 페이지 오른쪽 하단에 생성되는 Family Selected 바를 클릭합니다.그러면 바가 아래 샷처럼 활성화되는데요. EMBED > STANDARD로..
2019.03.27 공지와 함께 전격전으로 베타 버전으로 출발한 새 에디터에 대해 개인적인 견해를 말하려고 합니다. 이 글은 새 에디터에서 쓰는 네번째 글이 될 것 같은데요. 이전 에디터가 플래시 플레이어를 기반으로 작동되는 방식이었다면, 2020년이면 웹 표준에서 퇴출되는 플래시를 배제한 새 에디터는 환영할 만한 결단이라고 생각합니다. 다만 베타 버전으로 출발한 새 에디터는 현재 결점 투성이라고 생각되는데요. 제가 느낀 첫번째 불편함은 현재 글쓰기 기본모드에서 링크를 걸려고 하면 복붙으로는 링크를 걸 수가 없고, 손수 URL을 타이핑하거나, HTML 모드로 가서 링크 태그를 넣어주어야 되더군요? 두번째는 본문에 삽입된 이미지 속성 문제입니다. 사진이나 이미지 불러오기는 드래그 & 드롭 방식이 추가되어 ..