블로그스팟 사이드바 댓글 목록 생성하기

구글 블로그인 블로거(Blogger)에서 사이드바 가젯에 댓글 목록을 생성하는 방법의 내용입니다.

 

🥕광고 차단 프로그램을 OFF 하여 주시면 좋은 콘텐츠를 제작하는 데 있어 많은 힘이 됩니다. 안녕하세요, 마녀의 숲속 블로그의 마숲입니다~^ ^

 

구글 블로그 댓글 사이드바 만들기

1. 구글 블로거 관리페이지로 접속합니다.

 

2. 좌측 메뉴에서 '레이아웃'을 선택합니다.

 

3. 우측에 있는 '사이드바'에서 '가젯 추가'를 클릭합니다.

 

반응형

 

 

4. 'HTML/자바스크립트'를 선택합니다.

 

5. 나타난 위젯에 원하는 제목을 입력합니다. (예: Comments)

 

6. 콘텐츠란에 다음의 스크립트를 복사하여 붙여넣은 다음 저장을 누릅니다.

 

<script>
  function getComments() {
    var blogUrl = "본인의 블로그스팟 주소 입력";
    var numComments = 5; // 가져올 댓글 개수
    var url = blogUrl + "feeds/comments/default?alt=json&max-results=" + numComments;

    fetch(url)
      .then(response => response.json())
      .then(data => {
        var comments = data.feed.entry;
        var commentList = "<ul>";
        comments.forEach(comment => {
          var author = comment.author[0].name.$t;
          var content = comment.content.$t;
          commentList += `<li><strong>${author}:</strong> ${content}</li>`;
        });
        commentList += "</ul>";
        document.getElementById("comment-widget").innerHTML = commentList;
      })
      .catch(error => console.error("댓글을 불러오는 중 오류 발생:", error));
  }

  window.onload = getComments;
</script>

<div id="comment-widget">댓글을 불러오는 중...</div>

 

( 본인의 블로그스팟 주소 입력 예시 → https://YOUR-BLOG-NAME.blogspot.com/ ) 

 

 

7. 우측 하단의 디스크 아이콘을 눌러, 최종적으로 레이아웃을 저장합니다.

 

8. 블로그를 보면 다음과 같이 사이드바 메뉴에 댓글 창이 만들어진 것을 확인할 수 있습니다.

 

👉 (30만 원 실적!) 현존하는 최고의 통신비 할인카드

 

👉 테무에서 제품 구매하고 10만 원 받기

👉 끝판왕! PD 고속충전 20000 보조배터리 추천 (노트북 충전 가능)

👉 [어머, 이건 꼭 사야 돼] 테무, 알리 가성비 필수템 추천 소개

 

👉 [꿀팁] 테무에서 물건 사고 바로 가격 할인받는 방법

👉 테무, 알리에서 구입한 내돈내산 필수템 추천 모음