본문 바로가기

HTML9

[🎨썸네일 메이커] 5초만에 티스토리 썸네일 만들어 드립니다. 🎨 썸네일 메이커 바로가기 티스토리로 포스팅을 다~ 작성해놓고, 마지막에 썸네일을 추가하는 곳에서 항상 "멈칫" 하게 됩니다. 매번 썸네일을 만들기엔 너~무 귀찮아요... (미리캔버스? 파워포인트? 이것도 괜찮긴 하지) 이왕 만드는 김에 디자인도 예쁘면 좋으니 효율성 같은건 집어치우고 디자인에 올인했습니다 😁 유리 컨셉 글래스모피즘 디자인입니다! 최적화는 다음에 심심할때 하죠 뭐... (심심하지 않습니다) 🔥 HTML 캔버스 HTML 삽입 미리보기할 수 없는 소스 캔버스를 이용해서 배경을 출력하고, 텍스트도 입력하게 만들었습니다. 위의 코드로 각각 배경, 텍스트 캔버스를 만들어 주었습니다. HTML 삽입 미리보기할 수 없는 소스 자바스크립트는 일부분만 넣어 드릴께요. 풀 버전은 깃허브에 있습니다! [깃허.. 2023. 12. 14.
카카오맵 구글맵 html 티스토리에 넣는 법 / 지도넣기 / 블로그 자, 이렇게 티스토리에서는 기본 기능으로서 지도를 넣을 수 있답니다. 핀을 찍을수도 있고, 그냥 지도만 넣을 수도 있죠. 그렇지만, 이 지도는 그냥 사진에 불과합니다. 블로그에 있는 지도를 보다 보면 굳이 따로 지도에서 찾아보지 않아도 볼 수 있어 편리하죠. 그런데 이 지도가 확대, 축소, 클릭도 된다면 얼마나 좋을까요... 자, 우선 카카오맵에서 지도를 추가하고 싶은 위치를 검색해 줍니다! 핀을 클릭하고, 공유 - html 태그 복사 버튼을 눌러줍니다. 그러면 이렇게 설정창이 뜨는데, 아이콘이나 지도 크기도 바꿀 수 있답니다~ 세상 참 좋아진 것 같네요! 티스토리 글쓰기 탭에서 기본모드를 html 모드로 바꿔주고요, 아까 복사한 코드를 붙여넣어 보면, 이...이 당황스러운 박스가 나오는데, 나중에 게시.. 2021. 9. 6.
티스토리에 예쁜 날씨 위젯 추가하는 법 / 날씨 아이콘 / html / 오늘날씨 안녕하세요 :) 이번에는 티스토리 꿀팁을 가져와 봤습니다. 오늘 포스팅은 빨리 끝날 듯 하네요. 저는 이번에 새로 개설한 제 서브 블로그 덴토리에 적용해 보도록 하겠습니다. 참고로 덴토리는 치과/치아에 대한 모든 이야기를 해 주는 블로그입니다. 관심있으신 분들 와서 보세요^^ https://dentory.tistory.com 덴토리 - 치과에 대한 모든 이야기 치과가 무서우시다고요? 치과에 대한 모든 이야기를 해 드립니다!! dentory.tistory.com 오랜만에 써보는 본론 Quest.1> 자, 우선 날씨 위젯 html을 구해야 합니다. 우리는 개발자가 아니니 어떻게 만들수도 없네요. 어떻게 하실겁니까..? Sol.1> 이미 다 준비해 놨답니다. https://booked.kr/widgets/we.. 2021. 8. 15.
초보 신입 블로거들을 위한 추천 스킨 Top 3 / 티스토리 / 블로그 스킨 안녕하세요 :) 이번에는 티스토리 기본 스킨 중에서 Top 3를 소개해 드리려 합니다. 스킨 예쁜것도 많지만 심플 중에 심플은 당연히 기본스킨이라고 생각해요 :ㅇ 기본 스킨이 7갠가? 있는 걸로 아는데 그 중에 제 기준에서 깔끔하고 좋은 스킨을 3가지 뽑아 보도록 하겠습니다. Top 3. Letter 저는 이 스킨은 사진 블로그를 위한 스킨이라고 생각합니다. 정말 썸네일을 예쁘게 보여줄 수 있거든요. 스킨 소개를 보면, 최소한의 디자인, 깔끔한 스킨을 원하는 블로거를 위해 만들었습니다. 라고 되어있습니다. 정말 최소한의 디자인이고 뭔가 허전할 정도로 깔끔한 스킨입니다. 반응형 스킨이고요, 티스토리에서 만들었습니다. 아 참! 내일과 토요일에 저 위에 있는 2개의 미리캔버스 강좌가 오전 8시 업로드되니 참고.. 2021. 8. 12.