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

2013/04/15 - [유용한 세상/블러그 이야기] - 포스팅 글 본문 상단 에 글 제목 을 이뿌게 꾸며보자... 티스토리 블로그 ( CSS 이용편 )

2013/04/22 - [유용한 세상/블러그 이야기] - 티스토리 블로그 글 본문 TOP 제목 을 이뿌게 작성하자... ( 스크립트 이용편 )

위 링크를 보게 되면, 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 ☞ [바로가기]

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

이상, 초매였습니다.