티스토리 본문에서 특정 키워드를 클릭해 구글 검색으로 바로 연결된다면 편리하지 않을까요? ChatGPT를 활용해 티스토리 구글 검색 버튼을 쉽고 간단하게 만들고 설정하는 방법까지 알려드립니다.
티스토리 구글 검색 버튼 설정
HTML 코드를 사용해, 🔍티스토리 특정 키워드 클릭할 때, 구글 검색 결과로 바로 연결되도록 설정할 수 있습니다. 아래의 코드를 사용해 구글 검색 버튼을 쉽게 추가해 보세요.
- Google 검색 버튼 추가 HTML 코드
<a href="https://www.google.com/search?q=검색어" target="_blank" rel="noopener">🔍검색어</a>
- 티스토리 구글 검색 버튼 사용 방법
1. href="https://www.google.com/search?q=검색어" 여기에서 'q=' 뒤에 원하는 키워드를 입력하면 됩니다.
예를 들어 '아이폰'을 검색하려면 '검색어' 부분을 아이폰으로 수정합니다.
2. target="_blank" 이 속성은 새로운 페이지에서 검색 결과가 열리도록 설정하는 것입니다.
만약, 현재 페이지에서 구글 검색 페이지를 연결하고 싶다면 target="_blank"를 삭제합니다.
- 예시
<a href="https://www.google.com/search?q=아이폰" target="_blank" rel="noopener">🔍아이폰</a>은 인기 있는 스마트폰입니다.
티스토리 본문 작성 중, 위의 코드를 HTML 모드에서 설정하고 포스팅하면, 방문자가 아이폰을 클릭할 때 구글 검색 결과가 새로운 탭에서 열리게 됩니다.
CSS 구글 검색 버튼 꾸미기
HTML 코드로 구글 검색 버튼을 추가한 후, CSS를 사용해 버튼의 디자인을 꾸밀 수 있습니다.
예를 들어, 마우스를 올렸을 때 텍스트가 커지거나 색상이 변하는 등 효과를 추가해 사용자 경험을 향상할 수 있습니다.
- CSS 적용 방법
1. 다운로드한 메모장에서 CSS 코드를 복사하고 티스토리 스킨 편집으로 이동합니다.
2. HTML 편집에서 CSS 탭에 복사한 코드를 붙여 넣기 합니다.
3. 상단 오른쪽 적용 버튼 눌러 저장합니다.
4. 티스토리 글 작성 시, 구글 검색 버튼 사용할 때, class="magnify"를 추가하여 사용합니다.
- 예시
<a class="magnify" href="https://www.google.com/search?q=아이폰" target="_blank" rel="noopener">🔍아이폰</a>은 인기 있는 스마트폰입니다.
이렇게 하면 방문자가 아이폰에 마우스를 올리면 텍스트 색상이 변하고 굵어지는 효과를 볼 수 있습니다.
ChatGPT 활용 HTML 코드 만들기
이번에 설명드린 구글 검색 버튼 추가 코드도 ChatGPT를 활용해 만들었습니다.
HTML이나 CSS 코딩에 대해 전혀 몰라도, ChatGPT가 간단한 HTML 작업부터 상세한 설명까지 대화로 한 번에 해결해 줍니다.
프롬프트에 사용하고 싶은 기능과 구현 가능성을 질문하면, 친절한 설명과 함께 즉시 코드 받을 수 있습니다.
저도 10분 만에 티스토리에 사용할 구글 검색 버튼을 만들고, 실제로 테스트까지 성공했습니다.
만약 코드에 오류가 발생하더라도, GPT와 대화를 통해 문제를 바로 해결할 수 있어 정말 편리합니다.
ChatGPT 저렴하게 이용 방법
ChatGPT 사용하고 싶지만 월 $20(약 27,000원) 가격이 부담된다면, GamsGo를 이용해 보세요.
GamsGo는 계정 공유 서비스를 통해 저렴하게 챗GPT 사용할 수 있는 플랫폼입니다.
여러 사용자와 계정을 공유하기 때문에 월 $5.99(약 8,300원)로 이용할 수 있습니다.
GamsGo 사이트로 이동해 구글 계정으로 간편하게 가입하고, 계정을 구입하면 바로 사용 가능합니다.
결제 전, 할인코드 DVKAZ 입력하면 추가 할인까지 받아 더욱 저렴하게 GPT를 사용할 수 있습니다.
티스토리 수익화 꿀팁
티스토리에서 구글 검색 버튼을 추가하는 방법을 알아보았습니다.
HTML 코드를 사용해 쉽게 설정할 수 있으며, CSS로 디자인을 개선해 사용자 경험도 높여줍니다.
이는 방문자의 체류 시간이 늘어나고, 애드센스 수익을 증대시킬 수 있습니다.
또한, ChatGPT를 활용해 블로그 운영에 필요한 HTML 코드를 빠르게 만들고 수정하는 방법도 함께 소개드렸습니다.
구독료가 부담된다면 계정 공유 사이트 GamsGo를 통해 저렴하게 이용할 수 있습니다.
GPT 활용해 티스토리 수익을 높여보기 바랍니다.
※ GPT 다양한 사용법
ChatGPT 사용법 3가지 웹툰 블로그 버튼 사주 풀이까지
ChatGPT는 단순한 대화를 넘어 일상 속 다양한 분야에서 활용할 수 있는 서비스입니다. 웹툰 스토리 구상과 주인공 설정, 블로그 링크 버튼 만들기 그리고 사주 풀이까지 누구나 쉽게 따라 할 수
stock0901.tistory.com
