텀블러(Tumblr) 블로그에 방명록 달기

텀블러(Tumblr) 블로그에 방명록 달기

 지난 시간에 '블로그에 게시판 다는 방법'과 '텀블러(Tumblr)에 메뉴 만드는 방법'을 알아보았습니다. 오늘은이 두 가지를 이용해서 텀블러(Tumblr) 블로그에 방명록 만드는 방법을 알아보려고 합니다.

 게시판을 달 때 가장 먼저 한 일이 뭐였죠? 맞습니다. 우선 게시판을 만들어야 했죠. 방명록도 마찬가지입니다. 그럼 방명록을 만들러 가볼까요? 방명록을 제공하는 곳은 여러군데가 있지만 저는 '울트라 게스트(Ultra Guest)'를 추천합니다. 디자인이 깔끔하고 관리가 쉽거든요. 울트라 게스트로 접속해주세요. 울트라 게스트

 어허~ 영어라고 쫄지 맙시다! 우선 가입을 해야겠죠? Signup을 눌러주세요.

 울트라 게스트 가입화면입니다. Website Title에는 텀블러 블로그 이름을, Website URL에는 블로그 주소를 입력해주세요. 그리고 사용하실 이메일과 비밀번호, 확인코드를 입력하시고 Create guestbook을 클릭!

가입하실 때 적은 이메일 주소로 확인 메일이 날아옵니다. 메일을 열어서 링크를 눌러주세요.

 이제 울트라 게스트에 로그인하시면 위와 같은 컨트롤 패널이 나타납니다. 자신의 방명록을 관리할 수 있는 부분인데요. 우선 방명록 주소를 따기 위해 Account - Link Code를 눌러줍시다. 거기에서 위에 파란박스 친 부분, View Guestbook의 소스를 복사해주세요.

 이제 방명록을 만들었으니 텀블러에 달아볼까요? 먼저 텀블러에서 새 글을 하나 작성해주세요!

 HTML 작성으로 들어가셔서 다음의 소스를 입력해주세요.

<iframe src="복사한 방명록 주소" width="700" height="1200" frameborder="0" scrolling="no"></iframe>

 게시판 만들 때 사용한 소스와 똑같지요? width와 height, 즉 너비와 높이는 블로그에 맞게 조절해주시면 됩니다. 이렇게 작성하시고 태그에 'Guestbook'을 넣어주세요!

 이제 블로그 Customize의 HTML 편집으로 가서

 방명록 메뉴 넣을 위치를 찾아 다음 소스를 넣어줍니다. 위치는 CTRL+F 로 원하는 위치에 있는 문자를 검색해서 찾으시면 됩니다.

<div class="typelist-widget widget">

<div class="widget-inner">

<div class="widget-content">

<ul class="widget-list">

<a href="블로그 주소/tagged/guestbook">Guestbook</a></li>

</ul>

</div>

</div>

</div>

 메뉴 만들기에서 보았던 소스지요? 위 소스의 의미는 "'Guestbook'을 누르면 'guestbook' 태그가 매겨진 포스팅을 출력한다"는 것입니다. 블로그 주소 적으실 때 http:// 잊지 말고 넣으시길! 다 작성하셨으면 저장하고 나와서 블로그로 가주세요. 

 Guestbook 메뉴가 생겼군요. 눌러보겠습니다.

 방명록이 제대로 출력되고 작동하는 걸 확인할 수 있습니다. 참 쉽죠? 방명록 디자인은 울트라 게스트에서 바꿀 수 있습니다. 어렵지 않으니 이것저것 눌러보세요 ^^ 이상으로 '텀블러(Tumblr) 블로그에 방명록 달기' 포스팅을 마치겠습니다. 질문은 언제든지 환영입니다. 감사합니다!