태터데스크 관리자

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

태터데스크 메시지

저장하였습니다.


메타블로그 추천버튼 호박님 엠블럼 버전으로 수정

[블로그 이야기/블로그 팁]

호박님 엠블럼으로 깔끔하게 버튼 이미지 수정!!
블로그코리아, 올블로그, 프레스블로그, 블로거뉴스, 이올린, 믹시 추천버튼 6종 세트


여러 부족한 면모에도 불구하고 예전에 만들었던 메타블로그 추천버튼 박스를 많은 분들이 직접 사용하시거나, 소스를 수정하여 사용해주셔서 매우 기뻤습니다. 저 역시 블로그를 처음 시작할 때 여러분들의 팁과 정보를 활용해서 블로그를 꾸몄기 때문에, 제가 받았던 도움을 조금이나마 다시 돌려드릴 수 있다는 것이 너무 좋았어요.

그런데 그 때 만들었던 추천버튼의 치명적인 약점이 있었으니, 본문 부분 폭이 작은 스킨에 적용하기에는 지나치게 가로 크기가 길다는 점과 버튼 이미지가 매우 구리다는 것. 그런데 마침 얼마전에 호박툰을 운영하시는 호박님께서 작고 귀여운 엠블럼을 만들어주셔서, 이 엠블럼을 가지고 추천버튼을 다시 꾸며봤습니다.

먼저 예전의 추천버튼 박스 이미지 입니다.

사용자 삽입 이미지

이랬던 것이 이렇게 바뀌었습니다~!
사용자 삽입 이미지

호박님께 귀여운 50*50 엠블럼 5개를 받아 간단히 그림자 효과를 넣어서 사용했습니다. 덕분에 버튼 이미지도 깔끔해지고, 600픽셀이 넘었던 가로폭이 480픽셀로 줄었습니다. 와우~ (호박님 감솨~!)

수정된 사항은
1. 가로폭 600px에서 480px로 감소
2. 버튼 이미지 호박님 엠블럼으로 교체
3. 프레스블로그 버튼 추가

이 정도네요.

소스는 아래 텍스트 파일을 받아보세요.



버튼을 블로그 스킨에 적용하시는 방법은 예전버전 포스팅을 참고해주세요 ^^

2008/05/03 - [블로거 되기] - 블로그 하단에 메타블로그 추천 버튼을 달아보자!
2008/05/06 - [블로거 되기] - 블로그 하단에 메타블로그 추천 버튼을 달아보자! - 블로거뉴스 추가 새 버전
덧. 이미지에 대한 모든 권리는 호박님께 있습니다. (참고로, 호박님은 CCL BY-NC-ND을 적용하고 계십니다.)
필요하신 분은 http://hobaktoon.com/133 요기로 가서 호박님께 댓글 남겨보세요.

[연관글] 2008/05/30 - [블로그 이야기/블로그 팁] - 즐겨찾기 추가 버튼을 달아보자!

크리에이티브 커먼즈 라이선스
Creative Commons License
이 포스트를 더 많은 분들과 함께 보시려면 추천 버튼을 눌러주세요~!
블로그코리아에 블UP하기 올블로그에 추천하기 프레스블로그 MP 추천하기
블로거뉴스에 추천하기 믹시에 mixup하기

::: 사람과 사람의 교감! 人터넷의 첫 시작! 댓글을 달아주세요! :::

  1. BlogIcon e-주민 or e-zoOMin [2008/05/27 20:56]  [댓글주소]  [수정/삭제]  [댓글쓰기]

    꽤나 오랜만의 포스팅이군요;; 그런데 이상하게 방금 사이드바가 초기화되어버렸어요 ㅠ.ㅠ 어찌된거지 ㅠ.ㅠ

  2. BlogIcon 카르사마 [2008/05/27 21:20]  [댓글주소]  [수정/삭제]  [댓글쓰기]

    티스토리에 직접적으로 스킨-파일업로드를 사용하시면 초기화되더군요.;
    그래서 저는 처음 그짓을 당한 이후로 링크를 사용해서 하고있답니다..ㅋ
    그나저나.. 올리신 추천버튼들이 짤려보이는걸요.;

    • BlogIcon e-주민 or e-zoOMin [2008/05/27 22:02]  [댓글주소]  [수정/삭제]

      버그였군요. 으.. 원인을 알았으니 고쳐질때까지 최대한 스킨업로드를 자제해야겠어요 ㅠ.ㅠ 감사합니다. 근데 추천버튼 어느 부분이 짤려보이나요? 이런;; 제 컴에서 밖에 확인을 못해봐서...

    • BlogIcon 카르사마 [2008/05/27 22:11]  [댓글주소]  [수정/삭제]

      버그가 아니라 애초에 그렇게 설정된게 아닌가 싶습니다.
      반년전부터 지금까지 쭉~그렇게 되고있으니까요.

    • BlogIcon e-주민 or e-zoOMin [2008/05/28 00:04]  [댓글주소]  [수정/삭제]

      윽; 저는 영문도 모르고 지금껏 몇번 당했는데, 곰곰히 생가해보니 항상 스킨 수정할 때였던 것 같네요. 으.. 근데 무슨 이유가 있어서 그렇게 해 둔 것일까요. 불편한데..

  3. [2008/05/27 22:01]  [댓글주소]  [수정/삭제]  [댓글쓰기]

    비밀댓글 입니다

    • BlogIcon e-주민 or e-zoOMin [2008/05/27 22:07]  [댓글주소]  [수정/삭제]

      파폭으로 접속했더니 추천버튼이 깨진다는 제보(?)가 있었습니다. 의심가는 부분을 수정했는데, 제가 파폭을 깔아두지 않은 관계로 혹시 파폭으로 접속하신 분이 이 글 보시면 추천버튼이 깨지지 않고 잘 보이는지 댓글 남겨주시면 감사하겠습니다아~ ^^

  4. BlogIcon 카르사마 [2008/05/27 22:10]  [댓글주소]  [수정/삭제]  [댓글쓰기]

    파이어폭스 사용하는게 아니셨군요. 제가 파이어폭스를 쓰기땜시 짤려보이는거 같습니다.
    블코랑 올블 프레스블로그 이 셋만 칸 안에 들어있고.. 나머지 셋은 칸을 벗어나 아래칸에 있는걸로 보입니다.
    IE로 보니까 또 잘 보이는군요..ㅋ 여튼 현재로선 짤려보입니다.

    • BlogIcon e-주민 or e-zoOMin [2008/05/28 00:14]  [댓글주소]  [수정/삭제]

      제가 파폭을 안써봐서 정확한 이유는 잘모르겠네요; 왠지 의심가는 몇가지만 수정했는데 윽; 왜그럴까요....ㅠ.ㅠ 근데 몇번씩이나 확인하시고 댓글 남겨주셔서 감사합니다 ^^:

  5. BlogIcon 이드,,, [2008/05/27 23:02]  [댓글주소]  [수정/삭제]  [댓글쓰기]

    파폭에서 에러가 있습니다

  6. BlogIcon 카르사마 [2008/05/28 06:31]  [댓글주소]  [수정/삭제]  [댓글쓰기]

    아직 깨져보입니다. IE보다는 파폭으로 보고 설정을 하시면 지금보다는 덜 깨져보일겁니다.
    제 블로그도 IE로보면 이상하게 보이거든요..ㅋ 현재스킨도 IE로 일단 설정을 해보고 파폭으로 봤는데
    최악이더군요. 그래서 파폭으로보고 설정했답니다.

    라기보다 해결방법은 아마.. 추천버튼이 들어있는 셀(?)의
    가로폭을 좀더 늘리면 되지않을까..하고 생각합니다만..
    IE랑 파폭의 배열방식이 틀린거같아보이거든요.
    파폭에서 align="left"를 써서 왼쪽으로 정렬한다해도
    IE에서는 중앙정렬로 나오기도 하니까요.

  7. BlogIcon 호박 [2008/05/28 07:31]  [댓글주소]  [수정/삭제]  [댓글쓰기]

    아이고.. 부끄러바랑.. 쑥스~ 쑥스~
    감사합니다. 이주민님^^

    여긴 아침부터 주책없는 빗님이 주륵주륵~ 내려요(--^)
    간만에 강남외출인데 말이죠.. 하지만 기분만은 뽀송뽀송하게~
    이주민님두 상큼발랄한 해피수욜 보내세요! 아뵹~

  8. BlogIcon 점프컷 [2008/05/28 09:53]  [댓글주소]  [수정/삭제]  [댓글쓰기]

    저도 추천 버튼 좀 달아볼려고 생각하고 있었는데, 좋은 정보 공유 감사합니다.^^

  9. BlogIcon 도꾸리 [2008/05/28 10:07]  [댓글주소]  [수정/삭제]  [댓글쓰기]

    오~
    좋습니다.
    매번 저런거이 있으면 좋겠다고 생각하고 있었는데, 이렇게 만들어주시는군요.
    잘 쓰겠습니다~

  10. 보니 [2008/05/28 10:30]  [댓글주소]  [수정/삭제]  [댓글쓰기]

    어머어머.. 너무 이쁘요~

  11. BlogIcon 핑키 [2008/05/28 17:03]  [댓글주소]  [수정/삭제]  [댓글쓰기]

    와우~정말 부지런하시당

    • BlogIcon e-주민 or e-zoOMin [2008/05/28 19:12]  [댓글주소]  [수정/삭제]

      저와 부지런과는 거리가 좀 있습니다; 부지런해졌으면 좋겠다고 언제나 생각은 하지만...
      사실 호박님이 엠블럼 만들어서 올리셨을때부터 생각하고 있었는데 이제야 실행에 옮겼네요 ^^

  12. BlogIcon atonce [2008/06/10 16:52]  [댓글주소]  [수정/삭제]  [댓글쓰기]

    감사합니다. 저도 대충 따라해 봤는데 ㅎㅎ 재밌네요