지금 내가 사용을 하고 있는 애드센스 스킨은 정말 장점이 많은 스킨인데 조금 불편한 부분들이 있다 태그가 타이틀 부분에 보이는 거나 날짜가 타이틀 아래에 보이는 부분들 크게 의미가 없는 부분이며 오래된 글이면 바로 날짜를 보고 오래된 원고라고 생각을 할 수가 있기 때문에 그다지 좋은 영향은 주지 못한다고 볼 수가 있다 

광고나오는 부분

그래서 이런 날짜가 나오는 부분을 없애는 방법을 한번 알아보도록 하겠다 계속된 html 수정을 해 보는데 이렇게 하나하나 하면서 html 코드에 적응을 해 보는 것도 좋을 것 같다는 생각이 든다 티스토리 스킨은 내 맘대로 솔직히 다 수정을 할 수가 있는 부분이기 때문이다 Square 스킨 태그위치를 수정 하는것도 아래의 글을 보면 좋을 것 같다 

 

 

티스토리 Square 스킨수정 태그위치 수정

티스토리 지금 사용하고 있는 스킨 완전 만족하고 있다 그런데 하나 옥의 티가 있다 이상하게 태그가 윗 부분에 보이는 것 나는 그냥 계속 거슬리기 때문에 간단하게 위치 변경을 한번 해 보았

ooppa.tistory.com

일반적인 글이다 보면 타이틀 바로 아래 부분에 날짜가 보인다 크게 의미가 없는 정보이기 때문에 글의 가독성만 떨어트리는 것 같아서 이 부분을 삭제를 해 보도록 하겠다 어렵지 않기 때문에 누구나 쉽게 따라할 수가 있을 것 같다 한번 보겠다

먼저 스킨 수정으로 간다  꾸미기/스킨편집 으로 가서 html 편집으로 가 본다 이 곳에서 이 스킨의 정보를 수정을 할 수가 있다 본문 매타태그를 확인을 해 본다 본문 매타는 이니 이 소스를 찾아 본다 

 

이 본문 상단 부분에 사이틀이나 날짜 정보를 보여주는 소스가 있지 않을까 예상이 된다 그래서 윗 부분을 한번 살펴 본다 

바로 head div 가 있다 이건 해더 부분을 이 div 에 묶어 놓은거라 생각을 하면 될 것 같다 첫번째 줄은 타이틀 이다 클릭을 하면 타이틀의 링크로 들어가게 되어 있다 링크를 없래여면 a href 부분을 지우면 되겠지 이게 하이퍼링크 명령어 이기 때문이다 

그리고 두번째 줄이 date 날짜 정보이다 article_rep_date  글이 작성이 된 날짜이다 이 부분을 삭제를 하면 되겠다.

과감히 한 줄을 삭제를 해 버린다 상관 없다 삭제를 하더라도 괜찮으니 이렇게 삭제를 하면 아래와 같은 소스가 된다 이 상태에서 저장을 하고 문서보기를 해 본다

이렇게 타이틀만 보이는 것을 알 수가 있다 어렵지 않다 html 코드 해독만 어느정도 할 수만 있다면 이런 정도의 수정은 누구나 할 수가 있다 그러니 티스토리를 운영하는 분들은 html을 기본적인 개념 정도만 알아 놓으면 좋을 것 같다는 생각이 든다

이제 문서의 가독성이 조금은 좋아진 것 같다 불필요한 날짜 정보로 집중력이 떨어지는 부분을 조금은 제거한 것 같으니 말이다 이렇게 조금씩 조금씩 나의 블로그를 내가 직접 최적화를 만들어 간다는 건 너무 즐거운 일이 아닐까 하는 생각이 든다 하나하나 하면서 이렇게 기록을 남기는 것도 괜찮다는 생각이 든다 이렇게 한 다음 최적화 된 스킨은 별도로 백업을 해 놓고 나중에 다른 블로그에 바로 사용을 할 수도 있다 

 

티스토리 사이트 최적화 Html 편집하기

오늘은 지금 관리하고 잇는 이 오빠만세 라는 사이트가 네이버에 노출이 되는지 한번 확인을 해 보았다 흠 그래도 내가 정말 열심히 글을 작성하고 있는데 글이 노출이 되는게 중요하지 않을까

ooppa.tistory.com

그 부분도 나중에 한번 기록으로 남겨 보도록 하겠다 실제로 다량의 블로그를 운영하는 분들은 나만의 최적화 된 스킨을 하나 만들어서 일괄로 통일해서 사용을 한다 정말 괜찮은 방법이다 다음에 이야기를 해 보겠다.




ftp 클라이언트 프로그램 하면 대표적인 프로그램이 아마도 파일질라를 이야기 할 것 같다 나도 워드프레스 등의 사이트를 사용할때 파일 올리고 내리는 부분은 이 파일질라를 사용을 한다 안정적인 클라이언트 프로그램이기때문이다 

 

그런데 이 프로그램을 사용하면서 불편한 부분을 발견을 할 때가 있다 파일이 보이지 않는 경우가 있기 때문이다 다른 ftp 클라이언트 에서는 디폴트로 보이는 파일이 이 파일질라에서만 유독 보이지가 않는다 이럴 경우 해결 방법을 한번 이야기를 해 보도록 하겠다 

 

 

워드프레스를 위한 ftp 프로그램 파일질라 설치 및 세팅까지 알아보자

지난 번 시간에 워드프레스 를 위한 웹 호스팅 설치를 하는 방법을 알아보았다 일단 그게 워드프레스를 위한 첫번째 필요한 부분이라 생각이 되니 말이다 그 부분은 아래의 글을 참조를 하면 좋

ooppa.tistory.com

그러면 한번 파일질라로 내가 운영중인 워드프레스 화면을 한번 보도로 하겠다 .htaccess 의 내용을 좀 수정을 할 일이 있는데 보이지 않아서 처음에는 어 이상하다 워프에는 분명 루트폴더에 있는데 왜 안보이지 하는 생각이 들었었다 알고보니 파일질라 설정이 기본적으로 숨김파일은 보이지 않게 되어있다는 부분이다

파일질라 .htaccess 숨김파일 보기 간단하게 해결할 수가 있다 이걸 몰라서 고생을 하시는 분들도 있는데 정말 간단하게 설정 하나 바꾸어 주면 다 보인다 파일질라를 설치를 하면 꼭 이 부분부터 확인을 해 보는게 좋을 것 같다 서버탭 에 숨김 파일 강제 표시 를 선택을 해 주면 끝

이제 이렇게 숨김파일이 보이는 것을 알 수가 있다 .htaccess 안의 내요을 이제 수정을 할 수가 있을 것 같다 

파일질라를 사용하는 분들 중 이 부분으로 고생을 하시는 분들도 있을 것 같다 파일이 보이지 않아서 고생을 하시는 분들은 꼭 한번 읽어보시면 도움이 될 거라 생각이 든다

 

워드프레스 설치 시작해보자

오늘은 워드프레스 설치를 한번 알아보도록 하겠다 어려운 과정이지만 워드프레스를 잘 활용을 하기 위해서는 설치를 하는건 기본이라 생각을 한다 앞서서 워드프레스 설치를 위해서 필요한

ooppa.tistory.com

 




 

 

애드센스를 활용하여 수익을 올리기 위해서는 본문에 적절한 광고들이 잘 들어가야 한다는 것은 다들 알고 있을 것이다 그런데 내가 원하는 곳에 광고를 넣고 싶은데 소스를 그때그때 넣기는 여간 힘든일이 아니다 이럴때 쉽게 할 수가 있는 방법은 없을까 하는 분들이 계신데 오늘 이야기 하는 방식을 이용하면 정말 쉽게 활용을 할 수가 있다

 

방법은 바로 서식을 이용하는 방법이다 소스코드를 서식으로 만들어 놓으면 되는거지 그러면 어떻게 하면 되는지도 한번 알아보도록 하겠다 오늘 이야기 하는 방법은 스크립트 방법으로 나중에 광고의 모양이나 방식을 한번에 바꿀때 본문을 수정할 필요가 없는 방법이기 때문에 정말 유용한 방법이니 한번 잘 보기 바란다

 

애드센스 승인 방법 기간 및 조건 알아보자

티스토리를 하거나 워드프레스를 하는 이유는 나의 기록을 저장을 하기 위한 부분도 있지만 이 글을 보는 분들의 트래픽을 통해 수익을 창출을 하는 부분도 하나의 필요 요소라는 생각이 든다

ooppa.tistory.com

그러면 티스토리의 서식관리로 먼저 들어가 본다 좌측에 보면 아래와 같이 서식관리를 할 수가 있다 이 곳은 내가 자주 사용하는 폼을 서식으로 만들어서 언제든 계속해서 사용을 할 수가 있게 만들 수가 있다는 부분에서 잘 활용을 하면 효율적으로 사용을 할 수가 있다 

그리고 서식등록을 할때 아래와 같이 간단하게 하나 등록을 한다 Div 하나만 html 보기로 등록을 하면 된다 html 편집으로 꼭 해야만 한다 아래와 같이 기본모드 에서 Html 을 선택을 한다 그러면 본문이 까만색으로 바뀌는 것을 알 수가 있다

아래와 같이 에디터가 바뀌었다면 html 하나를 넣어준다 간단하게 딱 div 하나와 Id 만 정리를 해서 넣어준다 그리고 안의 내용은 공백으로 넣어준다 너무 간단하다 이렇게 하면 끝인가 이게 어떻게 움직이는 것일까 하는 사람들이 있을 것 같다 여기에서 끝이 나는건 아니다 다음 스텝으로 가 본다.

하여간 이렇게 서식이 하나 생성이 된 걸 알 수가 있다 안에 들어가면 아무것도 보이지 않는다 그냥 공백일 뿐 그러면 이제 html 수정하기로 가 본다 여기에서 이제 시작을 하는 것이다

그리고 소스의 맨 마지막 부분으로 간다 그리고 아래의 빨강 부분 소스를 삽입을 한다 이 부분이 이 서식을 이용해서 광고를 띄우는 부분이라 볼 수가 있다 

간단하게 해석을 해 보겠다 자바스크립트 로 되어 있다는 것을 알 수가 있는데 해석을 하면 이렇다 만약 본문에 ads 로 되어있는 객체가 있는지를 확인을 해 본다 그리고 있으면 그 객체 안에 innseHtml 로 html 을 추가를 해 준다는 그런 이야기 이다 

 

그 내용은바로 애드센스 광고 내용을 넣으면 될 것이다 그러면 이제 본문에서 ads 로 된 객체가 있으면 그 부분에 저 소스가 들어가게 되는 것이다 그럼으로 광고가 나오게 되는 것이다 아주 스마트한 부분이다

 

소스에서 녹색 박스 부분만 나의 애드센스 코드로 바꾸어 준다 이 부분은 위에서 몇번 언급을 했으니 잘 알거라 생각한다 잘 이해가 안간다면 아래의 문서를 한번 자세히 살펴보면 될 것 같다 그리고 아래의 본문도 애드센스를 하는 분들이라면 꼭 참조를 하면 좋을 것 같다 너무나도 유용하기 때문이다

 

티스토리 애드센스 광고창 상단 모바일 1개 pc2개 자동넣기

애드센스 승인을 얻은 후로 부턴 한동안 애드센스 관련된 내용을 계속해서 연재를 할 예정이다 내가 이 오빠만세 사이트에 광고를 만들어 나가는 과정을 모두 글로 만들어 볼 예정이다 그럼으

ooppa.tistory.com

자 여기까지 만들었다면 이제 세팅이 다 되었다 글을 쓸때 서식만을 이용하면 된다 하나 실습으로 만들어 보도록 하겠다 이미 작성을 한 글에 한번 내가 원하는 곳에 광고를 넣어 보도록 하겠다 나는 아래의 본문 사이에 광고를 넣고 싶다 예전의 방법으로 하려면 html 로 바꾸어서 소스를 다 넣어야 한다 너무 번거롭다 

그러면 본문 수정으로 한 다음 커서를 광고를 넣을 부분으로 가져다 놓는다 그리고 난 다음 서식 열기를 해 본다 

서식을 보면 아까 만들어 놓은 서식을 찾을 수가 있다 하나하나 천천히 따라오면 누구나 다 만들 수가 있다 이렇게 서식에 있는 애드센스 본문을 선택을 한다 그러면 끝이 난 것이다 완료 버튼을 클릭을 하면 된다

그러면 안에 내용이 잘 들어가 있는지를 한번 본문에서 Html 보기로 확인을 해 본다 확인을 해 보니 서식으로 만들어 놓은 부분이 잘 들어간 것이 확인이 된다 

자 그럼 나가서 본문 보기를 해 보자 이 곳에 광고가 잘 들어갔는지 확인을 해 보겠다 와 내가 원하는 광고가 딱 들어가 있는것을 볼 수가 있다 너무 기분이 좋지 않은가 이렇게 하면 내가 원하는 곳에 광고를 넣을 수가 있다는게 정말 중요한 부분이라 생각을 한다

이렇게 오늘은 서식을 이용하여 애드센스 본문광고를 쉽게 넣는 방법을 알아보았다 이 방식이 좋은 점은 나중에 본문의 광고 형식을 바꿀때 html 의 소스만 바꾸면 모든 본문의 광고가 다 한번에 바뀐다 즉 100개의 글이 있다면 예전에는 하나하나 들어가서 본문을 다 수정해야 했다면 이제는 그냥 html 편집에서 한번만 바꾸면 싹 바뀐다 

 

 

애드센스 광고 사이드 배너로 만들기

애드센스 광고 승인을 받고 나니 갑자기 할일이 많아졌다 일단 나의 블로그에 이 애드센스를 세팅을 해야하기 때문이다 그래서 하나하나 하는데 이번 시간은 사이드에 배너를 다는 방법을 알아

ooppa.tistory.com

그리고 모든 본문에서 광고를 빼야하는 상황이 발생했다면 그때도 html 소스 부분만 지우면 한번에 싹 빠진다 그래서 이런 서식을 여러개 만들어서 본문 사이사이 다양한 광고 스타일을 넣는 방식도 괜찮다는 생각이 든다 본문에 쉽게 서식을 넣고 나중에 일괄로 한번에 수정을 하고자 한다면 이 방식을 사용해 보길 권장한다 스크립트는 파일로 제공을 하도록 하겠다 함께 돈 벌어보자!!!

서식및 본문삽입코드.txt
0.00MB


+ Recent posts