태터데스크 관리자

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

태터데스크 메시지

저장하였습니다.

블로그 본문 하단에 블UP과 RSS 버튼을 깔끔하게 표기할 수 있는 배너형 버튼을 디자인하고 skin.html에 쉽게 적용할 수 있도록 html 소스와 이미지를 함께 배포합니다. 필요하신 분은 다운받아서 활용해 보시길 바랍니다.

블UP 및 RSS구독 버튼 배너

본문하단에 블UP 및 주요 RSS 구독 버튼 배너가 달린 모습

근래에 들어 갖가지 위젯과 추천버튼이 범람하다 보니 이것 저것 욕심내서 다 적용시키다 보면 블로그 디자인도 흐트러지고 독자들이 글을 편하게 읽는데도 방해 요소가 되는 것 같습니다.

그렇다고 RSS구독 버튼과 추천버튼들을 모두 떼자니 심심하기도 하고 뒤쳐지는 느낌도 드는 것 같아 선뜻 그렇게 하긴 쉽지 않죠? 물론 더러 실력있는 분들은 직접 통합 RSS 버튼 패키지를 만들거나 디자인해서 활용하기도 합니다만 일반 블로거들에겐 그저 먼나라 이야기로만 들리는 것 같습니다.

추천버튼과 기타 위젯 서비스를 제공하는 곳에서 척척 알아서 블로그에 맞춰 디자인과 기능성을 갖춰 배포해 주면 좋겠지만 워낙 다양한 디자인과 스타일의 블로그를 운영하고 있으니 기대에 부응하기도 싶지 않은 것 같습니다.

간밤에 디자인로그 블로그 콘텐츠 항목 배치를 최적화하다 보니 늘 걸리는 부분이 위젯과 각종 버튼들의 중구난방 각기 다른 사이즈 때문에 여간 힘이 드는 게 아니더군요. 그래서 해당 포스트와 직접 연동되지않고 링크개념의 버튼들을 모아 하나의 배너형 패키지로 묶어 디자인하고 소스 코드를 적용하는 방법으로 마무리하니 한결 깔끔하고 전체적인 블로그 디자인에도 도움이 되는 것 같습니다.

마음에 들지는 모르지만 본문 하단에 블로그코리아 블UP + 한RSS/피드버너/구글리더/위자드웍스 RSS구독 버튼을 묶은 배너형 RSS구독 버튼을 필요하시면 다운받아 적용해 보시길 바랍니다.

첨부한 압축파일에는 블로그 skin.html에 적용하는 html 코드와 6개의 RSS 구독 버튼 이미지가 들어 있습니다. 이미지는 모두 업로드 해주시면 되구요. 소스코드는 메모장에서 자신의 링크로 변경하신 다음 skin.html에서 <s_tag_label> 앞에 붙여넣기 하시면 앞에서 보여 드린 이미지처럼 잘 정리되어 보여지게 됩니다.(소스코드를 열면 자세하게 주석을 달아 놓았으니 초보자분들도 어렵지 않게 활용하실 수 있을 겁니다.) 

요즘은 여러 가지 강의 준비로 여유가 없어 블로그에 신경을 많이 쓰지 못하고 있는데, 조금 여유가 생기면 유익한 정보와 디자인들을 올려 드리도록 하겠습니다.

블로그 디자인은 꼭 필수적인 것은 아닙니다. 하지만 좀 더 블로그생기를 넣고 찾는 독자들로 하여금 기분좋은 첫 인상을 안겨 주는 감초 역할은 충분히 하기에 틈틈히 사이드바와 위젯들의 위치를 재배치하고 작은 부분에도 독자를 배려하는 것은 아름다운 블로그 운영자의 모습이 아닐까요? 모두들 즐겁고 행복한 블로깅 되세요.

저작자 표시 비영리 동일 조건 변경 허락
신고
※글에 대한 여러분 의견을 남겨 주십시오. 감사합니다!
  1. Favicon of http://momburim.net BlogIcon 몸부림 2009.07.14 22:33 신고  댓글주소  수정/삭제  댓글 남기기

    까~알 끔하네요^^
    저 사실rss아에 신경도 안쓰는 부분인데... 한번 달아놔봐야겠네요^^

  2. Favicon of http://poem23.com BlogIcon 학주니 2009.07.15 08:22 신고  댓글주소  수정/삭제  댓글 남기기

    냅따 적용을..
    근데 제 블로그 스킨은 언제 작업을..? T.T

  3. Favicon of http://lifeconcert.tistory.com BlogIcon 윈드™ 2009.07.15 09:35 신고  댓글주소  수정/삭제  댓글 남기기

    이런 유용한 것을 감사합니다.
    초짜라서 적용 가능할지 모르겠습니다.

  4. Favicon of http://gongple.codex.kr BlogIcon 공상플러스 2009.07.15 10:09 신고  댓글주소  수정/삭제  댓글 남기기

    원초적인 공플은 그냥 생각날때마다 배경색깔만 바꿀래요

  5. Favicon of http://jinugoon.com BlogIcon 진우군 2009.07.15 12:54 신고  댓글주소  수정/삭제  댓글 남기기

    안그래도 저 하단 버튼 들이 골치거린대..감사합니다
    완전 유용할듯 하네여

  6. Favicon of http://gentlecat.co.kr BlogIcon 젠틀캣 2009.07.15 12:58 신고  댓글주소  수정/삭제  댓글 남기기

    잘봤습니다~ 보고 한번 따라해볼려구요~

  7. Favicon of http://farmerstory.tistory.com BlogIcon 똥꼬아빠 2009.07.15 15:33 신고  댓글주소  수정/삭제  댓글 남기기

    안녕하십니까
    이번에 저희 기관에서 농업인정보화교육 사업 공모에 응모하기 위한
    참여 강사를 모집하고 있습니다.
    제 블로그를 방문하시면 "인터넷으로 농사짓기"카테고리에서 자세한 내용을 볼 수 있습니다.
    검토해 보시고 도움의 연락 주시기 바랍니다.

    그외 관심있는 블로거님들의 참여도 환영합니다.

    좋은하루되세요

  8. Favicon of http://www.zinsayascope.com BlogIcon 진사야 2009.07.15 19:32 신고  댓글주소  수정/삭제  댓글 남기기

    와우 정말 깔끔한데요 ^^ 잘 쓰겠습니다!

  9. Favicon of http://gamelog.kr BlogIcon 태현 2009.07.18 10:31 신고  댓글주소  수정/삭제  댓글 남기기

    안녕하세요 마루님. 좋은 버튼 디자인 감사드립니다. =)
    전 제 마음대로 올블로그도 추가해서 썼는데, 왠지 말씀은 드려야 할 것 같아서요.

    그럼 좋은 하루 보내세요~

  10. Favicon of http://akito.tistory.com BlogIcon akito 2009.07.18 12:07 신고  댓글주소  수정/삭제  댓글 남기기

    아 달아보았더니 깔끔하고 좋네요 ^ ^

  11. Favicon of http://tolslife.tistory.com BlogIcon 톨™ 2009.07.18 12:20 신고  댓글주소  수정/삭제  댓글 남기기

    잘 봤어요. 제 블로그에 있는건 좀 뭉뚱구리하게 큼지막한데 한번 적용시켜 봐야 겠군요.
    혹시 수정해도 되나요? 몇가지 아이콘을 달아서 늘려도 보고 싶어서...

  12. Favicon of http://tolslife.tistory.com BlogIcon 톨™ 2009.07.18 12:55 신고  댓글주소  수정/삭제  댓글 남기기

    아.. 그리고요.. 위자드닷컴 등록에서 링크주소가 이상하군요. 주소 앞에 url= 이 삽입되더군요. 이걸 없애야 등록 될 듯 해요.

    • Favicon of http://www.designlog.org BlogIcon 마루[maru] 2009.07.20 08:27 신고  댓글주소  수정/삭제

      그렇군요. 제가 미처 확인하지 못했던 부분을 알려주셔서 감사합니다.^^
      바로 수정하고 디자인로그의 코드도 수정을 해 놓아야 하겠습니다.

  13. Favicon of http://nashimaryo.kr BlogIcon nashimaryo 2009.07.18 14:49 신고  댓글주소  수정/삭제  댓글 남기기

    많은 분들에게 꼭 필요할 것 같네요^^
    멋지십니다~~ 브라보 ㅋ;

  14. 미소한별 2009.11.08 10:52 신고  댓글주소  수정/삭제  댓글 남기기

    너무 깔끔하네요^^ 감사히 데려갑니다~ 얼른 적용시켜봐야겠어요^^

  15. Favicon of http://manwon.tistory.com BlogIcon 엄마만원만 2010.03.01 20:15 신고  댓글주소  수정/삭제  댓글 남기기

    아~ 정말 고맙습니다.
    제 블로그에 적용을 했습니다.
    고맙습니다~!!


우드스