현재 저의 티스토리 블로그에 플로팅 배너가 없으니 이점을 알고 아래 글을 보세요.


페이지에 떠다니는(플로팅) 이미지가 좋아 보인다고 무조건 설치할 것이 아니라 여러가지를 생각해야 하니 이 페이지에서는 그것에 대해 적겠습니다.

화면해상도에 따라 없어지고 나타난다


없어지고 나타나는 것 : 가로폭이 1280 이상의 해상도를 사용하면 아래 그림과 같은 제 블로그의 왼쪽과 오른쪽 플로팅 배너 둘다 보입니다. 그러나 1024×768 해상도에서는 왼쪽에는 있는 정지한 것은 보이지 않고 오른쪽 것은 스크롤을 해야 보였습니다. 다행인 것은 글을 가리지 않아 다행이네요. 플로팅 배너가 글을 가리는 것은 아래에서 설명합니다.

하나팩스 : 회원가입시 무료로 팩스보내기 23번 -

1280×800에 최적화 : 저의 화면 해상도를 1024×768로 하니 보니 두개의 플로팅 배너중 오른쪽에 있는 것만 보이네요. 떠다니는(플로팅) 배너를 위해서만이 아닌 가로폭이 1280 해상도에서 최적화됐다고 보시면 됩니다. 아래 그림은 저의 블로그에 설치한 구글 애널리틱스로 본 방문자 통계입니다. 6월 1일에서 8월 6일까지의 통계인데 상당수의 사람이 1024×768의 해상도를 사용하고 있다는 것을 알 수 있습니다.

 

해상도가 낮으면 글을 가린다


글이 가린다 : 중요한 것은 플로팅 배너가 글,광고 등을 가린다는 것입니다. 아래는 저의 노트북에서 1024×768에서 본 것인데 오른쪽 플로팅배너가 다음뷰 위젯의 글을 가리고 있다는 것을 볼 수 있습니다. 제가 이미지의 투명도를 50으로 해서 글이 보이지 만약 불투명(100)하게 했다면 이미지뒤의 글을 전혀 보이지 않습니다. 이것이 무슨말인고 하면 저의 경우는 CSS로 이미지 하나로 롤오버 효과를 주었습니다. 이것은 http://min-blog.tistory.com/191 를 보시면 대강 알 수 있습니다. 다음뷰 위젯만 아니고 사이드바에 있는 모든 것이 가립니다.
오드리햇반님의 댓글을 보고서 수치를 아래 더보기를 클릭하는 수로 수정해서 이제는 1024*768에서 아래처럼 보이지 않습니다.



싸이렌24 : 주민등록번호 사용막기 - 

광고 가리므로 조심해야 할 필요있음


 다음뷰의 경고와 애드센스 허용안함 : 위는 플로팅 배너가 글을 가린다고 알았을 텐데 글도 가리면 광고도 가린다는 것을 생각할 수 있습니다. 그리고 아래의 글은 플로팅 광고로 다음뷰로부터 경고를 받았다는 글인데 다음뷰에 신경을 많이 쓴다면  반드시 읽어보시기 바랍니다.

  • 다음에서 경고가 왔다는 글 : http://nohji.com/1323(해상도에 상관없이 무조건 가리는 플로팅 배너광고)
  • 애드센스는 플로팅를 허용하지 않는다는 글 : http://ok-dj.com/243
리얼클릭 플로팅 광고시 주의 : 리얼클릭은 플로팅 광고를 허용하는데 문제는 플로팅 광고를 허용한다는 것이 아니라 그것으로 인해 다른 것에도 영향을 줄 수 있다는 것을 알아야 합니다.  예로 위에서 링크에서  리얼클릭의 플로팅 광고로 해서 경고 메일이 왔다는 글이 있잖아요. 단지 플로팅 배너광고가 클릭수가 많다고 좋아할 것이 아닙니다. 아래 주소의 블로그는  리얼클릭 플로팅 광고를 사용한 경우인데 제가 1024*768로 보니 글이 전혀 안 가렸습니다. 리얼클릭 광고가 글을 가리는 블로그의 링크를 적을려고 했습니다. 그러나 아래에는 링크를 적지 않았는데 그런 것을 신고하는 놈이 있거든요 . 오른쪽은 안 나타나게 해야겠네 : 위치설정하는 법을 공부해서 해상도가 낮은 경우 블로그에 보이는 오른쪽의 플로팅 배너를 안 나타나게 해야겠습니다. 그 방법에 대해서 모르면 왼쪽으로 옮길까 합니다. 저의 블로그를 방문해 주시는 분들의 화면해상도는 가로폭이 1280을 넘는 해상도를 넘는 사람이 많더라도 아래 표의 통계를 봐도 1024×768 해상도를 쓰는 사람도 15%가 넘으니 1024×768 해상도에서 자신의 블로그를 볼 필요가 있을 것 같습니다. .참고로 아래 수치만 acecounter 데이터 참조했습니다.

가비아 : XE(제로보드XE)자동설치,텍스트큐브 설치지원,그누보드 설치 지원 -

해상도

1280×1024

1024×768

1280×800

1680×050

1920×1080

퍼센트

15.85

15.76

10.79

9.75

6.81

화면해상도 변경하기


저는 화면해상도를 1280×800을 사용하고 있는데 제가 하는 방식대로 하면 될 것입니다. 저는 윈도우7로 설명하겠는데 윈도우7에서 설명한다고 윈도우XP 사용자는 실망할 것이 아니라 해상도라는 단어만 찾으시면 됩니다. 그럼 저의 윈도우7에서 화면해상도를 변경하는 것에 대해 설명하겠습니다. 바탕화면에서 마우스 오른쪽 버튼을 클릭합니다. 그런 후 화면해상도(U)를 선택하고 아래그림의 1번에서 해상도를 선택한 후 2번의 확인 버튼을 눌릅니다.

엔팩스 : 회원가입시 무료로 팩스보내기 11번 -
 
리얼센스 플로팅(떠다니는) 광고를 사용한다면 반드시 1024×768 해상도에서 보시기 바랍니다. 다음뷰나 애드센스 등에 물어봐도 되고요. 광고만 아니라 글도 가리므로 티스토리에 물어보는 것도 좋을 것 같습니다.


'블로그' 관련된 글

  1. 이전 댓글 더보기
  2. BlogIcon 도플파란 2011.08.09 10:01 신고  댓글주소  수정/삭제  댓글쓰기

    해상도 문제가 있었군요...음... 고려를 해볼 사항이군요...

  3. BlogIcon 사랑퐁퐁 2011.08.09 10:27 신고  댓글주소  수정/삭제  댓글쓰기

    정말 좋은거 같은데..
    그런부분이 있었군요...
    좋은정보 잘보구 갑니다.

  4. BlogIcon 미스터브랜드 2011.08.09 10:29 신고  댓글주소  수정/삭제  댓글쓰기

    반드시 해상도를 고려해서 설치해야겠네요.

  5. BlogIcon 원삼촌 2011.08.09 11:09 신고  댓글주소  수정/삭제  댓글쓰기

    해상도에 따라서 다르게 보인다는건 전혀 몰랐네요;

  6. BlogIcon 시골영감 2011.08.09 11:19 신고  댓글주소  수정/삭제  댓글쓰기

    글 잘 보고 갑니다
    떠다니는 배너 한번 달아볼까 고민중이었는데..
    많이 참고가 됐습니다

  7. BlogIcon 신기한별 2011.08.09 11:21 신고  댓글주소  수정/삭제  댓글쓰기

    해상도에 따라 다르게 보이더군요 ㅎㅎ
    해상도가 낮으면 플로팅배너가 글을 가린채 나오더라구요;;;

  8. BlogIcon 아하라한 2011.08.09 11:24 신고  댓글주소  수정/삭제  댓글쓰기

    해상도에 따라서 저의 플로팅 배너도 본문을 가리는 현상이 있어서...
    해결중인데요...쉽지가 않네요...

  9. BlogIcon +요롱이+ 2011.08.09 11:25 신고  댓글주소  수정/삭제  댓글쓰기

    글을 가려버리기도 하는군요...
    참고할께요^^

  10. BlogIcon 곰사랑 2011.08.09 11:26 신고  댓글주소  수정/삭제  댓글쓰기

    친철하게 갈켜주시니 감사합니다 즐거운하루되세요!

  11. BlogIcon 자수리치 2011.08.09 11:35 신고  댓글주소  수정/삭제  댓글쓰기

    본문 가리지 않게 조심해야 겠네요. 잘 안되면 백전백승님께 여쭤봐야죠! ㅎㅎ

  12. BlogIcon Seen 2011.08.09 11:39 신고  댓글주소  수정/삭제  댓글쓰기

    저도 해상도 때문에 플로팅 배너를 사용하지 않고 있답니다.
    예전에는 하나 둘씩 달았었는데 그냥 사이드바로 옮겨버렸어요. ㅋ
    나중에 플로팅배너 다시 달 일이 있으면 참고해야겠네요 ^^
    오늘도 즐거운 하루되세요 백전백승님~!

  13. BlogIcon 링크정보 2011.08.09 11:48 신고  댓글주소  수정/삭제  댓글쓰기

    left를 사용하지 않으면 해결할 수 있어요. 현재는 화면 가운데에서 580px만큼 왼쪽에 위치하는데요. 기준점을 left가 아닌 본문으로 바꾸면 더 쉽습니다.
    예를들면, <div class="article">바로 밑에 margin-left:-20px 값을 이용해서 플로팅을 시키면, 어떤 해상도에서든지 본문보다 왼쪽으로 20px만큼에 위치하게 됩니다. 본문을 가리지 않는 건 당연하겠죠.
    left를 기준으로하면 해상도에 따라 본문과의 거리가 달라지지만 위 방법으로 하면 거리도 일정하고 화면에 표시되는 것도 조정할 수 있어요.

  14. BlogIcon 디셈버08 2011.08.09 14:00 신고  댓글주소  수정/삭제  댓글쓰기

    플로팅광고 탐나는데 한번 해봐야 겠군요

  15. BlogIcon 로사아빠! 2011.08.09 15:25 신고  댓글주소  수정/삭제  댓글쓰기

    정말 쉽지만은 않네요.
    한번 해보고 싶은데 말이죠. 백전백승님 블로그는 나날이 발전해갑니다~

  16. BlogIcon Zoom-in 2011.08.09 17:21 신고  댓글주소  수정/삭제  댓글쓰기

    구글 애널리스틱이 방문자 PC에 화면해상도도 분석해 주는군요.

    • BlogIcon 백전백승 2011.08.09 22:40 신고  댓글주소  수정/삭제

      구글 애널리틱스을 해보시면 정말 많은 정보가 나옵니다. 사용자의 브라우저,운영체제,해상도 등, 블로그접속자의 모바일기기(아이패드,아이폰,안드로이드폰 등), 접속자의 머문시간 등 정말 다양합니다.

  17. BlogIcon 엣지맘 2011.08.09 17:59  댓글주소  수정/삭제  댓글쓰기

    인터넷 창에서 글 내용을 가리는 플로팅창 때문에 짜증났던 기억이
    나는데요 ㅎㅎ 해상도의 문제였던 거네요! :)

  18. BlogIcon smjin2 2011.08.09 18:31 신고  댓글주소  수정/삭제  댓글쓰기

    오늘도 배우고 갑니다.
    남은 시간도 좋은 하루되세요~~

  19. BlogIcon ageratum 2011.08.09 19:26 신고  댓글주소  수정/삭제  댓글쓰기

    저도 잠시 추천버튼 같을걸 플로팅배너 형식으로 썼었는데..
    웬지 방해가 되는거 같아서 그냥 없앴네요..^^:

    • BlogIcon 백전백승 2011.08.09 22:44 신고  댓글주소  수정/삭제

      해상도가 크거나 화면이 크면 방해가 전혀 안되는데 해상도가 작거나 화면이 작으면 큰 방해가 될 것 같아요. 글을 가리므로 정말 짜증입니다. 그래서 광고 모델이나 블로그 글을 가리는 것이 있어서 플로팅 배너를 제재하는 것 같습니다.

  20. BlogIcon 레이니아 2011.08.10 01:52 신고  댓글주소  수정/삭제  댓글쓰기

    플로팅 배너가 참 편할 것 같긴한데 해상도를 많이 따지는군요.
    확실히 예전 데스크탑에서 맥북으로 주 사용컴퓨터가 옮겨지면서 해상도가 줄어들었는데
    몇몇 블로그에선 애로사항이 있는 것 같습니다.^^

    • BlogIcon 백전백승 2011.08.11 23:10 신고  댓글주소  수정/삭제

      정말 그런 경우가 많은 것 같아요. 해상도를 크게 하면 화면도 작은데 글자가 작아져 고민되니 해상도를 크게할 수도 없고요. 그럴때는 어쩔 수 없을 것 같아요.

  21. BlogIcon 키리냐가. 2011.08.12 20:45 신고  댓글주소  수정/삭제  댓글쓰기

    얼마전에 플로팅 메뉴에 관한 글을 포스팅했는데..
    이런 것들은 전혀 고려를 하지 않았네요ㄷㄷ;;
    좋은 정보 감사합니다..! 참고할게요!! 어쩐지 친구컴에선 플로팅 메뉴가 잘리더군요