티아의 잡동사니

티스토리 블로그를 하면서 글목록들 사이에 어울리면서 이쁘게 넣은 블로그들을 볼 수 있었다. 어떻게 저렇게 이쁘고 어울리게 잘 넣었는지를 고민하던 중 자동으로 개수를 조절하여 인피드 광고를 넣는 글을 볼 수 있었다. 그러나 티스토리 반응형 #1과는 약간 모양이나 방법이 달랐다. 특히 PC와 모바일에서 글 목록이 글자와 썸네일의 크기가 달라지는 문제가 발생했다. 그래서 따로 티스토리 반응형 #1에 알맞도록 자동으로 인피드를 넣는 방법을 고민했고, 성공했다. 이 글에서는 성공한 방법을 공유하고자 한다. 순서는 [인피드 광고 생성 - 스크립트 넣기 - 참고 블로그] 순으로 구성했다. 1. 인피드 광고 생성하기 ( PC / 모바일 ) 처음 인피드 광고를 넣기를 원하는 사람이라면 우선, 광고 단위를 생성해야 한다...

티스토리를 사용하면서 본문 중간에 애드센스를 넣는 것은 너무나도 번거로운 일이었다. 글을 수정하면 열심히 삽입했던 광고가 사라지기도 하고, 또 글만을 적는 것이 아니라 매번 어디에 넣을지를 고민하는 일은 글을 적는 시간을 늘리는데 한몫을 했다. 그래서 어떻게 하면 자동으로 광고를 넣을 수 있을지 고민을 했다. JQuery를 사용했으며, 초안을 짜기까지 다음의 블로그 글을 참고하여, 보다 효율적으로 작성하였다. ( 참고 : https://jjisso.tistory.com/242 ) 현재 사용하고 있는 스킨은 [반응형 #1]이며, 해당 스킨을 그대로 사용하고 있는 경우에는 아래의 코드를 그냥 복사해서 사용해도 된다. 1. 코드 컨셉 다음의 스크립트는 다음과 같이 동작한다. 1. 본문에 나오는 원하는 HTML..