안녕하세요. 하늘다래입니다.
오늘은 위저드팩토리(링크)에서 제공하는 위젯만들기 기능을 이용해 RSS로 받아보는 글들을 간편하게 위젯으로 만들어 설치해서 볼 수 있는 방법을 설명해드리려고 합니다. 간단 예제로 블로거/마케터들의 구인/구직 포털인 마케팅베이(링크) 의 구인 게시판을 위젯으로 만들어 보겠습니다.
| 위저드팩토리에서 마케팅베이 위젯 만들기 |
0. 위저드팩토리 (링크) 로 접속합니다.
1. 상단 메뉴에서 '위젯 만들기' 를 선택합니다.
2. RSS 주소를 추가 하시면 자동으로 제목이 세팅됩니다.
3. 위젯의 제목을 '텍스트', '이미지', '제목없음' 세 가지 형태로 만들 수 있습니다.
4. 레이아웃은 총 4가지를 선택 할 수 있는데 옵션에 따른 형태는 아래 이미지로 확인 하실 수 있습니다. ^^
▲ 여러 레이아웃 선택 가능
5. 테마 설정에서는 위젯의 디자인을 선택 할 수 있는 아래 이미지와 같이 여러 디자인을 제공합니다.
▲ 여러 테마 선택 가능
6. 위저드팩토리에 가입 하신 분들은 자신이 만든 위젯을 저장해뒀다가 언제든 편집 할 수가 없는데 관리를 위해 위젯 이름을 설정해 줍니다. 우측에 미리 보기 화면이 있는데 이미지에는 없습니다. ^^; 우측 화면에서 미리 보기 하셔서 사이즈 조절도 가능합니다.
7. 위젯 퍼가기 버튼을 선택합니다. (자신의 블로그에 맞도록 선택해주시면 되는데 티스토리 사용자 분들께서는 그냥 '위젯 퍼가기' 선택하시면 됩니다.
'위젯 퍼가기' 버튼을 선택하면 블로그에 삽입 할 소스가 나오는데 전체 선택하신 후 Ctrl + C 하셔서 복사하세요. (메모장 같은 곳에 복사해두셔도 됩니다^^)
8. 티스토리 관리자 - HTML/CSS 편집 화면으로 이동합니다. 여기서 skin.html 내용을 수정 할텐데요. 전 사이드바에 위젯을 설치 할 것이므로 'sidebar' 로 검색 했습니다.
티스토리의 사이드바 구성은 <s_sidebar_element> 와 </s_sidebar_element> 태그 사이에 내용이 들어가는 형태이므로 원하는 부분을 찾아서 위젯 소스를 삽입해 주시면 됩니다.
전 광고를 삽입하는 부분에 넣었습니다.
▲ 블로그에 설치한 화면
RSS 주소를 통해서 글 목록을 위젯으로 만드는 형태이므로 자기 블로그 글을 위젯으로 만들어서 설치한다면 깔끔하게 사용 할 수 있을 것 같네요. ^^
마지막으로 예제로 사용 했던 마케팅베이 위젯을 간편하게 만드실 분들은 다음 링크(http://goo.gl/v9ncM) 로 접속하시면 됩니다. ^^
이상, 하늘다래였습니다.
* 프로블로거 마케팅 캠프에 참여중입니다.
** 블로거 섭외는 마케팅 베이로 문의 주세요.