티스토리 링크 버튼 만들기 애드센스 수익 향상법

디지털 노마드를 위한 티스토리 애드센스 수익 늘리기!! 링크 버튼 박스를 누르면 광고가 떠 티스토리 애드센스 수익에 도움을 준다고 해요. 그래서 티스토리 링크버튼 만들기 방법과 티스토리 공부법이 자세히 적힌 꼬예님 블로그도 같이 소개할게요. 

 

 

1. 디지털 노마드를 위한 티스토리 공부 블로그 

저는 티스토리 링크 박스 넣기를 검색하다 '꼬예'님의 블로그를 발견했어요.

티스토리를 할때 알아두면 좋은 여러 방법과 팁들이 많고, 개발자여서 코드를 상세히 설명해 줘요.

 

그래서 코딩을 모르는 저도 꼬예님 코드를 복붙 한 후 제 취향에 맞게 박스 색을 변경했어요 ㅎㅎ 색 이외에도 박스 크기 변경법도 알려주셔서 내 마음에 딱 맞는 링크 박스를 만들어 넣을 수 있어요. 

 

 

꼬예님 티스토리 링크 박스 넣는법 Click

 

 

2. 티스토리 링크 박스 만들기 TIP

저는 원래 링크박스 만들기 사이트에서 코드를 복붙 해서 만들었는데...

그렇게 하니 박스는 잘 만들어지지만, 글자색이 변경이 안 돼 꼬예님 코드를 복붙하고 박스 색만 빨간색으로 변경했어요.

 

사이트에서 링크 박스를 만드는 것 보다 꼬예님 블로그보고 만드는 게 훨씬 편하고 쉽게 만들 수 있으니 꼬예님 블로그 링크박스 만들기를 그대로 따라 하시고, 저는 제가 헤맸던 부분만 간략하게 설명할게요.

 

출처 :꼬예님 블로그

1. (2) 버튼 CSS 텍스트 복붙

 

출처 :꼬예님 블로그

2. 스킨편집 -> CSS -> 맨 밑에 복붙

저는 코드 위/ 아래칸에 /* 티스토리 링크박스 */ 를 넣어줬어요.

이렇게 해야 나중에 코드를 찾거나 삭제할 때 빠르게 찾을 수 있어서 티스토리 스킨편집을 할때 꼭 이런 코드를 넣는 편이에요.

 

/* 코드 설명 문장 START */

꼬예님 코드 붙여 넣기

/* 코드 설명  문장  END */

 

 

참고로 스킨 편집 시 코드 설명 문장을 넣고 싶다면 

• CSS 스킨 편집 /* 문장 */
• html 스킨편집 <!-- 문장 -->

코드를 넣으면 돼요.

 

 

3. 링크 박스/ 글자색 변경

저는 배경색을 빨간색으로 변경하고 싶어서 인터넷에서 색상코드를 검색해 원하는 색상을 인터넷에서 찾은 후 파란색 박스에 제가 찾은 색상코드를 넣어줬어요.

 

링크박스 배경색/ 마우스 호버시 배경색/ 마우스 호버시 텍스트 색 변경을 하고 싶으면 원하는 색상코드만 찾아서 넣어 손쉽게 변경할 수 있어요. 

 

 

4. 서식 추가 및 링크 & 박스 글씨 변경법

출처 :꼬예님 블로그

 

서식 만들기 -> html 모드 -> 1. (1) 사진 코드 넣기

 

1) 가운데 정렬 - 파란색 : 코드 붙여넣기 후 기본모드 -> 가운데 정렬

가운데 정렬 안 하면, 왼쪽 정렬로 되어있음

 

2) 링크수정 - 빨간 박스 : 글쓰기 -> 서식 불러오기 -> html 모드 -> 빨간박스 링크 수정

* 저의 경우 기본모드에서 링크를 수정하면 링크박스가 안 나와서 꼭 html 모드에서만 링크를 수정했어요.

 

3) 박스 글씨 수정 - 노랑박스 : 박스 글씨를 원하는 글씨로 만들어 저장하거나 글씨를 쓸떄 글에 맞는 글자로 변경가능

저는 티스토리 블로그가 4개이고, 성격이 다 달라 링크박스 글씨를 블로그 성격에 맞는 글씨 변경해서 사용하고 있고, 평소 사용하지 않는 글을 쓸 때는 html 모드에서 바로 글자 수정이 가능해서 편하게 사용하고 있어요. 

 

 

3. 링크박스로 티스토리 애드센스 수익 늘리기

링크박스를 누르면 티스토리 애드센스 전면광고가 나와 애드센스 수익을 올릴 수 있고, <새창으로 열기> 옵션이 꺼져 있어야 광고가 나온다고 해요. 

 

근데 저는 이상하게 링크박스도 잘 나오고 박스를 누르면 원하는 링크가 잘 나오는데... 이상하게 링크 박스를 눌러도 전면광고가 뜨지 않네요.. ㅠㅠ

 

애드센스에 들어가면 전면광고 설정이 되어 있고, 새창으로 열기 옵션도 꺼져있는데... 왜 그런지 모르겠어요. 

 

인터넷에 검색해 봐도 저 같은 케이스는 없어서.. 일단 지켜보고 당분간 애드센스 수익 대신 쿠팡파트너스 수익만 기대해야겠어요. 

 

 

4. 티스토리 무료 스킨 추천

티스토리를 하는 모든 사람에게 추천하는 무료스킨!! 미넴 스킨도 알려드릴게요.

티스토리를 하면 이미지 로딩 지연 박스 만들기/ 제목 이미지 지우기/ 목차 넣기/ 애드센스 광고 넣기 등 네이버 블로그보다 할일이 정말~~~ 많은데, 미넴스킨만 있으면 손쉽게 가능해요.

 

티스토리를 시작하자마자 초기 셋팅으로 무료스킨 미넴스킨으로 변경 후 링크박스를 추가하면 더 좋을 것 같아요.

 

미넴스킨 알아보기 Click