탕비수다 스킨, 사이드바에 댓글수 보이도록 수정하는 방법

이은수님 문의하신 하단의 사이드바에 댓글수 보이는 방법입니다.


개발하냥님의 사이드바에 댓글 수가 보이게 수정한 뒤, 글 제목 댓글 바로가기 링크에 댓글 수가 전체가 보일때 skin.html 의 하나만 추가/수정이 필요합니다. 맨 아래를 참고하세요. (이은수님도 참고바랍니다) 





탕비수다 스킨의 기본은 댓글에 숫자 카운터가 없습니다. skin.html 파일을 에디터 플러스같은 편집기로 열어 "두 번째 사이드바"검색하세요.

< !-- wrapper: 두 번째 사이드바 -- >


< s_sidebar_element >

  < !-- 최근에 올라온 글 -- >

  < div class="widget list" >

< h3 class="header" >< span >recent posts< /span >< /h3 >

< ul >

 < s_rctps_rep  >

< li >

 < a href="[# #_rctps_rep_link_# #]" > [ ##_rctps_rep_title_## ] 

                      < span class="rp_cnt" > [ ##_rctps_rep_rp_cnt_## ] < /span >

                  < /a > 

< /li >

 < /s_rctps_rep >

< /ul >

  < /div >

< /s_sidebar_element >

포인트는 붉은색으로 표시된 < span class="rp_cnt" > [ ##_rctps_rep_rp_cnt_## ] < /span > 이게 포인트 입니다.

class="rp_cnt"는 style.css에서 원하시는 색상을 넣어주시면 됩니다.



단, 위와 같이 하면 상단에 댓글 모양 아이콘에 숫자가 이상하게 나옵니다.

그래서 저는 꼼수style.css 파일에서 아래와 같이 수정해서 사용하고 있습니다


/** 

10. Single post

-------------------------------------------------------------------*/

/* 글 관련 정보 */

.article-info { display: none; margin-top: 25px; position: relative; font-size: 0.929em; font-weight: 400; line-height: 1.2 }

/* 댓글 수 */ 

.reply-cnt { cursor: pointer; margin:0px 2px -6px 2px; width:45px; height:22px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }  

/* 수정: 글제목 아래 댓글수를 box고정한다 (이유) 사이드바 #2에 글목록에 댓글 숫자를 보이게하면 전체 댓글수가 모두보임

/* tangbisuda.layout.min.js 에서 수정해도 되지만 귀찮음  */




개발하냥님의 사이드바에 댓글 수가 보이게 수정한 뒤, 글 제목 댓글 바로가기 링크에 댓글 수가 전체가 보일때 skin.html 의 하나만 추가/수정이 필요합니다.


</s_index_article_rep><!-- end: 인덱스 페이지 - 글 목록 -->


<s_permalink_article_rep>

  <div class="article-info">

<div class="meta">

 <a href="/1733" class="name">[##_blogger_##]</a> · <span class="date">[##_article_rep_date_##]</span>

 <a href="[##_article_rep_category_link_##]" class="category" title="[##_article_rep_category_##]">[##_article_rep_category_##]</a> · 

 <span class="reply-cnt" title="댓글보기">

<svg class="svg-icon" viewBox="0 0 20 20">

 <path d="M17.659,3.681H8.468c-0.211,0-0.383,0.172-0.383,0.383v2.681H2.341c-0.21,0-0.383,0.172-0.383,0.383v6.126c0,0.211,0.172,0.383,0.383,0.383h1.532v2.298c0,0.566,0.554,0.368,0.653,0.27l2.569-2.567h4.437c0.21,0,0.383-0.172,0.383-0.383v-2.681h1.013l2.546,2.567c0.242,0.249,0.652,0.065,0.652-0.27v-2.298h1.533c0.211,0,0.383-0.172,0.383-0.382V4.063C18.042,3.853,17.87,3.681,17.659,3.681 M11.148,12.87H6.937c-0.102,0-0.199,0.04-0.27,0.113l-2.028,2.025v-1.756c0-0.211-0.172-0.383-0.383-0.383H2.724V7.51h5.361v2.68c0,0.21,0.172,0.382,0.383,0.382h2.68V12.87z M17.276,9.807h-1.533c-0.211,0-0.383,0.172-0.383,0.383v1.755L13.356,9.92c-0.07-0.073-0.169-0.113-0.27-0.113H8.851v-5.36h8.425V9.807z"></path>

</svg>  <s_rp_count></s_rp_count>  

 </span>

 <s_ad_div> · <a href="[##_s_ad_m_link_##]">수정</a> · <a href="#" onclick="[##_s_ad_d_onclick_##]" class="link_detail">삭제</a></s_ad_div>

</div>

  </div><!-- end: 글 정보 -->


에서 <s_rp_count></s_rp_count> 부분을 추가해주시면 해결됩니다

묘한오빠

남자의 호칭 중에 "오빠"처럼 묘한 것도 없었다

이미지 맵

묘한오빠/블로그가 변한다 다른 글

이 글에 담긴 의견 15

*

*

사진 첨부

    • 적용했지만 수정부분처럼 전체 댓글이 나오네요 ㅠㅠ 초보라 수정방법을 모르겠네요
      박스고정이라.. 알려주시면 안될까요 ㅠ

    • 사이드바에 댓글수가 보이면 상단 글제목은 전체 댓글이 나오는 데, 그것을 앞부분만 잘라서 보여주는 방식입니다.

      현재 블로그는 < span class="rp_cnt" > [ ##_rctps_rep_rp_cnt_## ] < /span > 에서 [ ##_rctps_rep_rp_cnt_## ] 이부분이 없어서 그런지 내용이 없어 확인이 불가능합니다.
      안되면 마우스이벤트 기능을 제거하는 웨일 같은 브라우져를 이용해서 저의 블로그 소스를 보시는 것도 한 방법일 것 같습니다
      ^^;

    • 본문에 내용 추가 했으니 참고하세요

    • 정말 감사합니다!! 완벽하게 해결되었어요 ㅠㅠ 짱짱
      최고이시네요

    • 해결되신 것 같네요.
      포스팅이 쌓이면 자주 놀러가도록 하겠습니다 ㅎㅎ

이전 글

다음 글