후즈어멍어스 위젯/블로그 실시간 현재 접속자수 알리미 설치
후즈어멍어스
블로그에 현재 접속되어 있는 인원을 실시간으로 알려주는 위젯으로, 설치하면 지금 내 블로그에 접속되어 있는 접속자수가 몇명인지 그리고 접속한 사람들이 내 블로그에서 어떤 글을 읽고 있는지까지 즉시 확인할 수 있습니다. 간단히 코드만 복사해서 붙여 넣기만 하면 짧은 시간안에 쉽게 자신의 블로그에 설치할 수 있으니, 잠깐 시간을 내서 한번 따라해 보세요.(필히 설치하시길 권장합니다만...(?))
▶ 따라하기
후즈어멍어스(http://whos.amung.us)
먼저 아래의 URL 주소로 후즈어멍어스 사이트로 접속합니다.
☞ URL : http://whos.amung.us
사이트에 접속하면 위와 같은 소스코드가 보일 것입니다. 이 코드를 통째로 복사해서 자신의 블로그 스킨의 HTML 편집모드에서 원하는 위치에 붙여 넣기만 하면 됩니다.
---------------------------------------------------------------------------------------------------
급하신 분은 여기(↑절취선)까지만 보셔도 됩니다. 아래의 글부터는 위젯(후즈어멍어스)의 색 변경과 작은 사이즈의 위젯을 달아볼 것 입니다. (그리 시간이 오래 안 걸리니 마저 보는 것을 추천합니다만...(?))
시작합니다!
후즈어멍어스 쇼케이스(http://whos.amung.us/showcase)
URL 주소가 약간 더 길어졌습니다.
위에서 처음에 접속했던 'whos.amung.us' 주소 뒤에 'showcase'가 붙은걸 주의하고 아래의 URL 주소로 접속합니다.
☞ URL : http://whos.amung.us/showcase
← 이렇게 생긴 녀석을 찾아 클릭 합니다.
복사할 수 있는 소스코드가 나옵니다. 위젯 모양과 색깔을 보고 직감하셨는지 모르겠지만 맨 위에서 이미 했었던 과정입니다. 다만 'whos.amung.us/showcase' 라는 주소로 접속해서 바로 위의 소스코드를 복사해 붙여 넣어도 된다는 걸 알려드립니다.
'Color Wheel' 이라고 적힌 부분을 클릭 합니다. (손모양으로 된 마우스 커서가 올라간 게 보이시죠?)
1번 항목은 패스~
☞ No 라고 선택되어 있는데, 그대로 놔두세요.
2번 항목에서 동그랗게 원을 그린 색상표가 보입니다.
속에 작은 원이 폰트칼라로 글자색(접속자수를 표시하는 숫자색)을 지정하며,
밖에 큰 원은 위젯칼라로 위젯의 색상을 변경합니다.
그리고 그 옆으로 뻘쭘하게 서 있는 작대기 모양의 색상표는 선택한 폰트칼라와 위젯칼라의 색상을 진하거나 흐리게 할 수 있는 용도로 사용합니다.
3번 항목 밑에 보면 코드가 보입니다.
마음에 드는 위젯의 색상을 변경했다면 이곳에서 코드를 복사해 사용하면 됩니다.
작은 사이즈의 위젯입니다. 복사해서 사용하시면 됩니다.
내 블로그에 멋진 플래시 시계를 달자! 유니클락
여러 웹사이트들을 검색하여 수집한 정보에 의하면 유니클락은 의류 브랜드 유니클로에서 회사 홍보용으로 제작한 플래시 시계라고 합니다. 홍보용으로 제작된 이유로 유니클락에 나오는 모델이 입은 옷들도 유니클로에서 판매하는 옷이라고 하는군요. 제작은 세계적인 플래시 웹디자이너 '유고 나카무라'가 맡았으며, 유니클락에 나오는 배경음은 일본의 시부야케이 뮤지션인 'Fantastic Plastic Machine(타나카 토모유키)' 이 배경음을 담당했다고 합니다. 판타스틱 플라스틱 머신의 배경음과 세계적인 플래시 웹디자이너의 만남...유니클락을 두고 중독성 강한 마약이라고 하는게 다 이유가 있었군요.
잠깐! 판타스틱 플라스틱 머신이 누군가요?
국내에도 많은 팬들을 가진 일본 시부야계 뮤지션으로 KB국민카드 CF(보아의 '엉덩이 춤' 편) 배경음과 MBC TV프로그램 개그야에서 김미려가 나오는 '사모님' 코너에 사용되어 이미 국내에도 많이 알려진 뮤지션입니다. KB국민카드 CF 동영상 하나 준비했습니다. MBC 개그야 '사모님'에 사용된 'Philter'라는 곡은 검색해서 한번 들어보시길...
KB 국민카드 보아 CF '엉덩이 춤'
배경음악 제목 - Dance Dance Dance
아티스트 - Fantastic Plastic Machine
전세계 수많은 블로거들을 매료시킨 유니클락!!!
그럼 잡설은 이쯤에서 집어치우고 슬슬 블로그에 달아볼까요!ㅡ.-i
▶ 블로그 유니클락 설치 따라하기
유니클락(http://www.uniqlo.jp/uniqlock/)
먼저 아래의 URL 주소로 유니클락 사이트에 접속합니다. 접속하면 화면을 꽉 채운 유니클락 시계와 좌측에 메뉴만 하나 달랑 뜬 것을 확인할 수 있습니다.
☞ URL : http://www.uniqlo.jp/uniqlock/
화면 좌측에서 메뉴만 하나 달랑 뜬게 보이시죠? 메뉴를 클릭하세요.
'BLOG PARTS' 메뉴를 클릭하세요.
다음 과정을 천천히 따라하시면 블로그에 쉽게 유니클락 시계를 붙일 수 있습니다.
① YOUR BLOG'S URL 에 자신의 블로그 주소를 적어주세요.
② LOCAL TIME 에서 원하는 지역의 시간을 설정할 수 있습니다.
(화살표 이미지를 클릭해 'SOUTH KOREA'를 찾습니다.)
③ SIZE 항목에서 'SMALL' 과 'LARGE' 중 하나를 선택합니다.
(블로그 사이드바에 적용하려면 'SMALL'을 선택하세요.)
④ MUSIC 항목에서 'ON/OFF'를 선택합니다.
(블로그에 다른 배경음을 사용하고 있다면 'OFF'를 선택하세요.)
⑤ SET BASIC MODE 버튼을 클릭해서 소스코드를 생성합니다.
⑥ 소스코드가 생성되는 우측 화면에서 COPY BASIC MODE 버튼을 클릭해 소스를 복사합니다.
이제 복사한 소스코드를 가지고 자신의 블로그 스킨편집에서 적당한 위치에 붙여넣기 하시면 됩니다.
↓ 유니클락 LARGE(W:424 H:278)사이즈
붐바 스페이스에서 티스토리 사용자용 붐바 품바를 달자!
붐바(Boombar) : 읽은 글을 추천하거나 북마크할 수 있는 기능을 지닌 플러그인.
개발자 '유겸애비'
▶ 붐바와 품바의 차이점
붐바(Boombar) : 워드프레스 테터툴즈 기반 설치 플러그인
품바(Poombar) : 플러그인 형태가 아닌 HTML 형식 코드로 티스토리 공식지원
▶ 품바 설치 따라하기
① 붐바 스페이스(http://boombar.korea.com/)
먼저 아래 URL 주소로 붐바 스페이스 웹페이지로 이동합니다.
☞ 사이트 바로가기 : http://boombar.korea.com/
② 품바(수동 붐바 생성기)
붐바 메인페이지 화면 하단에서 '품바(수동 붐바 생성기)' 를 클릭하거나 혹은
아래의 URL 주소로 바로 이동합니다.
☞ 티스토리용 품바 설치 바로가기 URL : http://hanjava.net/poombar/
③ 티스토리 공식지원 품바
티스토리 사용자라면 'Yes' 를 선택 클릭합니다.
④ 티스토리 계정 입력하기
자신의 티스토리 블로그 계정을 입력합니다.
저는 위와 같이 저의 계정인 'webnavi' 라고 입력하였습니다.
제대로 입력하였는지 다시 한번 확인해보고 '코드생성!!' 을 꾸욱~ 눌러 주세요.
⑤ 소스복사 05
⑥ 티스토리 블로그 스킨 수정
이제 복사한 소스를 붙여넣기만 하면 되는데 위 이미지를 보시면
어느 위치에다가 소스코드를 붙일지 티스토리 스킨 수정법이 간단하게 설명되어 있습니다.
설명을 읽으면 다음과 같이 아주 간단하게 해결할 수 있습니다.
① 티스토리 스킨 수정 페이지 'HTML/CSS편집'으로 이동합니다.
② 'skin.html'에서 '##_article_rep_desc_##' 를 찾아 바로 아래에 앞서 복사한 소스를 붙여넣기 합니다.
무사히 마쳤다면 위와 같은 이미지를 보실 수 있습니다.
간단한 소스 복사 한번으로 내 블로그에 시계를 달자! 클락링크
먼저 클락링크 사이트로 접속한 후 메인화면의 상단 메뉴에서Gallery 메뉴를 클릭 합니다.
(아래의 URL 주소를 클릭하면 클락링크 사이트로 접속)
☞ URL : http://www.clocklink.com/
② Gallery
갤러리 모습
③ 시계 구경하기
갤러리 메뉴에서 마음에 드는 시계소스를 구하기 위해
위와 같은 메뉴들을 살펴보면 여러 디자인의 시계를 볼 수 있습니다.
④ 시계 선택
마음에 드는 시계를 찾아 View HTML tag 버튼을 클릭하세요.
⑤ 동의
새 창이 뜨면 Accept 버튼 클릭!
⑥ 소스복사
Color : 마음에 드는 색상 선택
☞ 우리나라 시간 선택의 2가지 방법
① Select by Timezone 선택 Timezone 에서 GMT +09:00 선택
② Select by City 선택 Country 에서 Korea, Republic of 선택
Size : 블로그에 어울리는 크기 선택
마지막으로 소스 위에다가 마우스로 긁어 소스를 복사합니다.
(2개의 소스중 아래의 소스 복사)
♬ 하나 더 세계시각 ↓
메인화면의 상단 메뉴에서 World Clock 을 클릭하면 세계지도로 표시 된 이미지의 시계를 볼 수 있습니다. (사용법은 지금까지 해왔던 것과 동일)
▶ 클락링크 시계 갤러리 보기
블로그에 배경음악을 달자! 유튜브 동영상 플레이어 Embed Qbox
Network Music Q~
유튜브에 있는 음악 동영상들을 Embed Qbox 를 이용해 자신이 듣고싶은 곡들을 미리 선택해서 자신의 블로그에 담아 방문자와 함께 들을 수 있습니다.
▶ Embed 큐박스 블로그에 달기
① Embed Qbox 사이트 접속(http://www.qbox.com/networkmusic/embed/)
먼저 아래 사이트 주소로 큐박스 사이트에 접속합니다.
☞ 사이트 바로가기
http://www.qbox.com/networkmusic/embed/
② Search
위의 주소로 큐박스 사이트에 접속하면 위 이미지와 같은 검색창을 볼 수 있습니다.
검색창에서는 아티스트 이름이나 노래 제목으로 검색할 수 있습니다.
③ 아티스트 검색
제가 좋아하는 뮤지션 제니스 조플린을 검색하니 꽤 많은 곡이 검색 되었습니다.
간혹 엉뚱한 동영상이 걸릴 수 있으니 Play 버튼을 통해 확인해 보는 게 좋습니다.
위 이미지에서 보이는 리스트에서 7번 트랙 Ball and Chain 이라는 곡을 클릭해 보았습니다.
(리스트에 보이는 플레이 버튼을 클릭하시면 됩니다.)
④ 뮤직비디오 재생
옆에 보이는 이미지처럼 뮤직비디오가 재생되는 것을
확인할 수 있습니다.
(이미지에 금발머리가 바로 제니스 조플린~(^,.^~))
⑤ 체크박스
동영상이 이상 없이 재생된다면 이제 체크박스에서 마음에 드는 곡을 선택합니다.
임시로 5 곡을 선택해 보았습니다.
⑥ 플레이 리스트
재생되고 있는 동영상 아래에 보면 Playlist 가 있습니다.
체크박스에서 선택한 5곡 모두 이상없이 재생목록에 추가 되었는지 확인하세요.
옆에 이미지를 보시면 위에서 선택한 5 곡 모두 이상 없이 플레이리스트에 추가된 것을 확인할 수 있습니다.
Move Over
Tell Mama
Try(Just a Little Bit Harder)
Cry baby
Summertime
플레이리스트에 추가된 곡 목록마다 x 표시가 되어 있는데, 이 x 표시를 클릭하면 해당곡을 리스트에서 삭제하게 됩니다.
⑦ Get Embed Code
재생목록에 듣고 싶은 곡을 모두 추가하고 나면 검색창 제일 하단에 보이는
Get Embed Code 버튼을 클릭합니다.
⑧ Copy to Clipboard
블로그에 달 큐박스 플레이어의 사이즈를 지정하고 자동으로 재생할 것인지 랜덤으로 곡을 불러올 것인지를 선택할 수 있습니다.
1번 항목의 사이즈 조절하기에서 Small Size, Normal Size 외에 아래 Free Size를 선택하면
자신의 블로그에 맞게 가로 사이즈를 조절할 수 있습니다.
(가로 사이즈를 조절하면 세로 사이즈는 동영상 크기에 맞도록 자동 지정됩니다.)
2번 3번 항목은 각각 자동재생 할것인지 랜덤으로 곡을 불러올 것인지 묻는 항목입니다.
원하는 항목을 선택하거나 혹은 선택해제 하시면 됩니다.
이제 블로그에 소스를 붙이기 위해 소스를 복사하면 됩니다.
(Copy to Clipboard 버튼을 클릭하면 자동으로 소스 복사)
⑨ 마지막
소스가 복사되었습니다.
이제 복사된 소스를 가지고 자신의 블로그에 달고 싶은 위치에다가 소스를 붙여넣기 하시면 됩니다.
⑩ 완성
제 블로그에 가로 사이즈 200으로 맞춰 저장된 모양입니다.
그 사이 변덕이 나서 제니스 조플린 노래는 온데간데없이 라디오헤드의 High & Dry 노래가
떡 하니 자리를 차지해서 흘러나오고 있네요~ ^^;


