티스토리 글 본문 상단 제목 을 자동 으로 보이도록 하자 ( HTML 이용편 )


위 링크를 보게 되면, CSS와 Script 를 이용해서 글 제목을 이뿌게 꾸미는 방법에 대해서 포스팅했었는데요. 


CSS 이용편

: 본문에 제목을 직접 입력하고 CSS 로 박스를 꾸미는 방식

Script 를 이용하는 방법

: 본문에 div 태그와 id 만 입력하면 스크립트로 제목을 자동 입력해주는 방식


이런 방식을 이용하게 되면, 본문에 어떻게든 수정을 해야만 본문에 제목 박스를 표시할 수 있는데요. 새로운 글 뿐만 아니라 기존 글에도 동일하게 적용시키기 위해서는 어떻게 해야 할까요? CSS 이용편을 적용했던 분들이라면 아주 쉽게 적용시킬 수 있습니다.


▶ 관리 페에지의 HTML/CSS 를 수정하자.

관리 페이지의 HTML/CSS skin.html 에 아래 이미지처럼 한 줄만 작성하시면 됩니다.



article_rep_desc 로 찾으시고, 그 위에 <div ~ /div> 로 된 한 줄을 복사하시면 우리가 원하는 방향으로 제목이 표시될 것입니다. 단, 위에도 말했지만, CSS 이용편에서 CSS 를 정상적으로 적용시켰을 경우 정상적으로 표시될 것입니다.


▶ 실제 적용 이미지


 

▶ 검색을 했을 때

 

 

Javascript 로 제목을 넣는 방식은 위 이미지처럼 제목이 노출되지 않았는데요. HTML/CSS 에 HTML 형식으로 추가했을 때는 이상하게 노출이 되네요. 분명히 본문 내부에는 해당 내용이 없음에도 불구하고, 노출된다는 것이 신기할 따름입니다. 뭐,,, 검색로봇이

로봇만의 로직으로 끌어가지 않았을까요? ^^ 노출이 된다는게 저는 많이 고맙네요. 불필요하게 본문마다 제목을 작성할 필요가 없을 테니까요...^^


 

블로거들이 쉽게 돈 버는 CPA 광고를 할 수 있는 리더스CPA ☞ [바로가기]

블로거들이 무료 이미지를 얻을 수 있는 블로거머니 ☞ [바로가기]


이상, 초매였습니다.



Posted by 초매

댓글을 달아 주세요

  1. 2013.04.23 08:19  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  2. [블루오션] 2013.04.23 10:55 신고  댓글주소  수정/삭제  댓글쓰기

    흠.. 좋은 정보군요~
    저도 한번 시도 해봐야겠어요 ㅎㅎ

  3. 이바구™ 2013.04.23 11:03 신고  댓글주소  수정/삭제  댓글쓰기

    이 블로그 팁 정말 좋네요.
    좋은 팁 소개해 주셔서 감사합니다.

  4. Hansik's Drink 2013.04.23 13:35 신고  댓글주소  수정/삭제  댓글쓰기

    블로그 활용팁에 대해 잘 알아 갑니다 ~^^
    좋은 하루가 되세요~

  5. 2013.04.23 13:36  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  6. 눈깔 사탕 2013.04.23 13:36 신고  댓글주소  수정/삭제  댓글쓰기

    역시 아시는 것이 많으시군요~ㅎㅎ^^

  7. 2013.04.23 13:37  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  8. 수학방 2013.04.23 13:52 신고  댓글주소  수정/삭제  댓글쓰기

    전에 말씀드린 방법이 이 방법이에요. 간단하면서도 검색에도 노출되는 방식이죠.
    한 가지 더 알려드리면 div안에 strong 태그를 넣어주면 검색엔지 최적화에 더 효율적이에요.

  9. +요롱이+ 2013.04.23 15:49 신고  댓글주소  수정/삭제  댓글쓰기

    잘 보구 갈께욧..^^
    활기차게 하루를 보내셔요..!!

  10. 모르세 2013.04.23 20:15 신고  댓글주소  수정/삭제  댓글쓰기

    덕분에 좋은 시간이 되었습니다.

  11. 꿈다람쥐 2013.04.23 21:06 신고  댓글주소  수정/삭제  댓글쓰기

    블로그 꾸미는 정보 잘보고 갑니다.^^

  12. 가온누리™ 2013.07.19 16:01 신고  댓글주소  수정/삭제  댓글쓰기

    초매님 좋은 정보라 제 블로그에 적용하고 글 작성도 했습니다.
    감사합니다.^^