추천버튼 정렬.

여느 블로그의 본문 하단에는 추천버튼이 위치하고 있습니다.
다음뷰의 추천버튼은 기본으로 달고 계시지요.
로그인하지 않아도 추천이 가능하고, 현재 가장 큰 메타블로그 역할을 하고 있는 다음뷰에 관련되어 있기도 하구요.

그 다음 자리는 믹시 추천버튼이 차지하고 있습니다.

저 역시 다음뷰 추천버튼을 처음 달았고 믹시 추천버튼을 달았고 마지막으로 블로그독의 추천버튼을 본문 하단에 달았습니다.

그런데 다음뷰, 믹시, 블로그독 추천버튼을 모두 기본 사이즈로 달고 있으면 너무 많은 공간을 차지하더라구요. 다음뷰는 크기를 세가지 종류로 지원하고 있지만 블로그독과 믹시는 ,,,,,,

뭔가 정리할 수 있는 방법을 찾기 위해 많은 선배 블로거 분들의 포스팅에서 배워서 여러가지 방법을 사용하여 정리해보았고 가장 괜찮다고 생각되는 방법을 찾아 적용해 놓은 상태입니다.

바로 이 형태인데요.



다음뷰를 지원하고 있는 가장 작은 사이즈로 적용하고 블로그독을 다음뷰와 같은 형식의 이미지로 적용, 그리고 믹시는 원래 상태 그대로 유지하여 한 줄로 정렬하였습니다.

이런 디자인 소스는 다음의 정렬 방법에서 응용한거예요.



다음뷰, 블로그독, 믹시의 추천버튼 모두 다음뷰의 디자인에 맞춰서 변형시킨 형태입니다.
이런 정렬 방법은 이 곳으로 가시면 자세하게 소개 받으실 수 있어요.

지금은 이에반이라는 이름으로 새로 블로그를 꾸미신 스몰테일 블로그입니다.
http://smalltale.tistory.com/84

MissFlash님이 만드신 디자인을 스몰테일님이 정리하시고 상세하게 소개해주신 포스팅입니다.
추천버튼을 깔끔하게 정리하고 싶으신 분들은 좋은 정보를 얻으실 수 있을 꺼예요.


다음뷰, 블로그독, 믹시 모두 작은 사이즈로 정렬하면 훨씬 깔끔할텐데 왜 믹시만 유지했느냐.

네이트에서 제공하는 메타블로그 블로그독의 추천버튼은 로그인하지 않은 상태에서도 추천이 가능하고 큰 사이즈에서 추천버튼 말고는 다른 메리트가 없다고 판단되어 과감하게 작게만들었고,
다음에서 제공하는 메타블로그 다음뷰의 추천버튼은 역시 로그인하지 않은 상태에서도 추천이 가능하고 큰 사이즈에서 구독버튼이라는 메리트가 있지만 추천버튼은 따로 달아놓는게 가능하고 (저는 현재 사이드바에 다른 구독버튼과 함께 달아놓았습니다.) 로그인하지 않은 상태에서의 추천이라는 점이 더 큰 메리트라고 생각되고 디자인을 위하여 과감하게 작게 만들었어요.

마지막 메타블로그 믹시의 추천버튼은 로그인을 해야 추천이 가능합니다.
그리고 큰 사이즈에서는 추천해주신 분들을 바로바로 확인하는 것이 가능하죠.
복잡한 과정없이 맞방문이 가능한 이점이 있습니다.



그런데 최근 레뷰와 블로그코리아를 많이 활용하면서 레뷰와 블로그코리아에는 추천 위젯을 제공하진 않지만 본문 하단에 레뷰와 블로그코리아에 등록된 내 글목록으로 바로 이동할 수 있도록 하여 추천버튼을 달아놓으면 어떨까 하는 생각을 하게 됐어요.

그리고 만들어 본 정렬 형태입니다.

레뷰 추천하기
블로그코리아 UP하기


바로 이런 모습이예요.

레뷰와 블로그코리아의 추천버튼을 클릭하면 해당 메타블로그에 등록된 내 글목록으로 이동하게 되고 다음뷰, 블로그독, 믹시는 역할을 그대로 하게 됩니다.

믹시를 추천해 주신 분들에게 찾아가기 위해 제가 좀 더 시간을 투자하면 이런 배치도 나쁘지는 않을 것 같아서 한번 만들어봤어요.

근데 레뷰와 블로그코리아 추천버튼을 본문 하단에 저런 식으로 달아놓으면 낚시가 되진 않을까 걱정되기도 하고 해서 아직 실제 적용은 하지 못하고 있습니다.

여러분이 보시기엔 어떤가요?
의견을 말씀해주세요 +_+ㅋ
귀 활짝 열고 기다리겠습니다 ㅎ

가장 좋은 방법이 뭘지,
블로그를 방문해 주시는 분들에게 편한 방법은 뭘지,
디자인 적으로 보기에 가장 좋은 방법은 뭘지.

고민고민 하지마~ 아니아니 고민 되요 @_@ㅋ



정말 블로그 꾸며가는데 쉬운거 하나도 없군요 ㅋ
그래도 하나하나 배워가고 실험하고 적용하고 점점 변화하는 블로그가 재미있네요 ㅋ

혹시 본문하단 추천버튼 정렬에 제가 도움이 될 수 있는 부분이 있다면 언제든지 불러주세요. 제가 아는데까지 최대한 도움 드리고 싶습니다 :)



ps. 본문 안에 추천버튼 정렬 형태를 그림으로 넣지 않고 실제 추천버튼으로 적용시켜 봤는데 스킨 HTML에 적용한 소스와 똑같이 넣으니 안되네요? @_@ 그래서 다음뷰와 블로그독은 소스를 변형해서 적용 성공했는데 믹시는 실패 ㅠㅠ

댓글을 달아 주세요

  1. BlogIcon 맥컬리™ 2010.12.13 05:57 신고  Addr  Edit/Del  Reply

    개인적인 생각입니다. 레뷰,블코 붙은건 추천버튼이 너무 많아서 역효과가 나지 않을까란 생각을 해봅니다.
    블독,다음뷰,믹시업 요게 좋은거 같아요. 근데 사이 공간을 붙이고 믹시업 짤린부분 원래 모양새로 좀 만들어주세요.
    □ □ ■■■■■■ ← 요런 모양새로요...
     
    그리고 티에디션 타이틀 만들기 잘 배웠어요...
    빠른 시간안에 파워블로그로 거듭날 듯 보입니다...
    블로그 깔끔하고 멋져요.. ^^;

    • BlogIcon 그냥 꼬꼬마 2010.12.13 23:44 신고  Addr  Edit/Del

      과분한 칭찬 감사합니다 ^^;;

      중간 여백이랑 믹시추천버튼이 짤린다고 하셔서 문제가 뭔지 살펴보니 인터넷익스플로러 7.0에서 문제가 있더라구요.
      인터넷익스플로러 7.0이 table px수치에 민감한가봐요 @_@ㅋ
      확인 후 인터넷익스플로러 7.0, 인터넷익스플로러 8.0, 파이어폭스 3.6.12 에서 모두 추천버튼 제대로 정렬되도록 수정했습니다 ^^

      그런데 확인하다보니 세개의 브라우저에서 모두 카테고리가 다르게 적용되는걸 발견했는데,,, 카테고리가 모든 브라우저에서 잘 보이도록 설정하기가 힘드네요 ㅠ 그래서 우선 인터넷익스플로러 8.0 에서 최적화시켜뒀습니다 ㅠㅠ

      추천버튼이 너무 많으면 말씀하신대로 역효과가 있을 것 같기도 해서 당분간은 이대로 유지하려고 합니다 :)

    • BlogIcon 맥컬리™ 2010.12.14 02:09  Addr  Edit/Del

      제가 익스7을 사용해서 올바르게 나타나지 않았나보네요...
      지금은 정렬 잘되어 보입니다...
      제가 생각 했었던 추천 정렬버튼이
      바로 꼬꼬마님이 만들어놓으신 제일 하단부 사용하고 계신 정렬상태였어요.
      조로케 바꿔야는데 어딜 어떻게 손대야 할지 몰라서 냅두고 있답니다. ^^;

  2. BlogIcon 영감의새우깡 2010.12.13 07:16  Addr  Edit/Del  Reply

    컴퓨터랑 디자인을 잘하시는듯...대학생이신가요?

  3. BlogIcon 토나 2010.12.13 13:13 신고  Addr  Edit/Del  Reply

    블로그독의 컨텐츠가 올 9월 부턴가 네이트 메인에 노출되지 않게돼서
    네이트에서의 방문자 유입효과는 미비할 것으로 보입니다. 추천이 목적이시면 다셔도 되지만...
    많은 분들이 블독추천버튼은 떼어 내신듯 보입니다.
    다음뷰 같은 경우도 추천버튼만 있는것 보단 구독버튼이 함께 있는게 좋지 않을까요?
    저도 지극히 개인적인 생각입니다...ㅎㅎ 즐거운 오후 되세요^^

    • BlogIcon 그냥 꼬꼬마 2010.12.13 23:47 신고  Addr  Edit/Del

      네이트에서 판에 주력하고 블로그독을 버린 것 같아요 ㅠㅠ
      그래도 로그인하지 않아도 추천할 수 있다는 메리트로 걸어놓으려고 합니다 ㅎ 포스팅 선호도? 같은 것도 확인할 수 있지 않을까 해서요 ㅎ

      다음뷰는 구독버튼 때문에 큰 사이즈로 유지하고 계신 선배 블로거 분들이 많은걸로 알고 있는데, 디자인적으로 더 고민하고 연구해봐야 겠어요. :)

  4. BlogIcon TT PIC 2010.12.13 15:02  Addr  Edit/Del  Reply

    댓글 달아주신거 보고 놀러왔어요.^^ 블로그 매우 깔끔하고 예쁘게 해두셨네요! 메인화면은 왠지 저랑 좀 비슷한 것 같은 느낌도 들고 있어요..ㅎ
    저도 추천버튼이 다 너무 길어서 고민중이었는데, 좀있다가 바꿔보도록 해야겠어요.
    날씨 추운데 감기 조심하시구요.^^

    • BlogIcon 그냥 꼬꼬마 2010.12.13 23:49 신고  Addr  Edit/Del

      감사합니다 ^^
      추천버튼은 확실히 정리해놓는게 보기 좋은거 같아요 :)

      첫화면 최신글 부분이 정말 비슷한 느낌이네요 +_+ㅋ

  5. BlogIcon Houstoun 2010.12.14 10:24 신고  Addr  Edit/Del  Reply

    추천버튼이 너무 여러개가 정렬되어 있으면 다음뷰 버튼 마져도 그냥 지나쳐
    가버릴 우려도 있을것 같아요.
    그래도 여러모로 신경을 쓰면서 변화를 시도해보시는 모습 참
    보기 좋습니다. ^^

  6. BlogIcon 슈밍♡ 2010.12.14 20:50 신고  Addr  Edit/Del  Reply

    잘봤어요 ㅋㅋ 꼬꼬마님 포스팅 잘하시는듯..ㅜㅜ글의 느낌은 파워블로거의 포스팅을 보는느낌이에요..ㅋㅋ
    저보단 훨 가능성있어 보이세요ㅜㅜ
    어떤식으로 해야 저런식으로 될까요?ㅜ
    블로그에서 글쓸때는 편집이 예쁘게 안되더라구요ㅜㅜㅋㅋ
    방문자수는 저보다 훨 작은데..댓글도 엄청 달리고ㅜㅜㅜㅋㅋㅋ
    비법전수좀 해주세요 ㅋㅋ

  7. BlogIcon 2x 2011.04.12 15:26  Addr  Edit/Del  Reply

    다음 과 믹시 추천버튼 사이즈에 대해 구글에서 찾아왔어요.
    믹시 사이즈가 이쁜거 같은데, 여러가 있으면 힘(?)이 분산될거 같기도 하구요..
    고민입니다. 사이즈 동일하게 만든건 이쁜거 같아요

  8. BlogIcon sojawoon 2011.05.01 18:46 신고  Addr  Edit/Del  Reply

    와~ 너무 감사합니다;; 지금 블로그 초보인데,
    버튼을 달고 기뻐하다가 보니 세로로 되있어서 다시 공부중이에요 ㅡ.ㅜ
    저랑 학번도 같으신데 완전 고수포스가!
    앞으로 많은 지도 부탁드려요^^

  9. BlogIcon thank you gifts 2011.09.05 12:36  Addr  Edit/Del  Reply

    붙이고 믹시업 짤

  10. BlogIcon Tiffany Jewellery 2012.05.28 14:08  Addr  Edit/Del  Reply

    시대는 인물을 낳고 그 인물은 책을 쓰며 책은 또다시 세상을 바꿉니다. [세상이 주목한 책과 저자]에서 다루는 책과 저자는 어쩌면 그 자체로 인류의 역사이기도 합니다. 14세기 이후 시대는 ..

  11. BlogIcon ghd 2013.07.24 05:10  Addr  Edit/Del  Reply

    슬퍼서 우는거 아니야..바람이 불어서 그래..눈이 셔서..