어제 FastBoot 반응형 스킨을 적용 후

썸네일에서 애드센스 코드가 보이는 문제점을 발견했습니다.

(adsbygoogle = window.adsbygoogle || []).push({});

이런 코드가 첫부분과 중간중간 보이는 것이었습니다.

처음엔 새로운 스킨을 적용하면서 기존 설정 부분이 잘못된 것인줄 알았는데

FastBoot 의 버그... 라고 하긴 그렇고

썸네일을 구성할때 애드센스 광고 스크립 중 일부를 본문으로 인식하고 보여주는 것이었습니다.

어제 검색할때는 내용이 잘 안나왔는데

역시 안풀릴때는 한박자 쉬어가는 것이 맞나봅니다

비슷한 문제를 해결하신 분이 계셔서 그분 블로그를 참고하여 바로 적용해 보았습니다.

기본 적용 방법은 아래 링크를 클릭해주세요

FastBoot 스킨 적용하기(클릭)

images 폴더 내에 있는 fastboot_index.js 파일 내용 수정이 약간 필요했습니다.

des = des.split("(adsbygoogle = window.adsbygoogle || []).push({});").join("");

위 코드를 아래 위치에 입력해주시면 됩니다.

description 내용을 가지고 있는 des 에서

썸네일에 코드로 표시되는 부분을 전부 찾아서 공백으로 바꿔주는 코드입니다.

변경된 파일을 이용해 스킨 적용작업을 다시 진행하고

html / css 수정에서 SNS 공유버튼 코드를 입력하게 되면

이제 썸네일이 제대로 나오네요!!

고민 해결!!!

블로그에 글을 쓰기 시작한지 일주일 정도 지났습니다.

어떤 주제를 어떤 방식으로 풀어나갈지 고민도 하고

다른 분들은 어떻게 블로그를 운영하는지 벤치마킹도 해봤습니다.

짧은 기간이었지만 가장 눈에 띄는 차이점이 보였습니다.

가. 독. 성

처음 적용한 스킨은 티스토리에서 기본으로 적용하는 스킨이었습니다.

스킨을 고른 이유는 단순히 배경이 이뻐서... 였는데

다른 분들과 비교해보니 쉽게 눈에 들어오지 않는 느낌이었습니다.

뭔가 개선할 점이 없을까 하고 이리저리 찾아다니던 중!!

효자손님 블로그를 발견했습니다.

티스토리 블로그를 시작하는 사람에겐 정말 꿀팁이 흘러 넘치는 신세계였죠~

거기서 FastBoot 스킨 적용하는 법을 보고 당장 작업을 시작했습니다.

(참고 : http://rgy0409.tistory.com/1390 - 친절한효자손의 취미생활)

FastBoot 스킨과 관련된 내용과 다운로드는 아래 사이트로 접속하셔면 됩니다.

▲ http://blog.readiz.com/214#.V-IMryiLSUk

아래쪽으로 쭉 내려보시면 아래 그림과 같이 다운로드 하는 곳이 있고

저는 효자손님과 같이 가장 최신인 1.6.2 버전을 다운로드 했습니다.

(각종 업데이트 내역이 포함된 버전인듯 합니다.)

압축파일을 풀고 티스토리 관리화면으로 들어갑니다.

스킨 - 스킨 등록 순서로 들어가시면

중앙 화면 아래쪽에 추가 버튼을 눌러주세요

이제 다운로드 받은 파일들을 업로드 합니다.

처음 압축을 풀면 아래와 같이 구성이 되어있습니다.

업로드는 두번으로 나눠서 해야하는데

하위폴더 업로드 기능을 지원하지 않기 때문입니다.

그래서 images 폴더를 제외한 나머지 파일들을 1차로 업로드 하시고

images 폴더에 있는 파일들을 2차로 업로드 하시면 됩니다.

파일 업로드를 완료하신 후 스킨 저장명을 입력하시고

저장 버튼을 눌러주시면 업로드는 완료가 됩니다.

다시 티스토리 관리화면에서

스킨 - PC보관함 - 업로드한 스킨의 적용 

순서로 작업을 진행하시면 스킨 적용이 완료가 됩니다

스킨을 적용한 모습입니다!!

카테고리와 작성된 글 내용이 눈에 쏙쏙 들어오는 느낌이네요

그런데... 글을 적다보니 뭔가 이상한 느낌이 듭니다...

이전에 적용한 설정들이 보이지가 않네요... ㅠ

사이드에 공유버튼이라던가

섬네일에 보이는 구글 광고 코드...

새로운 스킨을 적용하면서 기존 설정이 다 날아간듯합니다.

음... 확인결과 일단 광고 적용한건 잘 보이는 것 같습니다.

섬네일에서만 이상하게 보이는것 같네요

혹시나 스킨을 적용하기로 마음먹으셨다면

기존 설정 백업받는 방법을 확인하셔야 할듯 합니다.

전 이미 늦었으니 글 하나하나 수정해야 할것 같습니다 ㅠㅠ

혹시나 팁을 발견한다면 업데이트해서 알려드릴게요~