제 블로그를 보면 우측 하단에 위치한 팝업창이 보일 겁니다.
이 팝업창은 일반 링크보다 눈에 띄기 때문에 독자들의 이목을 끌 수 있죠.
특히 특정 페이지에 종속된 것이 아니기에 많은 사람들에게 노출 될 수 있습니다.
다시 말해 높은 트래픽을 끌어올 수 있다는거죠.
제가 수백 개의 고수 블로그를 분석한 결과 많은 이들이 특정 페이지로 트래픽을 유도하는 모습을 보입니다.
이유가 뭘까요?
물론 다양한 원인이 존재할 겁니다.
누군가는 고단가 키워드 페이지로 유입해 수익을 높이는 방법을 취하기도 하고요.
누구는 본인의 머니 사이트 즉 브랜딩 페이지로 유도를 하기도 하죠.
어찌 되었든 여러분이 트래픽을 끌고 오고 싶다면 이 팝업창만큼 매력적인 방법은 없을 겁니다.
그동안 많은 분들이 팝업창 생성 방법에 관하여 요청해 주셨는데요.
지금부터 초보자도 쉽게 따라 할 수 있도록 떠먹여 들일테니 잘 따라오시기 바랍니다.
디자인 적용이 낯선분은 아래 포스팅을 참고 하세요!
▶ 티스토리 자동 목차 만들기(초보자용)
코드 적용 방법
아래는 공통적으로 사용할 자바스크립트 파일 입니다.
자바스크립트 파일
다운 받은 자바스크립트는 <head></head> 태그 내부에 넣어주세요.
초록색 사각형에는 여러분이 이동시키고자 하는 URL을 넣어주시면 됩니다.(예제는 네이버로 되어있어요)
HTML 파일
다운 받은 HTML 태그는 <body></body> 내부에 넣어주시면 되는데요.
아래 초록색 부분 처럼 글자가 적힌 부분을 원하는 문구로 수정하시면 됩니다.
다양한 디자인
이어서 여러분의 입맛에 맞는 다양한 디자인을 적용해 보세요!
1. 풍선과 함께 춤을
html파일
css파일
2. 마법의 알림창
html파일
css파일
3. 수익의 샘물
html파일
css파일
4. 별빛 가득 수익의 길
html파일
css파일
5. 마법의 열쇠
html파일
css파일
6. 무지개너머 꿈의 세계
html파일
css파일
7. 눈부신 세계
html파일
css파일
8. 수익 폭발
html파일
css파일
9. 수익 보석
html파일
css파일
10. 수익 씨앗 심기
html파일
css파일
11. 우주 여행
html파일
css파일
12. 수익 불꽃놀이
html파일
css파일
13. 잭과 콩나무
html파일
css파일
'재테크 | 부업 > 블로그 | 구글 애드센스' 카테고리의 다른 글
| 구글 블로그 애드센스 연결 방법(2024년) (2) | 2024.06.21 |
|---|---|
| 네이버 외부 유입 "이 링크"로 클릭률 올리는법 (1) | 2024.06.12 |
| 티스토리 SNS 공유 버튼 만들기(초보자용) (6) | 2024.01.23 |
| 블로거에게 필요한 이미지 편집 툴(저작권, 초상권, 유사이미지 해결) (3) | 2024.01.06 |
| 꼬예의 황금 키워드 찾기 루틴 (3) | 2023.12.26 |
댓글