티스토리 스킨을 잘못골라서 검색창이 상단 블로그제목 그림속에 숨어있었는데요

    (수정하기 귀찮음..)

     

    저걸로 검색하면 편하긴 하지만 자꾸 애드센스 크롤링에 오류를 남기는 원인이기도 해서 이번기회에 구글 검색기를 달았습니다.

     

     

    구글 검색기는 구글 애드센스에서 제공하는 제품입니다.

     

    애드센스에서 내 광고에 들어가시면 컨텐츠 아래에 검색 이라고 있습니다.

     

    만드는 방법은 아실거라 생각하고 ^^

     

    사이드바에 자연스럽게 추가하기 위해선 기존 스킨의 사이드바 HTML구문을 참고해서 살짝만 추가해주면 됩니다

     

    아래는 제 스킨의 태그목록 모듈부분인데요,

    <s_sidebar_element>부터 </s_sidebar_element>사이의 구문만 필요합니다. (스킨에 따라 좀 다를 수도 있어요)

     

     <s_sidebar_element>

      <!-- 태그목록 모듈 -->
      <div id="tagbox">
      <h3>Tags</h3>
        <ul>
        <s_random_tags>
       <li><a href="[ ##_tag_link_## ]" class="[ ##_tag_class_## ]"> [ ##_tag_name_## ]</a></li>
        </s_random_tags>
        </ul>
      </div>
      </s_sidebar_element>

     

     

    그러면 티스토리 관리- 사이드바에서 HTML배너출력을 추가하고 다음처럼 편집합니다.

    ( 파란색은 원하는대로 수정해야 할 곳, 초록색은 그냥 제 설명이므로 들어가면 안됩니다.)

     

    <!-- 검색 모듈 -->
    <div id="tagbox">
    <h3>검색</h3>
    <ul>
    <s_random_tags>
    <li>

    <div style="float:center;margin-left:3px;margin-top:5px"> #검색기의 상하좌우 여백을 조절합니다.

    #구글 애드센스 검색기 스크립트가 들어가는 부분#

    <a href="[ ##_tag_link_## ]" class="[ ##_tag_class_## ]"> [ ##_tag_name_## ]</a> 삭제해야할 부분

    </div>

    </li>
    </s_random_tags>
    </ul>
    </div>

     

    마지막으로 저장하시고 확인하시면 됩니다.

     

    참고로 구글애드센스에서 검색기는 배경색 편집이 안되지만

     

    <div class="cse-branding-bottom" style="background-color:#3E3E3E(배경색);color:#FFFFFF(글자색)">

    이부분을 수정하면 되고,


            <input type="submit" name="sa" value="검색(검색버튼에 들어갈 글자)" />

    이와같이 다른부분들도 수정이 가능하니 잘 찾아보세요 ^^

    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함
    • BlogIcon artautocare
      2014.11.15 06:33 신고

      안녕하세요 뭐하라님 ^^
      보니깐 제 태그 목록은 틀리던데요 같은스킨이라도 틀린건가요?
      위 태그목록모듈 과 비교해서
      저는 위부분이 아래처럼 시작돼는요
      <!-- 태그목록 -->
      <div class="panel panel-default">
      <h4 class="panel-heading"><i class="fa fa-tags"></i> Tags</h4>
      <div id="side-tags" class="panel-body">

      어떻게 고치면돼나요


      • BlogIcon 뭐하라
        2014.11.15 08:36 신고

        이 글은 패스트부트 적용하기 전 옛날 글이라 그렇구요 ^^

        <div class="panel panel-default">
        <h4 class="panel-heading"><i class="fa fa-search fa-lg"></i>이 블로그에서 검색</h4>
        <div class="panel-body">

        [여기에 스크립트를 넣으세요]

        </div>
        </div>

        이렇게 쓰시면 될겁니다

    • BlogIcon artautocare
      2014.11.15 14:27 신고

      포스팅 내용 맨아래에 버튼에 글씨넣는 코드는 어떻게 넣어야하나요?

      그리고 위에 말씀해주신대로 코드에 제검색코드 넣어서 티스토리html/css 안에 넣어야하는건가요?
      사이드바 배너에다넣어야하는건가요?
      현제 html.css에 <!--구글검색기코드>로해서 넣었더니 검색창이 여러개가 여러개뜨는 에러가 생기는데..ㅡㅡ;
      한번봐주시면 고맙겠습니다. 뭐하라님 ^^

      • BlogIcon 뭐하라
        2014.11.15 14:28 신고

        이 블로그에서 '구걸'로 검색하면 나올겁니다.

        코드는 사이드바에서 html배너하나 만들어서 넣으시는게 편합니다
        여러개뜨는건 코드를 여러번붙여넣으셔서 그렇습니다 ^^

    • BlogIcon artautocare
      2014.11.15 15:38 신고

      <input type="submit" name="sa" value="검색(검색버튼에 들어갈 글자)" />
      이코드는어디다가 넣는지요

      • BlogIcon 뭐하라
        2014.11.15 15:41 신고

        그부분은 따로 넣는 코드는 아닙니다~
        애드센스에서 얻은 코드 안에 있어요

    • BlogIcon artautocare
      2014.11.15 15:56 신고

      그럼 그냥 구글에서 코드생성후 (코드생성시 미리보기에 검색이라는글씨가 보이던데)
      그래서 그냥구글에서생성한코드를
      사이드배너에적용하면 현재적용한상태를보면 버튼에 검색글씨가 안나오는데..
      해결방법이없는지요?
      어디를 건드려야하는지..요.^^;

      • BlogIcon 뭐하라
        2014.11.15 16:08 신고

        그부분 저도 고생많이 했었는데.. 아무래도 구글쪽 버그같습니다. 다른디자인의 검색창을 적용해보세요