블로그나 웹 사이트에 적용 할 수 있는 다양한 형태의 Widget 제공하였던 위자드팩토리는 2012년 09월 24일, 다음 위젯 뱅크는 2015년 06월 30일 서비스가 종료되어, 현재는 Blog에서 기본적으로 제공하는 유형이나 개별 웹 사이트에서 제공하는 형태를 사용해야 합니다. 웹 서비스 이용이 PC 기반에서 모바일 중심으로 이동을 하여, 스킨도 반응형 스킨을 많이 사용을 하게 되었고, 블로그 꾸미기도 스마트폰과 태블릿 및 컴퓨터 환경에서 모두 사용할 수 있는 SNS 소셜 버튼 위주로 변화가 되었는데, 이번 포스팅에서는 티스토리 블로그에 ClockLink.com 세계 시간대 시계 위젯 설치하는 방법에 대해 소개해 드리도록 하겠습니다.
* ClockLink.com Time Widget
※ ClockLink는 HTML5와 플래시 기반의 시계 위젯을 웹 사이트나 블로그 등에 설치 할 수 있도록 서비스를 제공하는 사이트로, 시간대와 도시 등의 지역을 선택하고, Widget 별로 크기과 색상 등을 지정 한 후 HTML 태크를 복사하여 사용 할 수 있습니다.
※ 사이트 좌측 메뉴 중 'Gllery' 항목을 선택하면, Newest와 Ad Free, Analog와 Animal, Animation과 Count Down and Up, Dark Backgrounds와 Digital, Holydays와 Logo and Coustom, Seasons와 Sports, Transparent 등의 다양한 카테고리 분류에서 원하는 디자인을 선택하여 'View HTML tag' 버튼을 클릭하면, 소스 코드를 복사하여 설치 할 수 있습니다.
※ 세계 시간대 위젯은 ClockLink.com 사이트 좌측의 메뉴 중 'World Clock'을 클릭하여 선택할 수 있는데, 참고로 사이트는 영문으로 제공을 하며, 상단의 'Choose Language' 항목을 클릭하여도 영어와 중국어, 일본어만 선택할 수 있고 한국어는 지원하지 않는데, 이용이 불편한 경우 크롬이나 파이어폭스, 오페라 등의 브라우저에서 제공하면 자동 번역 기능을 사용하면 됩니다.
※ World Clock 항목의 Random Timezones은 5초 또는 설정 값에 따라 3개 지역의 세계 시간을 순서대로 보여주는 HTML5 기반 Random Timezones과 지정한 시간대를 표시하고, 선택한 지역의 시간을 별도로 나타나는 Flash 기반의 위젯이 제공되며 'View HTML tag' 버튼을 클릭하여 소스 코드를 복사할 수 있습니다.
※ 블로그나 웹 사이트 등에 적용하고자 하는 위젯의 'View HTML tag' 버튼을 클릭하면, 정책과 약관 항목이 표시가 되며, 하단의 'Accept' 버튼을 누르면, Widget 설정 화면이 나타 납니다.
※ 약관에 동의를 한 후 위젯의 종류에 따라 Blue와 Red, Green과 Gray 등의 색상 선택과 세계 시간의 경우 480×250, 720×375, 1200×650 픽셀 등의 사이즈를 선택한 다음, 하단의 코드를 복사하면 되는데, 참고로 HTML 코드 내 Size 값은 지정한 값과 다른 수치로도 수정하여 사용할 수도 있습니다.
티스토리 블로그에 ClockLink.com 시계 위젯을 적용하는 방법은 'TISTORY 관리 - 꾸미기 - 사이드바 - 기본 모듈 - HTML 배너출력' 또는 'HTML/CSS 편집'에서 <body>와 </body> 사이에 복사 한 코드를 추가해 주면 됩니다. 참고로 아날로그 또는 디지털 시계 위젯의 경우 사이드바에 추가하여 사용 할 수 있지만, 세계 시간 위젯의 경우 가로폭이 넓고 로딩에 다소 시간이 소요되는 편으로, 듀륏체리의 하드웨어 섹터에는 'Bitdefender Quickscan Free Online Virus Scanner'와 함께 지역로그(LOCATIONS LOG)에 적용되어 있으며, 보안상의 문제를 이유로 <iframe>을 지원하지 않는 네이버 블로그에는 설치할 수 없습니다.
'블로그팁 > TISTORY' 카테고리의 다른 글
| 티스토리 블로그 방문자 수 20,000,000명 돌파 기록 기념 포스팅 (0) | 2022.11.06 |
|---|---|
| 티스토리 블로그에 아이피 주소 IP Address 위젯 설치하는 방법 (2) | 2017.03.23 |
| 티스토리 블로그에 sharebutton.net 소셜네트워크 공유 버튼 설치하는 방법 (4) | 2016.10.06 |
| 티스토리 블로그 공감 버튼 제거하는 방법 (2) | 2016.06.09 |
| 티스토리 받은 트랙백이 없고 댓글이 없습니다. 수정하는 방법 (2) | 2016.05.18 |
댓글