본문 바로가기
공지사항
스크롤을 내리면 게시물이 나옵니다.
썸네일 Whatever스킨 - 제목만 넣어도 자동으로 목차가 생성 된다고? 어떤 분이 말하길 구글 SEO 최적화는 로봇이 좋아하게 끔 작성하는 거라 합니다. 덧붙여 가장 이상적인 작성법(뇌피셜)은 구글에서 작성한 설명 글처럼 작성하는 것이라고 하는데요. Google support에서 작성한 걸 보시면 목차, 소제목, 인용, 리스트 등 구성을 잘 짜놓은 걸 확인하실 수 있어요. 그래서 목차는 포스팅을 구성하는 한 요소기 때문에 꼭 넣어주시면 좋은데. 일일이 제목에 링크 걸어서 목차에 연결하는 것도 생각보다 노동이죠? 오늘은 소제목만 설정해도 자동으로 목차에 생성되게 하는 방법을 알려드리려고 합니다. 포스팅 내 목차를 넣으셔도 되고 저처럼 HTML편집을 통해서 넣으실 수도 있습니다. 포스팅 내 넣으려면 서식을 활용해서 생성하는 방법을 이용하세요. 저는 상단에 위치하는 게 가장 효과.. 더보기
썸네일 Whatever스킨 - 댓글창 대화방처럼 꾸미기 안녕하세요! 오늘은 whatever스킨 댓글창 꾸미기를 해보려고 합니다. 사실 크게 생각이 없던 부분인데. 우연히 본 댓글창이 대화창 형태로 구조가 이루어져 이뻐 보여서 적용해 봤어요. 윤프로 코드가 개발새발해님 포스팅을 참고해서 적용했고 해당 댓글창 html 구조가 기존 whatever스킨에 대입하기엔 변경해야 할 부분이 너무 많아서 동일한 스킨(오디세이) 댓글 구조를 사용해 제 방식대로 조금 수정했습니다. 보시는 것처럼 내 댓글(관리자)이 오른쪽이고 상대방(방문자)이 왼쪽에 위치해서 채팅방 느낌을 주는 형태입니다. 댓글이 많을 경우 댓글 입력하기 위해서 스크롤을 많이 내려야 하는 게 불편하다 생각이 들어서 댓글입력란 부분은 편의상 댓글보다 위에 배치했어요. 아직 부족한 게 많은 상태지만 이용하는데 큰.. 더보기
썸네일 Whatever스킨 - 포스팅 썸네일 비율 알맞게 변경하는 법 안녕하세요. 토미타미입니다. 오늘은 왓에버 스킨 포스팅 썸네일 비율을 변경해보려고 합니다. 스킨 유저는 공감하실 것 같은데. 아래 사진처럼 블로그 내 썸네일의 이미지가 일부만 보여서 썸네일이 안 이쁩니다! 처음에는 방법도 모르고 가운데 제목을 넣으면 제목까지는 노출돼서 크게 상관하지 않았는데. 제가 사이드바에 최신 글과 인기글에 썸네일을 추가했었는데. 여기선 또 제대로 나오고 미관상 이쁘지도 않고 개인 만족으로라도 수정해야겠더라고요. 변경하다 보니 적용된 기본 썸네일 프레임은 너비가 좀 더 긴 형태인데요. 저는 대부분의 썸네일이 정사각형으로 제작해서 사용하고 있는데요. 기존 썸네일 비율에 맞추자니 좌우가 늘어나 이쁘지 않게 나오기 때문에 정사각형으로 비율 적용했어요. 여러분도 기존 비율을 유지한 것과 정.. 더보기
썸네일 본문 텍스트 밑줄에 Highlighter 효과 적용하기 안녕하세요! 토미타미입니다. 티스토리 블로그 꾸미기로 돌아왔습니다. 오늘은 텍스트 배경색이 아닌 밑줄로 하이라이터 효과를 주는 방법을 알려드리려고 합니다. 블로그를 작성하면 느낀 게 폰트 굵기, 밑줄과 색상 등 다양하게 활용하는 것도 가독성을 높여줘서 블로그 성장에 도움이 된다고 생각하는데요. 검색 유입으로 들어왔다고 해도 글만 주구장창 작성된 글은 아무리 정확성이 높은 글일지라도 원하는 내용을 찾기 어려우면 뒤로 가기를 누르게 되는 게 현실이라 블로그 이탈을 줄여주는 것이 텍스트 설정이라고 생각해요. 그래서 단순 밑줄이 아닌 공부할 때 중요한 부분을 하이라이트 펜으로 표시하는 것처럼 시각적인 효과를 주기 위해서 텍스트 하이라이터를 구현해봤습니다. 저도 나름 텍스트 배경색을 잘 활용한 편인데. 그것만으론.. 더보기
썸네일 Whatever스킨 상단 헤더에 포스팅 타이틀 구현하기 안녕하세요! 토미타미입니다. 오늘은 Whatever스킨 상단 헤더에 포스팅 타이틀을 구현하는 글을 작성하려고 합니다. 우선, 포스팅 타이틀을 구현하기 전 상단 헤더 고정 먼저 하고 진행해주시길 바랍니다. 포스팅에서만 제목을 가져와야 하기 때문에 넣는 위치만 주의해주시면 크게 어렵지 않은 작업입니다. 스크롤을 내리면 글 제목이 나오고 다시 올리면 블로그 제목과 카테고리가 나오게끔 구현해봤습니다. 글 제목만 나타나는 것보단 필요에 따라 카테고리도 살펴볼 수 있는 게 좋을 것 같았습니다! 그 외 포스팅 제목이 나올 때 조금 허전한 부분이 있어서 댓글 버튼이나 공감 버튼 등 같이 구현해보려고 했는데. 제 실력으론 아직 많이 부족하네요 ㅎㅎ. 차후 추가하게 되면 따로 글 올리도록 하겠습니다. 그럼, 상단 헤더 글.. 더보기
썸네일 무료 고퀄리티 블로그 로고 만들기 (Feat. WIX LOGO MAKER) 안녕하세요! 토미타미입니다. 오늘은 나만의 블로그 로그를 제작해서 직접 적용해보려고 합니다. 개인적으로 블로그 로고가 본인 블로그를 가장 쉽게 어필할 수 있는 한 부분이라고 생각해서 기본 텍스트가 아닌 로고 이미지를 설정해보는 게 어떨까 해서 로고를 제작하고 적용을 해봤습니다. 사실 능력만 되면 미리캔버스나 포토샾으로 직접 제작할 수도 있겠지만 괜찮은 퀄리티의 로고를 무료로 받을 수 있다면 마다할 이유는 없잖아요? ㅎㅎ 그래서 저는! WIX LOGO MAKER를 통해서 로고를 제작해보려 합니다. 제가 윅스 로고 메이커를 추천드리는 이유는 로고에 사용되는 폰트도 다양하고 전체적인 로고 퀄리티가 좋다고 생각해요. 기존에는 다른 로고 제작 사이트를 사용했던 적이 있는데. 전반적인 디자인은 괜찮았지만 고딕 같은.. 더보기
썸네일 [티스토리] 본문내용 숨기기/펼치기 하는 방법! Java script 아님 안녕하세요! 토미타미입니다. 오늘은 본문 내용 숨김을 자바 스크립트 없이 아주 간단하게 적용하는 방법을 알려드리겠습니다. 사실 블로그를 운영하는 입장에서 포스팅 본문 내용에는 크게 필요한 기능도 아니고 이점도 딱히 없습니다. 하지만 저 처럼 교육자료를 블로그 컨텐츠로 운영하시는 분들에겐 정답을 숨기는 용도로 활용도가 있지 않나 싶네요. 제가 현재 하단부에서 사용하고 있는 댓글 숨김 기능은 자바 스크립트를 넣어서 적용한건데. 비교해봐도 크게 다른점은 없는 것 같아요. 그리고 예전에 사용했던 복습퀴즈에서는 본문 수정할 때마다 오류가 나서 골머리가 아팠었는데. 이렇게 간단히 본문 내용을 숨길 수가 있었네요ㅎㅎ. 그럼, 서론은 이쯤하고 본문 내용 숨기는 방법 알려드리겠습니다. 함께 보면 좋은 포스팅: [티스토리.. 더보기
썸네일 [티스토리] 위로 가기 버튼& 프로그레스 바 함께 구현하기 안녕하세요! 토미타미입니다. 오늘은 티스토리 블로그 꾸미기 관련해서 위로 가기 버튼과 진행 바 (progress bar)를 구현해보려고 합니다. 위로 가기 버튼은 예전부터 사용하고 있던 게 있어서 버튼 테두리에 스크롤 내려감에 따라 늘어나는 프로그레스 바를 적용시켜보겠습니다. 최근에 위로 가기 버튼에 프로그레스 바를 같이 접목시켜서 사용하는 웹 사이트를 봤는데. 남들이 많이 적용하는 헤더 부분이 아니라 되게 괜찮고 유니크해 보였어요. 요즘 구현해보고 싶은 건 많은데. 소스 찾기도 어렵고 잘 안돼서 짜증이 났었는데. 이번엔 비교적 쉽게 소스 찾고 적용할 수 있어서 다행인 거 같습니다. 그럼, 위로 가기 버튼과 프로그레스 바가 함께 나오도록 구현하는 방법 알려드리도록 하겠습니다. 함께 보면 좋은 포스팅: [.. 더보기
top

티스토리툴바