본문 바로가기

Language/tistory

티스토리를 네이버블로그처럼 만들기 8

티스토리를 네이버블로그처럼 만들기 8


게시글 더보기 페이징 간격 조정하기


게시글 더보기의 페이징 간격 조정하기가 무엇이냐 하면


게시글 더보기를 본문글 위로 옮기고


그 바로 아래는 각 페이지 숫자가 있을 겁니다.





위의 그림 처럼 간격을 조정 할 수 있습니다.


제 글을 따라 오셨다면 간격이 알맞게 조절이 되어 있을 테지만 !!!!!!!



하지만 아니라면 간격이 매우 넓습니다. !!!!

(제 글을 1번 부터 따라오고 있다면 8번 글을 패스 하셔도 됩니다.)


이 간격을 알맞게 바꿔 보겠습니다.

(알맞게 라는 것은 네이버 정보의 간격을 이야기 하는 것입니다. ^^ 저는 그 정도 간격이 익숙해서요)




자 !!! 한번 바꿔 봅시다.

*** html / css를 수정하기 전에 꼭!! 백업 해두세요.백업하기 ***


*** html / css를 수정하기 전에 꼭!! 백업 해두세요.백업하기 ***


*** html / css를 수정하기 전에 꼭!! 백업 해두세요.백업하기 ***



2. 그러면 이제 관리자 페이지로 이동 합니다.


3. HTML/CSS 편집 을 선택 합니다.

(꾸미기 카테고리 안에 있습니다.)

( 선택하면 새창이 뜹니다.)



4. css를 선택 후 아래의 소스를 수정 합니다.

(css의 가장 아래 까지 이동하세요. / 7번 게시물에서 가장 아래에 소스를 추가 했기 때문이죠)

( 가장 아래에 추가 하지 않으신 분들은 해당 소스를 찾아 가세요 ^^)


해당 소스에서 margin-top:0px; 부분이 있을 겁니다.


해당 부분을 수정하면 간격이 조정 됩니다.


저는 간격을 0px로 했어요.


기본적으로는 50px로 되어 있을 겁니다.


이걸 0px로 바꾸시면 됩니다. ^^


소스 부분:

.another_category td {display: none;}

/* margin-top:상단과 카테고리 헤더간의 간격*/

div.another_category{margin-top:0px;margin-bottom:0 !important;padding:0;border:0 !important;font-family:tahoma}

/* background:#09A6F5; 색상*/

div.another_category h4{margin:0px !important;background:#09A6F5;color:#fff !important;padding:10px!important;font-size:15px;line-height:normal}



5. 저장 버튼을 눌러서 저장 하시면 됩니다.





티스토리를 네이버 블로그 처럼 꾸미기 다른 글 바로 가기


1. 전체 보기 눌렀을때 페이지를 네이버 처럼 꾸밈

티스토리를 네이버블로그처럼 만들기 2



2. 전체보기 글자 수정

티스토리를 네이버블로그처럼 만들기 3



3. 사이드 바의 카테고리 전부 펼치기

티스토리를 네이버블로그처럼 만들기 4



4. 관리자 | 글쓰기를 왼쪽 사이드바로 옮김

티스토리를 네이버블로그처럼 만들기 5



5. 게시글 더 보기를 게시글 상단으로 이동

티스토리를 네이버블로그처럼 만들기 6



6. 게시글 더 보기를 이쁘게 꾸밈

티스토리를 네이버블로그처럼 만들기 7



7. 게시글 더보기 페이징 간격 조정

티스토리를 네이버블로그처럼 만들기 8



8. 게시글 더 보기 색상 꾸미기

티스토리를 네이버블로그처럼 만들기 9



9. 스킨 소스 백업하기

티스토리를 네이버블로그처럼 만들기 10 백업하기