구글 블로거에 포럼 게시판 달기

예전에 "블로그에 '구글 그룹스(Google Groups)' 게시판 달기" 강좌를 올린 적이 있었는데, 이번에는 다른 무료 게시판 서비스를 설치하는 방법을 알아보겠습니다.

'Nabble'라는 해외 무료 포럼 서비스를 이용할 것인데, 예전에 포스팅한 '해외 무료 게시판 서비스 소개'를 참조하시기 바랍니다.


장점
구글 그룹스를 이용했을 때에 비해서 뚜렷한 장점은 아이프레임에 따른 스크롤바가 생기지 않고, 페이지 자체의 세로 길이가 자동으로 변환되기 때문에 구글 블로거와 완전히 일체화된 사이트처럼 보이게 됩니다. 이미지나 파일첨부도 지원을 하구요. 게시판 디자인 수정이나 갤러리 타입 같은 다양한 포맷 적용이 가능하다는 점도 장점이 되겠습니다.

단점
무료로 사용할 경우, 게시물에 광고가 따라 붙습니다. 제가 예전에 사용할 때는 애드센스 광고가 붙었었구요. 광고가 붙지 않게 하려면 유료로 사용해야 합니다. 그리고 해외 서비스다보니 로딩 딜레이가 있다는 점입니다.

그럼 강좌를 시작합니다.





1. Nabble에 가입한다.

당연히 우선 Nabble.com 에 가입해야 합니다. 가입은 크게 어려울 것이 없습니다. 접속하시면 다음과 같은 홈페이지를 보실 수 있습니다.


'Create Free Forum'을 클릭하시면, 아직 회원이 아니므로 다음과 같이 가입창이 나타납니다.


보시면 일반적인 해외사이트의 가입 형식을 따릅니다. 해외사이트는 한국처럼 생년월일이나 주소, 전화번호에 민증까고 실명인증까지 받는 미친 짓거리를 하지 않으니 간단합니다. 아이디와 메일주소를 쓰고 규정에 동의를 하신 후에 하단에 포럼과 관련된 내용을 써주시면 됩니다. 가입확인 메일을 수신해야 가입절차가 완료되므로 메일은 구라로 쓰지 마시고 확인 가능한 이메일 주소를 사용하셔야 합니다.

더 이상의 자세한 설명은 생략합니다. 어렵지 않으니 알아서 가입하시고 포럼을 생성하세요. 그리고 다음 단계로 넘어갑니다.





2. 임베디드 코드 (Embed Code) 얻기

포럼이 생성되었으면 해당 포럼의 '임베디드 코드 (Embed Code)'를 알아내야 합니다. 다음 이미지를 참조하세요.


옵션을 보시면 'Embedding options' 메뉴가 있을 겁니다. 들어가셔서 코드를 획득하세요.





3. 구글 블로거에서 새 페이지 생성

게시판을 붙여넣을 페이지를 생성하시기 바랍니다. 새 포스트를 작성하는것이 아니라 '페이지'를 만드는 겁니다. 블로거 좌측의 메뉴에 보시면 페이지가 있지요? 페이지 하나 생성해주세요. 그 페이지의 주소를 포럼 게시판의 주소로 사용할 것입니다. 페이지로 생성하는 것이니까 메뉴에 집어넣기도 좋겠죠?





4. 템플릿 HTML 수정 1

구글 블로거의 템플릿 메뉴로 들어가서 'HTML' 수정 창으로 들어가세요. 들어가셔서 다음과 같은 코드를 찾아내세요. HTML 창에서 '컨트롤 + F' 버튼을 누르면 검색창이 나타나니까 그것으로 찾는 편이 쉬울겁니다.

<div id='columns'>

또는

<div id='main-wrapper'>

또는

<div class='columns fauxcolumns'>

템플릿이나 버전에 따라 차이가 있는 것 같습니다. 그리고 셋 모두 검색이 되지 않을 수 있는데, 그럴 경우 빨간색 내용으로만 검색해 보세요. 약간 다를 수 있거든요. 참고로 제가 지금 사용하는 템플릿의 경우는 <div class='main-wrapper' id='main-wrapper'> 라고 되어 있습니다. 제가 예전에 구글 블로거에서 제공하는 스킨 사용할 때는 그대로 검색이 되었던 것 같은데 확실하진 않습니다.

어쨌든 찾으셨으면 바로 윗부분에 다음 코드를 붙여넣으세요.

<b:if cond='data:blog.url == &quot;http://www.YourForum.html&quot;'> <a href='http://YourForum.1057161.n5.nabble.com/' id='nabblelink'>YourForum</a> <script src='http://YourForum.1057161.n5.nabble.com/embed/f4567181'/>
</b:if>
위 코드에서 빨간 부분은 아까 3번 과정에서 생성한 여러분의 구글 블로그 페이지 주소로 교체해 주셔야 합니다. 그리고 초록색 부분은 아까 2번 과정에서 얻은 Embed 코드 넣으시면 되구요. 중간에 노란 부분도 여러분의 포럼 주소로 바꿔주시면 됩니다.





5. 템플릿 HTML 수정 2

역시 구글 블로거 템플릿 HTML 창에서 헤드태그 끝나는 부분 </head> 을 찾습니다. 그리고 그 바로 앞에 다음 코드를 붙여넣습니다.

<b:if cond='data:blog.url == &quot;http://www.YourForum.html&quot;'><style type='text/css'> #columns { display:none !important; } .columns, .fauxcolumns { display:none !important; } </style> </b:if>
이러면 끝입니다. 그간 제가 올렸던 구글 블로거 관련 강좌를 이것저것 해보신 분이면 어렵지 않을 것이고, 위에 제시된 코드들도 무슨 뜻인지 다 들어올 것입니다.

블로거에서 제고하는 기본 스킨이 아닌, 커스텀 스킨의 경우 더러 안되는 경우도 있을지 어떨지 모르겠네요.

이상으로 구글 블로거에 Nabble 포럼 게시판 달기 강좌를 마칩니다.

No comments:

Post a Comment

Popular Posts