최근글/ 덧글/ 트랙백 목록 페이징 추가

제목만 보고는 무슨 말인지 도통 감이 안오시죠?
그럼 제 블로그 오른쪽의 메뉴들 중에서 최근 글 목록을 봐주세요.

글목록 밑에 보시면 ◀1▶요런 페이지 네비게이션이 보일겁니다.
아래에 그림으로도 캡춰해 두었습니다.
이것을 이용하면 페이지를 넘기지 않고도 지난 목록을 볼수 있답니다.
편리하겠죠?




그럼 어떻게 하면 리스트에 페이지 네비게이션을 달 수 있을까요?
이 페이지 네비게이션은 스킨 편집화면에서 필요한 부분에 태그를 추가 하는 것으로 사용할 수 있습니다. 블로그 관리화면에서 스킨편집 메뉴를 클릭한후 HTML편집화면으로 갑니다.




아래와 같이 (최근 덧글 부분)라고 되어있는 곳이나 (최근 포스트 부분),(최근 트랙백 부분) 이라고 되어있는 곳을 찾으셔서 라는 태그를 넣고 적용을 눌러주시면 일단 네비게이션을 넣는 것은 성공입니다.


  

    
[%최근 덧글%]

    
   <--요렇게 넣어줍니다.
  




그런데 저 태그만 넣어서는 모양이 안예쁘죠?? 크기도 크고 색깔도 마음에 안들꺼에요.
그럼 스킨편집 메뉴중 CSS편집 메뉴로 갑니다. 그리고 list_nav라는 class를 지정해줍니다. 아래를 참고해서 한번 해보세요 :)어려워 보이면 그냥 복사해서 붙이시면 된답니다

/* list_nav*/
.list_nav{
  display:block;
  text-align:center;  /*가운데 정렬한다는 뜻입니다*/
  font-size:10px;  /*글자크기를 지정합니다*/
  font-family:verdana;  /*글꼴을 지정합니다*/
  color:#333;  /*글자색을 지정합니다*/
  margin-top:5px;  /* 위줄과의 간격을 지정합니다*/
  background:#f5f5f5;  /*배경색을 지정합니다*/
  }

/*A링크가 걸린 부분에 스타일을 정합니다 화살표에 A링크가 걸려 있습니다*/
.list_nav A:link,.list_nav A:visited,.list_nav A:active{
  font-size:8px;
  font-family:verdana;
  color:#333;
  text-decoration:none;
}

/*A링크에서 마우스를 올렸을때 보이는 스타일을 정합니다 */
.list_nav A:hover{
  color:#993399;
  text-decoration:none;
}


 태그 안은 참고로 이렇게 생겼어요.


  ◀1▶

"[폐기]2010 이전 / 매뉴얼&활용팁 권법" 분류의 다른 글

진보블로그에 그림 올리기 (4)2010/05/20
블로그에 유투브, 다음 등 동영상 넣기 (13)2009/12/10
공지사항 쓰기 - 블로그 상단에 글 고정하기 (0)2009/12/10
두둥~ 새로운 편집기 안내! (15)2009/06/21
수정 누르지 않고 포스트의 공개 여부 상태 변경하기 (5)2007/03/14
진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기딜리셔스에 북마크

최근 트랙백 목록

  1. 트랙백 테스팅
    재성잉
    2016
  2. ㅅㄷ
    test
    2015
  3. 트랙백?
    일상의 기록, 기억 해내기
    2015
  4. 트랙백이란?
    Progrimang
    2015
  5. 트랙백 테스트
    talecue1님의 블로그
    2015

저자 목록