관리 메뉴

ksodien의 망상록

블로그에 시험삼아 풍경 위젯을 한번 설치해봤습니다~ 본문

잡담

블로그에 시험삼아 풍경 위젯을 한번 설치해봤습니다~

ksodien 2011. 8. 8. 21:52
728x90
풍경이 흔들리면서 나는 소리가 불편하실 경우, 종의 오른쪽에 있는 X표시를 누르시면 사라집니다~ ㅡ_-)r

티스토리 애니 리뷰어이신 나노하 님의 블로그에 갈 때마다 바람에 흔들리면서 종소리를 내는 풍경(風磬) 플래시 애니메이션에 시선이 가고는 했답니다.

HTML에 대해서 알기 전에는 정말로 간단한 스킨 편집만을 할 수 있는 정도의 관련 지식만을 갖추고 있었기에, '아 나도 저렇게 한번 달아보고 싶다 ~_~);'라고 생각하며 손가락만 빨고 있었는데....

최근에 드림 위버를 배우면서 덕力이 아주 약간 더 상승하여 손쉽게 따라할 수 있게 되었네요!;


사실 나노하님 블로그의 경우 스킨 상의 여러 구성 요소들을 적절하게 배치하시면서도 깔끔한 레이아웃의 느낌을 유지한 뛰어난 편집 사례여서 풍경 위젯이 한층 더 상승 효과를 불러오지만,

제 경우는 좀 다른 형태의 덕 콘텐츠(-_-;)를 테마로 해서 풍경 위젯이 다소 안 어울릴지도 모르겠네요;
그래도 언젠가 한번 해보고 싶던 것이라 그런지... 달아놓고보니 왠지 모르게 맘에 듭니다~ +_+)

블로그 우측 상단에 보이는 풍경 위젯은 티스토리 뿐만 아니라 네이버 등 여러 블로그에 적용가능하며, http://parts.kuru2jam.com/parts/wind_chime/ <- 이 곳으로 접속하시면 HTML 코드를 얻으실 수 있습니다!

총 2가지 타입이 있는데요. 하나는 블로그 우측 상단에 풍경이 나타나며 동시에 블로그 좌측에 아래와 같은 배너도 보이게 됩니다.


저는 이 배너가 보이는 것이 싫어서 감춰버렸습니다;; JS 스트립트를 간단하게 편집하는 것으로 끝나더군요.



위젯의 적용 방법은, 위에 언급한 사이트에 접속하셔서 바로 위 스크린샷에 있는 것과 같은 HTML 코드를 복사하여 블로그 스킨에 적용시키면 됩니다. 

그 밑으로는 이와 같은 HTML 코드 창이 하나 더 있는데, 이는 아래에서 셜명할 사이드바 형식의 풍경 위젯을 위한 것입니다.



또 다른 타입은 블로그 측면(좌측 혹은 우측)에 별도의 배경 화면과 함께 사각형 창의 형태로 나타나는 방식입니다.


이 타입의 경우 사각형 창 속의 배경 화면을 투명 처리 할 수는 없지만, 블로그를 새로 접속 할때마다 창 속의 배경 화면이 무작위로 바뀜으로써 다양성을 부여한다는 점이 장점인 듯 하네요.


또한 기본적으로 풍경에 달린 그림들 역시 새로 접속할때마다 무작위로 변하기 때문에, 단지 사용해보는 것만으로 나름 재미있는 위젯이라고 하겠습니다~ ㅡ_-)b 
728x90
3 Comments
  • 프로필사진 Favicon of https://rafflesia.tistory.com BlogIcon 슬림헬스 2013.03.03 11:28 신고
    자꾸 광고도 붙어서 좀 그렇네요 ..
  • 프로필사진 Favicon of https://ksodien.tistory.com BlogIcon ksodien 2013.03.03 14:34 신고
    예전에는 JS 스크립트 파일을 받아서 코드를 수정하면 광고 배너를 사라지게 할 수 있었는데, 얼마 후부터인가 JS 코드의 내용이 수정되어서 간단한 구문 삭제 정도로는 감추기가 애매해지더라구요; [...]

    뭐 풍경 위젯을 제작하신 분에게도 나름 최소한의 반대급부는 돌아가야하는만큼, 광고 부분에 대해서 딱히 무엇이라고 하기는 그렇지만서도! 저의 경우에는 블로그 스킨을 몇 차례 교체하면서 점점 사용하지 않게 되었답니다.(아무래도 방문자 입장에서 소리가 신경 쓰일 수도 있고 해서;; )
  • 프로필사진 Favicon of https://rafflesia.tistory.com BlogIcon 슬림헬스 2013.03.03 20:07 신고
    왠지 풍경을 달아놓으면 사이드바가 안움직이더군요...
    그냥 지웠네요... 하단부분 구석에 박힌 광고도 볼때마다 거슬리고 ...
    나름 풍경소리가 운치있다고 생각했는데 아쉽습니다..
댓글쓰기 폼