티스토리에 링크프라이스 광고 배너 달기 성공!!!!

티스토리에 링크프라이스 광고 배너 달기 성공!!!!

 링크프라이스에서

받은

배너 하나 다는데 

정말 오랜 시간이 걸렸다.

정말 푼돈 벌기 힘들다.

ㅋㅋ

보시다시피

이게 결과물인

'e편한이사'배너다.

실제 광고 걸린 모습을 보려면

아래

사이트로 이동해서 보면된다.

http://cwkdlp1.tistory.com/

알고보면

이렇게 간단한 배너이고 작업인데도

모르니까 달기가 무척 힘들었다.

우선 먼저

티스토리 사이드바에

배너를 달아야 하는데

검색을 해보니...

관리 - 꾸미기 - 사이드바에 

배너를 달도록 되어있다.

사이드바를 클릭하니

아래와 같이 'HTML 배너출력'이라는 것이 나와야하는데...

내 블로그에는 'HTML 배너출력'이란게

없다.

뭐가 잘못되었나 다시 검색을 하니

관리 - 플러그인 - 플러그인 설정에서

 '배너출력' 달아야 한다.

위와 같이 작업하니

다시 사이드바에 'html 배너출력'란이 뜬다.

고생 고생해서

드디어 링크프라이스에서 가져온 태그를

복사해서 아래와 같이 달았다.

링크프라이스 배너 종류 화면

티스토리 화면

1. 이름 넣고 (이름은 배너 이름 - 나는 그냥 '이편한세상'이라고 함),

2. html 소스 넣고 (링크프라이스에서 복사해 가져온 html),

3. 사용자 모튤 체크하고,

확인 - 저장하니

다음과 같이 블로그에 반영된다.

아...

배너 위치가 마음에 안든다.

가운데 위치해야 보기 좋은데

한쪽으로 편중되니 보기가 싫다.

어찌할 바를 몰라 한참 생각하니

며칠전에 들었던 html강의가 떠올랐다.

이러 저리 검색해서

https://jsfiddle.net/을 이용해

링크프라이스에서 가져온

html에 둘러싸고 이리 저리 테스트해보다

<center>태그를 이용하니

배너가 중간으로이동한다.

다행이다.

이 결과가 바로 밑의 그림이다.

블로그 화면 하단에

떡하니 

링크프라이스 배너가 달린다.

감격스럽다.

내 생애 처음으로 내손으로

배너를 사이트에 달았다.

신기하기도 하고

내 스스로가 대견스럽고...ㅋㅋㅋㅋ

html, css, 자바 스크립트를 어느 정도 숙련되면

이제 본격적으로 배너를

글 중간에 넣을 생각이다.

지금처럼

사이드바를 이용해서

화면 제일 하단에 위치 시키면

사실 별 효과가 없을 것이다.

조금 더 공부해서

배너를 마음대로 달 수 있는 경지까지 오르면

이 블로그에도

달 생각이다.

2016/11/15 - [구글애드센스 도전기] - 구글 애널리틱스 교육 사용법과 내 티스토리 분석

2016/11/09 - [구글애드센스 도전기] - 네이버 웹마스터도구를 통한 티스토리 블로그 점검

2016/11/04 - [구글애드센스 도전기] - 구글 애드센스 페이지 수준 광고로 애드센스 최적화

2016/11/03 - [구글애드센스 도전기] - 구글 애드센스 수익 증가를 위한 사용자설정 채널 최적화

2016/11/02 - [구글애드센스 도전기] - html, css, 자바 스크립트 등 웹언어의 공부 효과

2016/11/01 - [구글애드센스 도전기] - 콘텐츠를 위한 애드센스 광고 단위 하나 더 설치했다.

2016/10/26 - [구글애드센스 도전기] - 자바 스크립트까지 배워야 속이 시원했냐아아아~~

2016/10/20 - [구글애드센스 도전기] - 이번엔 CSS로 넘어갑니다.

2016/10/17 - [구글애드센스 도전기] - html도 배워야해?