[블로그 꾸미기] 메인글 상단 하단 찾기

 이번에는 블로그를 꾸밀 수 있는 팁을 하나하나 정리해서 정보를 드리고자 합니다. 적어보려 합니다.. 유명 블로그는 아니지만 다른 곳의 블로그에서 약1년동안 꾸미기 글을 적었었는데 그 당시 많은 분들이 도움을 받으셨던 걸로 기억합니다. 그때를 생각하면서 이번에도 혹시 도움이 되지 않을까? 하는 마음으로 하나씩 적어보도록 하겠습니다. 그 당시에도 그랬었지만 처음에 가장 난감한 부분이 스킨 의 각 부분을 알아가는 겁니다. 상단 하단 오른쪽 왼쪽 부분이 각 부분 별로 나눠져 있는데 이 부분을 찾는 게 처음 해야 하는 일이 됩니다. 특히 블로거 같은 경우 복잡한 것 같은 느낌이 들 정도로 스킨 수정하기가 난감합니다. 티스토리 같은 경우 각 부분이 제대로 나눠져 있어 찾기만 하면 되지만 처음 접하는 저에게는 난감한 스킨 이더군요.

일단 오늘은 메인 글 상단, 하단 자리를 알아보겠습니다. 상단과 하단은 광고 또는 내 글을 알리는 자리로 많이 사용됩니다. 첫 꾸미기 글이니 기본적으로 필요로하는 부분을 먼저 설명하겠습니다.

* HTML 편집?

편집부분은 모든 블로그꾸미기의 공통적인 부분입니다. 블로그를 꾸미시는 분이라면 이 부분을 꼭 참고해주세요.

"꾸미기 --> HTML편집 --> 가젯 코드 펼쳐서 보여주기" 

여기까지는 모든 게시물이 동일합니다. 그럼 이제 본격적으로 상단 과 하단을 찾아보겠습니다.

* 메인글 상단 찾기

 <div class='post-body entry-content'>

<div class='post-body entry-content'>

이 부분 바로 아랫부분이 본문 글 제목 바로 아래부분이 됩니다. 즉 글이 작성되는 부분이죠. 사용하기에 따라 활용하실수 있는 부분입니다. 여러 블로그를 돌아다녀보면 보통 이부분은 광고2개를 가로로 배치를 하더군요. 하지만 제목 위를 활용 하고싶은분이 있으실것 같군요. 그런 분들은 아래 부분을 찾으시면 됩니다.

* 메인글 상단 찾기

 <h3 class='post-title entry-title'>

 

<h3 class='post-title entry-title'>

정말 쉽죠? 아시는 분은 아시겠지만 h3 는 현재 블로그에서 제목에 해당하는 부분입니다. 즉 그 바로 위에 html 을 작성하면 제목 위로 활용을 할수있겠죠? 대략 이 부분은 이미지 미리보기라던지 기타 사항을 제시하는게 보기에 괜찮은것 같습니다.

이렇게 게시물의 상단을 찾았습니다.

이제 하단을 찾아야 합니다. 게시물의 하단은 보통 게시물을 다보고 나가기전에 한번더 둘러볼수있도록 하기위해 하단을 활용합니다. 저같은경우 메타블로그의 위젯과 광고 를 넣어놨습니다.

* 메인글 하단 부분 찾기

 <data:post.body/>

<data:post.body/>

이 부분 아래가 게시물의 하단이 되겠습니다. 덧글 부분상단에 위치하고있고 글 수정이라던지 이런 부분은 관리자 옵션이기때문에 글을 보는 입장에서는 불편함이 없는 부분입니다.

여기까지입니다. 정말 쉽죠? 만약 검색이 안된다면 상단은 h3 로 검색하시고 하단은 date:post 로 검색하시면 쉽게 찾으실수있을겁니다. 이 구조가 스킨에 상관없이 기본적인 구조인지는 모르겠으나 여러 위젯을 배포하는곳에서도 이와같이 안내를 하고있으니 아마 스킨에 상관없이 구조는 같은듯 싶습니다.

아직 다음글을 생각하지 못했지만 CSS 나 HTML 에 관련된 글을 작성해보도록 하겠습니다.