웹2.0을 배우는 블로그

wibiya툴바 설치하기

다기능 툴바 Wibiya 블로그에 설치하기 

다양한 상호작용 기능을 갖춘 웹사이트 툴바 

wibiya는 Get it Now버튼을 클릭하여 회원가입하시면

 무료로 사용하실 수 있는 서비스입니다

회원가입 입력란에 이름, Email주소, Password, 

Site Name(블로그 타이틀), Site Url, 언어는 한국어로 설정하고

인증문자는 똑같이 입력하시면 회원가입이 완료됩니다

★Dashboard

News & Update 새로운 코드생성 또는 Grneral Stats,

(설치한 애플리케이션의 사용통계와 Notifier(알림글) 을 작성하여 ,

 홈페이지 링크를 설정하여 설치하실 수 있습니다

★Edit Toobar

My Applications

사용자가 추가하신 애플리케이션을 보여 줍니다. Setup(설치) 

또는 Remove(삭제) 하실 수 있습니다

Theme(테마)

사이트에 설치하실 테마를 선택하실 수 있으며 이미 설치하신 

테마를 다시 재 설정하실 수 있습니다

또는 Website Icon(파비콘)을 다시 설정하실 수 있습니다

Settings

Site Url이나 Language(언어)를 설정(Update)하실 수 있습니다

Install Again

다시 코드를 생성하고자 하실 대 Website/blog Platform을 

선택하는 페이지로 다시 돌아 갑니다

★Add Application

애플리케이션을 추가 도는 삭제 하실 수 있습니다

※아래 이미지는 Dashboard Page view

General Stats에서 사용중인 애플리케이션의 사용통계를 

확인하실 수 있으며 오른쪽의 natifier에서는 

알림글과 블로그 URL을 입력하여 Submit버튼을 클릭하시면 

설치하신 툴바에서 공지글처럼 활용할 수 있습니다.

Application Page view

Add Applications 왼쪽 메뉴에서 All Apps를 

클릭하시면 사이트 툴바에 추가하실 애플리케이션을 선택하실 수

있습니다. 또 이미 설치하신 애플리케이션을 삭제하시고 

다시 추가하여 설치하실 수 있습니다.

최근 포스트

Setting 에 Enter RSS Feed에 사용자 

피드주소를 붙여 넣으시고 Include Images에는 Yes에 체크 합니다

Advanced(고급설정)에 Button label과 Tootip Description 

에는 최근 포스트를 한글로 입ㄺ하시고 Display

item as : Icon + Text 를 선택합니다 Seve 누르고 저장합니다

※위와 같이 저장을 하시면 설치한 툴바에서 이미지와 

함께 포스트가 표시됩니다

Navigation Links(네비게이션 링크)

Link Name에는 방명록을 입력하시고 Link Url은 사용자 사이트 

방명록 주소를 붙여 넣으시고 Link Icon에는

사용자 홈페이지 파비콘이 설정되어 있으면 Use default site icon 

값으로 자동으로 설정됩니다 Advanced(고급설정)에서 

Button label에 방명록을 한글로 설정하시고 

Tootip description에는 Link Menu를 입력하고 

Display item as : Icon + Text 를 선택합니다

 툴바에 표시될 아이콘은 Use current icon으로 사용자

홈페이지에 등록된 파비콘으로 자동 설치됩니다.

 Save버튼을 누르고 저장합니다

※위와 같이 설정을 하시면 툴바에 표시된 파비콘을 클릭하시면 

방명록으로 이동을 합니다

My RSS Feed 

Settings에서  Editㅂ튼을 클릭하여 

RSS Name에는 RSS이름을

 RSS Feed에는 사용자 RSS주소를 붙여 넣으시고

추가할 RSS주소가 있으시면 Edit바튼을 클릭하여 Name과 

RSS Feed 주소를 추가하시면 됩니다 

Advanced(고급설정)에서 Button label과

 Tootip dsctiption에는 RSS구독하기 입력합니다, 

Display item as : Icon에 체크를 합니다

 RSS버튼은 Text를 설정하지 않고 icon만으로도 

RSS구독버튼임을 아시니까

Text를 같이 선택하지 않으셔도 되실 겁니다

 Save버튼을 누르고 저장합니다

Sharing Tool

Advanced(고급설정)에서 Button Label에 공유를 입력하시고 

Tootip description에는 이 포스트 공유를 입력합니다

Display item as : Icon + Text를 선택합니다, 

Save버튼을 누르고 저장합니다.

이외에도 Search(검색), Facebook Fan Page

(페이스북 팬 페이지), twitter Dashbord(트위터 대쉬보드)

Real Time Users(사용자 실시간 통계),

Random Post(랜덤 포스트), Website Chat(음성채팅과 

비디오채팅), Games, Scroll To Top

(한번의 클릭으로 상단으로 이동하는 기능)

 You Tobe Video Gallery, Digg 등...Setting 과

 Advanced(고금설정)을 하여 Install(설치)하는 

방법은 아래와 같습니다.

몇가지만 (예)를 들어 보았습니다 추가하실 때에 

위와 같이 하시면 됩니다

각각의 Applicatin의 Info버튼을 

클릭하면 Facdbook에 연결할 ID입력 또는 주소 

 입력을 Settings에서 설정 할 수 있습니다

Setting한 후 Install버튼을 누르면 툴바에 설치가 됩니다

Enter your twitter user name(without@):에

 애플리케이션에 연결할 사용자 ID를 입력합니다.

Enter an RSS feed (for Latest Posts): 

입력란에 피드주소를 붙여 넣습니다 

twitter나 facebook계정이 없으면 

애플리케이션 선택에서 Install(설치)를 취소하면

 더 이상 입력창이  생성되지 않습니다

상단 Edit toobar Theme에서 사용자 웹사이트에 설치할 

툴바 테마를 선택하여 설정하실 수 있습니다.

틀바를 마우스로 선택하시면 아래 Toobar Preview를 통해  

바로 미리보기 하실 수 있으며 왼쪽의 Website

Icon의 Change를 클릭하여 세번째 화살표 Upload an icon

(jpg,png,gif,Nax 30K)를 클릭하여 내컴에

 저장된 이미지를 불러와 설정하실 수 있습니다

상단 메뉴 Settings에서는 처음 회원가입 

양식에서 Site Language를 English로 설정하신 분은 여기에서 

Language(언어)를 변경하실 수 있습니다.

Install Again에서 사용하시는 웹사이트를 

 선택하실 수 있습니다, 티스토리 블로그는 맨 아래에 Install on

 websites and other blog Platforms을 선택을 

하시면 오른쪽에 Copy The Following code가 생성되며

 Copy Code to clipboard버튼을 클릭하시면 블로그 HTML/CSS  

스킨</body>앞에 붙여 넣을 코드가 복사 됩니다

</s_t3>

<!--wibiya 툴바 start-->

<script src='http://cdn.wibiya.com/Loaders/Loader_40302.js' type='text/javascript'></script>

<!-- wibiya툴바 end-->

</body>

</body>앞에 스크립트 소스를 붙여 넣으시고 미리보기로  

샘플패이지 확인한 후 저장버튼을 누릅니다

2010-02-19 18:11 작성한 글로 블로그 오류로 인하여 유실되어 다시 복원한 글입니다