태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

'위젯설치방법'에 해당되는 글 1건

  1. 2009.10.07 [위젯] 블로그에 영어 배우기 좋은 위젯 달기, widgetbox (2)

 
   디자인, 블로그, 연애, 여행, 맛집에 대한 팁을 얻고 싶은 분들은  <히든팁스> 실시간으로
   받아보세요.(
한RSS추가/ 이메일구독/ RSS리더추가)

블로그에 위젯박스의 [English as 2nd language - Learn English] 위젯을 달았습니다.
요 사이트 괜츈하네요.


위젯박스 : http://www.widgetbox.com
위젯박스에는 다양한 카테고리의 위젯이 있어요. 마음에 드는 걸 고르시면 됩니다.


English as 2nd language - Learn English 위젯:


영어 공부에 도움이 되는 글들 목록을 보여주는 위젯인데요, 별이 4개반으로 평점이 좋네요. 댓글 평가도 좋고요.


자기 입맛에 맞게 바꿀 수도 있어요.↓


1) 우선 가로 픽셀 사이즈를 적으세요.
각각의 블로그에 적용되었을 때 오른쪽이 잘리는 경우가 있으니 온전하게 나타나는 사이즈를 적으면 됩니다.

2) 가로 길이에 따라 세로 사이즈를 적으세요.
길게 하거나 짧게 하거나 마음대로 합니다.

3) 테마에서 스킨 색을 정하세요.
저는 흰색으로 했는데요, 호피무늬도 있군요.

4) 레이아웃 옵션을 정해주세요.
각각의 네모칸을 표시해보면 적용되는 이미지가 샘플에 나타납니다.

5) get widget 버튼을 눌러주세요.



6) javascipt에 나온 코드가 보이죠? COPY 버튼을 눌러주세요.

7) 자신의 블로그 스킨 HTML/CSS에 붙여넣기를 하면 됩니다.

저의 경우는 카테고리 밑, 태그목록 위에 껴넣었어요. 위치 확인이 쉽도록 빨간색 굵은 글씨로 표시했어요.

 <!-- 카테고리 모듈 -->
     <div id="category">
      <h3>카테고리</h3>
      [##_category_list_##]
     </div>
    </s_sidebar_element>
    <s_sidebar_element>

<!-- 영어배우기 위젯(about) -->
<script type="text/javascript" src="
http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script>if (WIDGETBOX) WIDGETBOX.renderWidget('1792bf37-aa2d-4d66-becb-51e9e7133a09');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/english-as-2nd-language---learn-english">English as 2nd Language - Learn English</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>
<br>

 
<!-- 태그목록 모듈 -->
     <div id="tagbox">
      <h3>태그목록</h3>


8) <br> 태그 삽입으로 태그목록과의 공간을 만들어줍니다.

그럼 요로케 적용됩니다.


 facebook 멤버라면 평가도 코멘트로 남겨주세요~.

다른 사람들 코멘트 맨 밑에 나의 코멘트를 적고 별표 평가를 하는 칸이 있습니다. 그곳에서 평가해주세요.


 f connect  버튼을 누르고 facebook의 이메일 주소와 비밀번호를 입력하면 로그인이 됩니다.
그리고 나서 코멘트와 별표 평가를 남겨주세요. (적용한 예↓)


   
참 쉽죠~?

- 위젯 관련 사이트 -

 
 
1. 위젯뱅크
 2. 야후위젯
 3. 더블유위젯
 4. 헬리젯
 5. 알에스에스판 : 위젯만들기가 있네요! 
 
6. 위젯을 이용한 비지니스 모델과 활용 전략 : 동영상 강의네요.

저작자 표시 비영리 변경 금지
신고
     디자인, 블로그, 연애, 여행, 맛집에 대한 팁이 궁금하시면 <히든팁스> 구독하세요.
                                  (한RSS추가/ 이메일구독/ RSS리더추가) 

Posted by 티아이피 Trackback 0 : Comment 2

댓글을 달아 주세요

  1. addr | edit/del | reply Favicon of http://cdmanii.com BlogIcon 씨디맨 2009.10.08 17:58 신고

    와 신기하네요. 근데 항목 앞에 구글광고가 ㅋ 깜찍해요.



티스토리 툴바