본문 바로가기
공지사항
스크롤을 내리면 게시물이 나옵니다.
썸네일 Whatever스킨 - 댓글창 대화방처럼 꾸미기 안녕하세요! 오늘은 whatever스킨 댓글창 꾸미기를 해보려고 합니다. 사실 크게 생각이 없던 부분인데. 우연히 본 댓글창이 대화창 형태로 구조가 이루어져 이뻐 보여서 적용해 봤어요. 윤프로 코드가 개발새발해님 포스팅을 참고해서 적용했고 해당 댓글창 html 구조가 기존 whatever스킨에 대입하기엔 변경해야 할 부분이 너무 많아서 동일한 스킨(오디세이) 댓글 구조를 사용해 제 방식대로 조금 수정했습니다. 보시는 것처럼 내 댓글(관리자)이 오른쪽이고 상대방(방문자)이 왼쪽에 위치해서 채팅방 느낌을 주는 형태입니다. 댓글이 많을 경우 댓글 입력하기 위해서 스크롤을 많이 내려야 하는 게 불편하다 생각이 들어서 댓글입력란 부분은 편의상 댓글보다 위에 배치했어요. 아직 부족한 게 많은 상태지만 이용하는데 큰.. 더보기
썸네일 본문 텍스트 밑줄에 Highlighter 효과 적용하기 안녕하세요! 토미타미입니다. 티스토리 블로그 꾸미기로 돌아왔습니다. 오늘은 텍스트 배경색이 아닌 밑줄로 하이라이터 효과를 주는 방법을 알려드리려고 합니다. 블로그를 작성하면 느낀 게 폰트 굵기, 밑줄과 색상 등 다양하게 활용하는 것도 가독성을 높여줘서 블로그 성장에 도움이 된다고 생각하는데요. 검색 유입으로 들어왔다고 해도 글만 주구장창 작성된 글은 아무리 정확성이 높은 글일지라도 원하는 내용을 찾기 어려우면 뒤로 가기를 누르게 되는 게 현실이라 블로그 이탈을 줄여주는 것이 텍스트 설정이라고 생각해요. 그래서 단순 밑줄이 아닌 공부할 때 중요한 부분을 하이라이트 펜으로 표시하는 것처럼 시각적인 효과를 주기 위해서 텍스트 하이라이터를 구현해봤습니다. 저도 나름 텍스트 배경색을 잘 활용한 편인데. 그것만으론.. 더보기
썸네일 [티스토리] 위로 가기 버튼& 프로그레스 바 함께 구현하기 안녕하세요! 토미타미입니다. 오늘은 티스토리 블로그 꾸미기 관련해서 위로 가기 버튼과 진행 바 (progress bar)를 구현해보려고 합니다. 위로 가기 버튼은 예전부터 사용하고 있던 게 있어서 버튼 테두리에 스크롤 내려감에 따라 늘어나는 프로그레스 바를 적용시켜보겠습니다. 최근에 위로 가기 버튼에 프로그레스 바를 같이 접목시켜서 사용하는 웹 사이트를 봤는데. 남들이 많이 적용하는 헤더 부분이 아니라 되게 괜찮고 유니크해 보였어요. 요즘 구현해보고 싶은 건 많은데. 소스 찾기도 어렵고 잘 안돼서 짜증이 났었는데. 이번엔 비교적 쉽게 소스 찾고 적용할 수 있어서 다행인 거 같습니다. 그럼, 위로 가기 버튼과 프로그레스 바가 함께 나오도록 구현하는 방법 알려드리도록 하겠습니다. 함께 보면 좋은 포스팅: [.. 더보기
썸네일 [티스토리 블로그] 사이드바에 구글 애드센스 광고 넣는 법 안녕하세요! 토미타미입니다. 오늘은 whatever스킨 사이드바에 구글 애드센스 광고 적용시키는 법을 알려드리는 포스팅을 작성하려고 합니다. whatever스킨 오른쪽에 사이드바 쉽게 구현시키는 방법을 작성한 포스팅 또한 있으니, 링크를 통해서 확인해주시길 바랍니다. 사실 수익적으로 가장 도움이 되는 광고가 사이드바 광고라고는 말씀드릴 순 없지만 확실하게 가장 눈에 많이 띄는 광고는 맞는 것 같아요. 광고 클릭이 가장 수익성이 좋지만 노출이 많이 되는 것도 수익에 도움이 되는 편이니, 사이드바에 광고 구현해보시는 것도 추천드립니다. 제가 오늘 총 2가지 방법을 알려드리려고 합니다. 본인이 하기 쉬울 것 같은 방법을 선택해서 하시면 될 것 같네요. 그럼, 포스팅 시작하겠습니다. 함께 보면 좋은 포스팅: [.. 더보기
top

티스토리툴바