포스팅 썸네일 이미지

개발/JS, 티스토리

티스토리 비 로그인자의 댓글 기본 프로필, 아이콘 바꾸기

티스토리 비 로그인자의 댓글 기본 프로필, 아이콘 바꾸기 로그인을 하지 않고 댓글을 작성하면 프로필이 랜덤으로 설정된다. 나는 이 기본 프로필이 별로 마음에 들지 않다. 그래서 이것을 css나 jquery로 바꿔볼 수 있지 않을까 생각을 해봤다. 웹 개발은 거의 안 해봐서 그나마 쉬워 보이는 css로 댓글 프로필을 바꾸는 코드를 짜봤다. 목차 티스토리 게스트 댓글 아이콘 블로그에 로그인하지 않은 상태로 댓글을 작성하면 아이콘이 티스토리의 기본 아이콘으로 설정된다. 기본 아이콘은 총 8개 있으며 닉네임에 따라 랜덤으로 설정된다. F12를 눌러 개발자 도구를 실행해 댓글 아이콘의 구조를 살펴보겠다. 개발자 도구의 좌측 상단(빨간색 박스)을 클릭하고 댓글 아이콘을 클릭해보자. 단축키는 ctrl + shift ..

2020.09.01 게시됨

 포스팅 썸네일 이미지

개발/JS, 티스토리

티스토리 애드센스 상단 광고 2개 다는 방법

티스토리 애드센스 상단 광고 2개 다는 방법 수익을 더 얻기 위해서나 여러 이유로 모바일에선 상단 광고를 한 개 두고 화면의 폭이 넓은 컴퓨터에선 상단 광고를 두 개 두시는 분들도 있습니다. 이번 글에선 다른 분이 올린 애드센스 상단 광고 2개 소스를 최적화하고 이걸 티스토리에 적용하는 법을 알려드리도록 하겠습니다. 목차 애드센스 광고 코드 복사 애드센스 사이트 우선 상단 광고 2개 설정을 하기에 앞서 상단 광고로 달 광고 코드를 복사해야 합니다. 위 링크를 통해 애드센스 사이트에 접속한 다음 광고 탭을 클릭한 후 광고 단위 기준 버튼을 클릭해주세요. 광고 단위 기준 버튼을 클릭한 다음 반응형 광고를 하나 만드시거나 기존에 만들어놨던 반응형 광고를 클릭해주세요. 그런 다음 HTML 탭에서 검은 띠로 감쳐..

2020.05.11 게시됨

 포스팅 썸네일 이미지

개발/JS, 티스토리

티스토리 자동으로 이미지 alt 태그 속성 달아주는 툴

변환하기 alt 태그 추가 alt태그란 우선 alt태그란 이미지의 대체 문구(alternative text)를 뜻하며, 이 alt태그는 이미지가 깨졌을 때 대체하여 보여지는 설명용 텍스트입니다. 네이버 웹마스터 가이드와 구글 검색엔진 최적화(SEO) 초보자 가이드에 따르면 이 alt태그를 작성하면 검색엔진이 해당 이미지를 이해하는데 도움을 줄 수 있으며, 이미지 검색결과에 활용할 수 있는 매우 중요한 정보로 간주된다고 합니다. 사용 방법 기존에는 티스토리가 따로 이미지에 alt태그를 달아주는 기능을 지원하지 않아서, 글쓰기 모드를 html모드로 바꾸고, 하나 하나 직접 번거롭게 alt 태그를 입력해줘야 했습니다. 수동으로 계속 입력하다 보니까 아무래도 헷갈리기도 하고 귀찮아서 이걸 글에 있는 이미지의 설..

2020.03.14 게시됨

 포스팅 썸네일 이미지

개발/JS, 티스토리

[JS, 티스토리] 다른 페이지, 글 또는 개인 도메인 자동 이동

[JS, 티스토리] 다른 페이지, 글 또는 개인 도메인 자동 이동 티스토리나 타 사이트에서 글을 올렸는데 모종의 이유로 그 글을 삭제하고, 새로 글을 올렸거나, 티스토리에 개인 도메인을 추가해줬을 때 기본 도메인에서 개인 도메인 또는 삭제한 글에서 새로 올린글로 자동으로 이동하는법에 대해 알아보겠습니다. 다른 페이지, 글로 이동 예를 들어 "https://test.com/42" 페이지에서 "https://test.com/60" 페이지로, "https://test.com/12" 페이지에서 "https://test.com/61" 페이지로 자동 이동 시키려면 바로 위에 입력해주세요. if() 안에 있는 주소는 기존 페이지 주소를, 밖에 있는 주소는 이동시킬 주소로 입력해주시면 됩니다. 한 페이지만 이동하시려면..

2020.02.17 게시됨