게시글 페이지 비밀번호 설정 방법

Blogger에서 암호 설정 및 보호글 작성 방법 소개.
1 min read
게시글 페이지 비밀번호 설정 방법

 

비밀번호 설정, 암호 설정하기

Blogger에서 누구에게나 공개 되지 않는 개인적인 글을 작성해야 한다면, 비밀번호로 페이지를 잠가서 아무도 페이지의 내용을 볼 수 없도록 할 수 있습니다.

잠겨있는 포스트입니다. 비밀번호를 입력해주세요.

이 포스트에서는 블로거에서 비밀번호로 게시물이나 페이지를 보호하는 방법을 살펴보겠습니다.

 

게시글 또는 페이지에 스크립트를 추가하는 방법

  1. Blogger 홈에서 새 글 또는 새 페이지 선택합니다.
  2. 글 수정 페이지 > 연필 아이콘수정 > HTML 보기를 선택합니다.
  3. 아래 코드를 복사하여 본문 최하단에 붙여 넣습니다.
  4. 아이디 또는 비밀번호를 수정합니다.
  5. 미리보기 버튼을 눌러 적용된 사항을 확인합니다.
  6. 업데이트 및 게시를 완료합니다.

비밀번호만 추가하기

<script>
  var password = '486'
  password = prompt('비밀번호를 입력해주세요:','');
  if ( password != '486' ) {
    location.href = '';
  }
</script>

아이디와 비밀번호 추가하기

<script>
  var id = '홍길동'
  var password = '123'
  id = prompt('아이디를 입력해주세요:','');
  if ( id === '홍길동' ) {
    password = prompt('비밀번호를 입력해주세요:','');
    if ( password === '123' ) {
      alert('인증되었습니다.');
    }
    else {
      alert('비밀번호 인증에 실패했습니다.');
      location.href = '';
    } 
  } 
  else {
      alert('아이디를 다시 입력해주세요.');
      location.href = '';
  }
</script>

 

아래의 버튼을 클릭하여 미리보기를 볼 수 있습니다. 비밀번호는 "486" 입니다.

미리보기

 

You may like these posts

  • 기본적으로 3개의 탭을 사용할 수 있으며 하나의 게시물에 최대 4개의 탭을 추가할 수 있습니다. Tabs Post.txt를 다운로드합니다. 텍스트 파일을 열어 기존 코드를 모두 복사합니다. …
  • 안드로이드에서 구글 블로그 모바일 앱 사용하기 구글 블로그 모바일 앱을 사용하면 블로그 게시글을 게시, 수정할 수 있습니다. 안드로이드 사용자는 누구나 이 앱을 다운로드하여 언제 어디서나 Blogger 앱로 포스팅을 게시할 수 있습니다. 또는 게시글을 임시보관 글로 저장한 다음에 나중에 다시 …
  • 웹을 디자인할 때 맨 먼저 떠올리기 쉬운 것이 바로 색상을 바꾸는 것입니다. 그만큼 색상은 쉽게 자주 변하는 속성 중 하나 입니다. 그런데 웹에서 어떻게 색상을 넣을까요? 색상을 소스 코드로 입력하는 몇 가지 대표적인 방법에 대해 알아보겠습니다. 목차 HEX 색상 #…
  • 쇼핑몰이나 전자상거래(eCommerce) 사이트에서 상품 리뷰 평점을 매길 때 별점을 사용합니다. 별 모양 특수문자 기호를 사용하여 반만 색칠된 별 모양을 만들 수 있습니다. 하지만 스타일이 잘 꾸며져 있지 않아 별로입니다. 또 다른 방법으로 별 모양 이미지 PNG 파일을 사용하여 투명…
  • CSS는 HTML 또는 XHTML을 기반으로 하는 블로그나 웹 사이트의 중요한 구성 요소 중 하나입니다. HTML만으로 웹 페이지를 표시하기에는 충분하지 않기 때문에 HTML의 모양새를 개선하기 위해서 CSS가 꼭 필요합니다. 반대로 HTML 없이 CSS만 사용하도 페이지가 표시되지…
  • 모바일 안드로이드(Android)와 아이폰(iOS) 에서 브라우저 주소창이 나오는 상단바의 배경색을 설정할 수 있습니다. meta 태그를 이용해서 자신의 웹 사이트의 테마 색상과 일치시키면 방문자에게 만족스러운 모바일 서비스를 제공할 수 있습니다. 취향에 따라 색상을 마음대로 설정할 수 있습…

3 comments

  1. 4년 전
    보호글 기능 구글 블로그에서는 없어서 찾는 분들이 가끔 있더라구요. 완벽한 기능은 아니지만 도움이 되었다니 다행이네요. 감사합니다.
  2. 4년 전
    안녕하세요! 티스토리 보호글 관련 서치중 선생님께서 작성하신 지식인 답변을 보고 블로그까지 타고 왔습니다.
    올려주신 코드 그대로 티스토리에 적용하니 비밀글 기능은 제대로 되는데 비밀번호를 입력하지 않은 채(비밀번호 입력 팝업창이 켜져있는 상태)로 다른 웹창을 누르니 화면이 깜빡이면서 내용이 보여지는데(비밀번호 잠겨있는 상태) 이 부분 추가 코드로 해결 할 수 있을까요?ㅠ.ㅠ
    1. 4년 전
      안녕하세요. 아쉽지만 이 기능이 전부입니다. ㅠ.ㅠ 스크롤하여 볼 수 없는 영역 아래로 내용을 숨기는 방법이 최선이네요!