본문 바로가기

반응형 티스토리/FastBoot

사이드바 구글 애드센스 예제소스


이 포스팅은 FastBoot과 관련이 있습니다.


  사이드바에 애드센스를 넣는 법을 궁금해하시는 분이 계셔서 간단한 적용방법에 대해 잠깐 적으려고 합니다. 어려울 건 없구요.. 대충 형태만 보시면 될 것 같습니다. 타 스킨이라도 기본 적용 방법은 동일합니다.


적용모습




코드



<s_sidebar_element>
<div class="panel panel-default">
    <h4 class="panel-heading"><i class="fa fa-credit-card"></i> Adsense</h4>
    <div class="panel-body" style="text-align:center;">
        <!-- 애드센스 코드 -->
    </div>
</div>
</s_sidebar_element> 
	



  주석처리된 부분에 애드센스 코드를 넣으시면 됩니다. s_sidebar_element로 skin.html에서 검색하셔서 원하는 위치에 넣어주시면 됩니다.


  원하는 창 크기에서만 넣고 싶으시다면 (半반응형) 아래 코드를 참고하세요.


	
<script>
if(window.getWindowCleintWidth()<1550 && window.getWindowCleintWidth()>=992){
    document.write('<div class="panel panel-default"><h4 class="panel-heading"><i class="fa fa-credit-card"></i> Adsense</h4><div class="panel-body" style="text-align:center;"><ins class="adsbygoogle" style="margin:auto;display:inline-block;width:160px;height:600px;margin:auto" data-ad-client="" data-ad-slot=""></ins></div></div>');
    (adsbygoogle = window.adsbygoogle || []).push({});
}
</script> 
	



카드모양 아이콘 변경


  <i class="fa fa-credit-card"></i> 에서 fa-credit-card를 변경하시면 됩니다. 사용가능한 아이콘 목록은 http://fontawesome.io/icons/ 를 참고하세요.



마치며



  요즘 준비하고 있는 일들 때문에 포스팅이 조금 줄어들었는데요, 그래도 질문글에는 꾸준히 답변 달아드리고 있습니다. 부담 느끼지 마시고 계속 해주세요. 다만 앞으로는 스킨 관련 질문이 아니면 조금 답변이 힘들 수도 있겠습니다.. 



  추가적으로 검색엔진 관련 질문을 해주시는 분들이 계신데 제 의견은 이렇습니다. 관련해서 따로 포스팅을 하고 싶긴 한데 일단 간단하게만 말씀드리면,



1. 티스토리 신생 블로그는 네이버 진입이 힘듭니다. 진입이 되어있을지라도 금방 밀려나는 사례들이 많습니다. (언제 죽을지 모른다는 소리)

2. 구글 검색은 잘 됩니다. 시간은 좀 걸립니다. 한번 잡히기 시작하면 네이버보 블로그보다 더 잘 잡습니다.



  어디까지나 제 사례이므로 다른 분들과 다를 수도 있지만 일단 비슷하게들 생각하는 의견인 것 같습니다. 참고만 하세요.