'티스토리'에 해당되는 글 3건

  1. 내 티스토리 블로그에 구글 애드센스(Adsense) 달기 (5)
  2. 변경된 티스토리 글쓰기와 옛날 글쓰기로 바꾸기
  3. 나만의 파비콘 만들기(Favicon)(티스토리에 적용하기)
블로그를 통해 수익을 내는 방법중 구글의 광고 시스템인 애드센스(Adsense)를 티스토리의 블로그에 달 수 있습니다.

본문에 애드센스 달기


  본문에 애드센스를 본문 위 아래로 아래 사진과 같이 구글 애드센스를 적용시킬 수 있습니다.

 
티스토리 로그인 후 관리자 페이지에 접속 --> 왼쪽 메뉴의 HTML/CSS 편집으로 부분으로 들어가세요.



이 부분은 티스토리 블로그의 스킨을 설정할수 있습니다 HTML 전체를 수정할수 있기 때문에 이것이 티스토리만의 장점으로 꼽힙니다. 

이 화면에서 Ctrl+F(찾기) 를 눌러서 검색창에

##_article_rep_desc_##


 위 문자를 복사&붙여넣기 해주세요. 이 문구 앞에 있으면 본문 상단의 내용이고 뒤에 있으면 하단의 내용입니다.

아래와 같습니다.

여기에 있으면 본문 상단에 표시됩니다
##_article_rep_desc_##
여기에 있으면 본문 하단에 표시됩니다.


이걸 응용하여 광고를 넣을수 있습니다.

<table cellpadding="0" cellspacing="0" table width="100%">

<tr> 

<td width="50%"> 

애드센스 코드 삽입

</td>

<td width="50%"> 

애드센스 코드 삽입

</td> 

</tr> 

</table>



위 코드를  
##_article_rep_desc_##의 앞뒤로 붙어 넣으시면 됩니다. 저는 본문 상단 하단에 모두 광고를 표시할 것이므로

<table cellpadding="0" cellspacing="0" table width="100%">

<tr> 

<td width="50%"> 

애드센스 코드 삽입

</td>

<td width="50%"> 

애드센스 코드 삽입

</td> 

</tr> 

</table>

 ##_article_rep_desc_##

<table cellpadding="0" cellspacing="0" table width="100%">

<tr> 

<td width="50%"> 

애드센스 코드 삽입

</td>

<td width="50%"> 

애드센스 코드 삽입

</td> 

</tr> 

</table> 

 

 이런식의 구조가 됩니다. 만약에 본문 상단에만 광고를 배치하고 싶다면 
 위 코드에서 ##_article_rep_desc_##
아래에 있는 코드는 없어야 합니다.


이제 
애드센스 코드 삽입  부분을 지우고 자신의 애드센스 광고를 넣으시면 됩니다.
애드센스 광고는 왠만하면 정사각형 광고가 보기 좋습니다.

굳이 똑같이 하실 필요 없습니다. 개성있게 자신만의 광고 구성을 해보시는것도 좋습니다.

(추가) 원래 ##_article_rep_desc_## 은 앞뒤로 []가 있습니다.


이 글이 도움이 되었으면 클릭!

 
티스토리 글쓰기 에디터가 새롭게 바뀌었습니다.
전체적으로 보기좋은 UI에 적절한 배치가 정말로 맘에 듭니다.
하지만 한가지 치명적인 단점이 있습니다.

 
만약에 자신이 글을 쓸 때 앤터를 누를 시에 앤터를 한번만 눌러도 두번 누르는 효과가 발생됩니다.

익숙해지면 편리할것도 같은데 상당히 불편합니다. 글상자나 사진같은걸 넣을때도 마찬가지입니다.

글상자에서는 자신이 글상자를 생성하면



 
이런식으로 두껍게 나옵니다. 또 이게 줄여지지도 않더군요. HTML에서 일일히  </br>을 없에주어야 될것 같습니다.

사진에서도 마찬가지로 첨부를 하면 쫙쫙 벌어지는 현상이 일어납니다. 이런 현상들 때문에 요즘 논란이 일어나고 있는데요,

제 생각에는 항상 새로운 서비스를 시작하면 Beta로 먼저 해야하는게 옳지 않나 싶습니다.

그래도 다음이 옛날 에디터로 바꾸는 항목을 남겨 놓았으니 다행입니다.

티스토리 옛날 에디터로 바꾸기

 
새롭게 바뀌신분들 에디터에는 아래 사진처럼 있는 부분이 있을 겁니다.


클릭 후에 이전 에디터 항목을 클릭해주신 후에 <br>줄바꿈 항목을 선택해주신후 저장눌러주시면 예전처럼 사용하실 수 있습니다.


 
이 글이 조금이라도 도움이 되었다면 손가락 클릭해주세요^^ 

작지만 큰 상징

파비콘이란 것은 아래 사진처럼 그 웹사이트를 대표하는 16x16크기의 작은 아이콘입니다.


네이버 검색은 저렇게 네이버 검색창의 대표 아이콘이 있네요. 하지만 저는 아직 파비콘을 만들지 않았기 때문에 그냥 인터넷 익스플로러 모양입니다.

그냥 밋밋한 저 인터넷 익스플로러 아이콘을 저의 상징인 아래 사진으로 바꿔보겠습니다.

파비콘 크기16x16과 .ico 형식으로 바꾸기

자신이 원하는 사진이 16x16 크기이고 .ico 형식일리가 없습니다. 그래서 저렇게 바꿔주어야 하는데요. 포토샵으로 할 수도 있지만 너무 귀찮습니다. 그래서 제가 자주 이용하는 사이트를 알려드립니다.

http://favicon.htmlkit.com/favicon/

위 링크로 들어가시면 아래 사진처럼 보이실 겁니다.


찾아보기를 눌러 자신이 원하는 사진을 누르시고 Generate FavIcon.ico를 누르시면

이렇게 뜹니다. 자신이 원하는 그림을 1번부터 5번까지 중에서 고른 다음에 아래 Download FavIcon Package를 눌러주면 Zip 압축파일 형식으로 다운받을 수 있습니다.

거기에서 Favicon.ico만 쏙 빼오면 됩니다.

티스토리 블로그에 파비콘(Favicon) 적용하기

16x16사이즈의 파비콘을 다운받았으면 이번에는 자신의 티스토리 블로그에다 적용해야 합니다.

http://티스토리닉네임.tistory.com/admin(관리 페이지) 로 접속한 뒤 로그인후 환경설정의 기본정보를 눌러줍니다.

아이콘 부분의 파비콘을 찾아 찾아보기를 눌러 방금 다운받은 Favicon.ico를 찾은 후 저장을 누르면 끝!!!!~~~


등록을 했는데 안보이면은 브라우저를 닫았다 열어보거나 크롬 브라우저를 써보세요~~~