'나만의 블로그 배너 만들기' 초간단 팁

2009/10/31 08:30

오늘은 GIF애니메이션을 이용해서 자신만의 블로그 배너를 만드는 방법을 알아봅니다. 물론 초보자용입지요. 어렵지 않습니다. 그럼 시작해볼까요? 따라~와아~~     



웹서핑을 하다보면 자신만의 개성 넘치는 배너를 사이드바에 달아놓은 블로그를 종종 보게됩니다. 배너 하나 달았을 뿐인데 블로그 자체가 참 세련돼 보이지요? 물론 포토샵 등 그래픽툴을 자유자재로 다룰줄 안다면야 그까이 뭐 대~충 뚝딱뚝딱 만들어내겠지만, 그렇지 못하다면? 음, 그렇다면 GIF애니메이션 이미지 파일을 이용해서 블로그 배너를 만들어보시는건 어떨까요? 방법도 쉽고 준비물도 특별히 필요없고... (제 블로그 사이드바를 보시면 'e-Freelog.com' 배너가 보이실 겁니다. 네, 저런 걸 함 맹글어보자~ 요겁니다.^^)     

준비물은 이미지 몇 장과 간단하지만 강력한 기능을 제공하는 국산 이미지 편집툴인 포토스케이프(PhotoScape)만 있으면 됩니다.(물론 이미지는 저작권에 저촉되지 않는 걸로 준비하셔야겠지요? 자신이 직접 촬영한 사진이면 더 좋겠구요.)


자, 그럼 시작해 볼까요?
'GIF애니메이션 배너 만들기 → 블로그 사이드바에 배너 달기' 순으로 작업하시면 되겠습니다.


   제1단계 : GIF애니메이션 배너 만들기  

포토스케이프 실행 → 상단의 '사진편집' 탭을 열고 → 이미지 선택 → 메뉴바의 '자르기' 선택 → 적절한 크기로 이미지를 자른 후 저장합니다. (단, 가로사이즈가 자신의 블로그 사이드바 최대너비를 넘지 말아야 합니다. 물론 이미지 편집작업 후 리사이징이 가능하긴 합니다. 그리고 자르기 옵션은 '자르기 비율 / 크기 지정'을 선택합니다. 그래야 이미지가 찌그러지지 않습니다.)




메뉴바의 '기본' 선택 → 이미지에 다양한 효과를 입힙니다.



메뉴바의 '개체' 선택 → 'T'(텍스트) 선택 → 텍스트를 삽입하고 저장합니다. 이런 방법으로 필요한 수 만큼의 이미지를 편집해 주시면 됩니다.
상단의 'GIF애니메이션' 탭을 열고 → 편집한 이미지들을 작업창으로 드래그 & 드롭합니다 → '표시시간변경', '전환효과변경' 등의 옵션을 주고 저장합니다. 


이렇게해서 블로그 배너로 사용할 GIF애니메이션 이미지 파일이 만들어졌습니다. 자, 이제 이 이미지 파일을 이용해서 사이드바에 블로그 배너를 보기 좋게 달아봐야겠지요?



   제2단계 : 블로그 사이드바에 배너 달기   

이미 만들어 놓은 GIF애니메이션 이미지 파일을 웹상에 업로드합니다. 자신의 블로그에 비공개로 올리시면 되겠습니다.

업로드한 GIF애니메이션 이미지의 크기를 확인하고 '이미지 URL'을 복사합니다. 

  • IE : 이미지 위에 마우스 대고 오른 클릭 → '속성' 누르시고 이미지 주소(URL) 복사
  • 파이어폭스 : 이미지 위에 마우스 대고 오른 클릭 → '그림 주소 복사' 클릭
  • 구글 크롬 : 이미지 위에 마우스 대고 오른 클릭 → '이미지 URL 복사' 클릭

이제 스킨모드에서 사이드바를 편집해주시면 됩니다.

  1. 블로그 관리자모드 → 스킨 → 사이드바 설정으로 들어갑니다.
  2. HTML 배너출력 모듈 또는 이미지 배너출력 모듈을 사이드바 꾸미기에 추가합니다.
  3. 추가된 모듈 편집창을 열어 배너출력 태그를 입력합니다. 이미지 배너출력 모듈의 경우에는 '이미지 URL'과 '블로그 URL'만 붙여넣기 하시면 됩니다.
  4. 미리보기로 확인한 뒤 저장합니다. 

배너출력 태그
<a href="블로그 주소(URL)" target="_blank"><img src="이미지 주소 (URL)" style="border:0;"/></a>

자, 이제 완성입니다. 잘 되셨나요? 뭐 별다른 건 없지만 왠지 뽀대나잖아요? ^^
밑에 동영상 자료 첨부합니다.





덧> 며칠전에 관련글을 올리기도 했습니다만 제가 얼마전에 가슴 아픈 일을 겪었습니다. 제 아픔이야 기껏해야 친구 그 이상도, 그 이하도 아닌 것이겠습니다만, 유가족들 특히 아직 어리디 어린 친구의 아이들을 생각하면 지금도 가슴 한 켠이 먹먹해져 옵니다. 이 자리를 빌어 제 친구의 명복을 빌어주신 이웃님들께 다시 한 번 심심한 감사의 말씀 전합니다. "고맙습니다"    

저작자 표시 비영리 동일 조건 변경 허락

옹리혜계 明窓淨机 [교육/IT]/Blog Tip & Tech , , , , ,

  1. 어머, 저도 저런 배너 꼭 달고 싶었어요~
    에구, 근데 마땅한 이미지가 없구나...;;
    제 사진 블로그 프로필로 올렸다가 내렸어요.
    그게 복사도 되나보더라구요. 남의 사진 복사해서 엉뚱한 데 쓰는 사람도 있기에...
    하여튼 블로그 배너 꼭 해보고 싶어요.^^

  2. 호곡~ 언제요?
    아... 아까비~~
    해피플루님 '한 미모' 감상할 기회를 날려버렸구만요... 크럴럴~
    (거 이상하다... 매일 마실 가는디, 왜 못봤쥐...? 지방에 가있을때 올리셨남?)

  3. 어제요~
    얼굴은 자세히 나오지 않고 느낌 정도만 알 수 있는 사진으로다가...
    그게 복사 가능하다는 걸 알곤 바로 내렸고요.

    근데 <한 미모> 한다는 건 오해예요.
    저 실은... 별루예요.^^;;

  4. 어제요? 오잉~
    이상타~ 어제 두어번 널러갔었는디...('주문' 마저 찬찬히 읽을라구..)
    암튼 좋은 기횔 놓쳐서 아까워횸~ 크럴럴~~

    오늘 비님 오신다는데... 벌써부터 스산한 기운이...
    행복한 주말 보내세요~ ^^

  5. 우하하하~
    옹리님~
    제 블로그에 와보세요.
    알려주신 대로 해서 방금 제 배너를 만들어 붙였답니다.
    당장 쓸 만한 이미지가 없어서 제 사진으로 했으니 얼마나 못났는지 함 보세요. 뽀샤시, 이릉 거 안 하고 피부만 조금 깨끗하게..ㅋㅋ;;
    근데 텍스트가 안 보여서 곧 다시 만들 거예요.
    어쨌거나 덕분에 제 블로그가 멋있어진 거 같아요~ 감사~~^^

    --------
    아, 실패예요.
    제 눈에만 보여요. 로그아웃하면 이미지 안 나와요..;;
    역시 제 경국지색은 나라와 민족을 위해 감추고 살아야겠군요. 크흐흐흑 ㅠㅜ

    --------
    다시 시도해서 성공했어요~
    좋은 이미지 찾아서 곧 다시 만들어야지~ 감사~

    근데 <옹리>가 초파리예요? 아니면 <혜계>, 아니면 <리혜>? 아니면...?
    아까 들떠서 옹리님~이라고 썼는데 그게 술항아리인지, 초파리인지 몰라서요.헤.. 저 좀 무식하다능..^^;;

  6. ㅎㅎ~ 드뎌~
    선글라스 쓰셔서... 그래도 포스가 느껴진다눙... ^^

    ('혜계'=초파리... 모 옹리믄 어떻고, 혜계믄 어떻슴까?
    어차피 '초파리'인디... 저공비행에도 숨을 할딱거리는...크럴럴~)

    저녁나절에 잠시 멈추는 듯 싶더니...
    비님... 제법 운치있게 내리시누만요...
    소주 한잔 하고 자야겠습니다.
    (멸치가 워디 있드라....)

    해피플루님, 따뜻한 잠 구우시길요~ ^^

  7. 저도 꼭 만들어 복 싶은데...
    재주가 메주라 ㅎㅎㅎ
    설명을 아무리 열심히 봐도 이해가 안되는 ㅋ
    그나저나
    이제 마음은 잘 추스렸나 봅니다.
    인생사 그렇고 그런가 합니다.
    주말 잘 보내세요.

  8. 네... 삶이란 게 다 '그런' 거겠지요...
    어제 전화해보니 다행히 아이들 목소리도 괜찮더군요...

    영웅님, 감사합니다.

  9. 실력은 안 되지만,
    혜계님이 가르쳐 주신 방법은 기억해두겠습니다.
    사실 전 배너를 거의 안 다는...^^;

    그리고, 늦게나마 친구분의 일...
    삼가고인의 명복을...
    위로의 말 전하고 갑니다.

    비오는 오늘, 옹리혜계님 울적해 마시고 힘내세요....

  10. 바람님, 감사합니다.

    정말 오늘 같은 날 쐬주 한잔 간절하네요...
    아무래도 전 한잔 하고 자야겠습니다.

    편안한 밤 되세요~ ^^

  11. 세련되지 못한 제 스킨에 고민하고 있었는데 이런 배너 저도 하나 달아야 겠습니다.
    재주가 메주이지만 옹리혜계님 설명하신데로 따라하면 될것도 같아 용기를 가져봅니다.

    사람 산다는게 다 그렇고 그런가 봅니다. 정든이를 두고 떠나야 한다는것도
    아끼던 이들을 떠나보내야 한다는것도 모두 가슴 아픈일이지만 더러는
    이게 인생이라고 말씀들 하시더군요. 친구분이 너무 일찍 세상을 떠난것이
    가슴 아픈일이고 더구나 나이 어린 자녀분들을 뒤로 두고 가신게 참 안타깝지만
    흐르는 물은 막을수 없는것이니...
    친구분 가족들에게 힘내시라고 말씀드리고 싶습니다.

  12. 네, 한번 만들어보세요... 그렇게 어렵지 않습니다.^^

    음...
    그렇지요...
    삶과 죽음이 기실 앞,뒷머리에 다름 아니거늘...
    감하는 슬픔이란 것도 따지고 보면 그저 산 자들의 넋두리에
    불과한 것일 수도 있겠지요... 다만 아이들이 걱정이었는데,
    생각보다는 잘 견뎌내는 듯 합니다.

    펨께님, 마음 써 주심이 고맙습니다.
    비, 오시네요...
    편안한 밤 되세요~

  13. ..........*^ㅣ^*..........
    향기 속 두었던
    추억 하나 하나
    겨울 난로 나란히 앉아
    익어가는 하얀 마음

    행복은 곁에 있어요
    사랑으로...
    기다림에

  14. 감사합니다...
    따뜻한 잠 구우시길요~ ^^

  15. 꽤나 좋은 정보입니다. 저도 글보고 배우면서 하나하나 만들어봐야겠습니다.
    트랙백 고맙습니다.
    방문자가 좀 많이 와야하는데... 도움이 될려나 모르겠습니다.^^

  16. 에구... 겸양지덕이 지나치십니다. ^^

    저 같은 초보자들 그나마 쉽게 할 수 있는 방법을 찾다가 요런 포스팅까지 하게 됐다눙~~ ㅎㅎ

    대문님, 따뜻한 잠 구우시길요~~

  17. 후아후아, 제 블로그는 배너를 달 수 있는 모양이 아니여서.. 패스입니다 패스 ㅜㅜ..

  18. ㅎㅎ~ 그러네요... pobia님 블 스킨은 1단이래서...
    (아마도 젤 깔끔한 형태가 아닐까 하는... )

    참, 청주엔 신종플루 좀 어떤지...
    개인위생 철저히! 항상 건강 조심! 아셨지요?

  19. 우연히 방문하게 되었는데요. 잘보고 갑니다.
    친절하게 동영상까지.. ㅋㅋ 감사합니다.

  20. 방문 감사합니다. ^^
    동영상은 급하게 만들다보니... 그닥 도움이 되진 않으실 듯... ㅋ
    (걍 흐름만 보시라는 의미입니다...)

    기온이 차네요. 건강 조심하시길요~

  21. 오~ 제가 요즘 방문을 잘 못했나 봅니다.. 스킨이 바뀐것도 모르고..
    너무 멋진데요~
    요런 간단한 방법이 있군요. 제 배너도 하나 만들어 봐야 겠어요~
    날씨가 추운데.. 감기 조심하세요~

  22. 괜찮나요?
    깔끔하죠?
    (그래도 김군님 스킨 만큼 멋있을라구요?...)

    그런데... 김군님 블로그는 오늘 괜찮았는지요?
    이웃님들 대부분 안들어가지던데... (DDos 무섭지요? ㅋ)

    김군님도... 보담은... 예준이 감기 조심시키시길... ^^

  23. 와~ 쉬워요! 연습삼아 따라해봤는데.. 성공했다는^^
    다른분이들 올리신건 따라하다 막히는게 많은데~
    저같은 초보자들을 위해서 이런걸!! > 3< 헤헤
    나중에 더 이쁘게 만들어서 블로그에 달아야지~

  24. 호곡~ 사우다지님 보다 제가 더 초보 같은데요? ㅎㅎ

    잘 지내셨지요?
    저는 생기는 것도 없이 이래저래 분주하네요...

    감기 조심하시구, 늘 행복하십시오~ ^^

  25. 만들어봐야지~ 봐야지~ 하면서도 도통... 만들기 정말 쉬운거죠???

  26. 네... '붙이기 신공'만 발휘하시믄 정말 쉽습니다.
    저도 맹글어 갖다 붙이잖아요? ㅎㅎ~

    오늘 홍천 날씬 어떤가요?
    여긴 잔뜩 흐린 하늘이 마냥 을씨년스럽구만요...

  27. 항상 느끼지만 대단하신 내공의 컴실력이신듯 합니다.
    요즘 건강 잘 챙기시는 거지요?
    옹리혜계님의 공간이 이렇게 바뀐 줄 몰랐었네요.
    반갑고, 또 반갑습니다.
    따스하게 이불 덮고 주무셔요.

  28. 하하~ 제가요?
    음, 저도 컴맹 수준에서 겨우 서너 발자국 벗어난 주제인뎁쇼? ㅋ

    (걍 저 같은 초보들이 좀 더 쉽게 블로깅했음 좋겠다 하는 바람에서.. 되지도 않는 요런 포스팅을 '감행'하고 있다눙~ ㅜ.ㅜ)

    그나저나 요사이 소우주님 올리시는 연재글 재밌던데요..
    제가 아는 이웃님들도 몇 분 등장하고 말입죠... 크럴럴~

    음... 주말이네요.
    가족분들과 즐거운 시간 보내시길요~ ^^

  29. 블로그 스킨이 바뀌셨네요~
    배너가 정말 좋아요. 다단스킨에 대한 충동이 강하게..ㅋㅋ..

    아아, 매번 신종플루에 대해서 물으셨는데
    정신을 딴데다 두고 살다보니 이제야 답변 드리게 되네요.
    청주도 상딩히 위험한 수준이에요.
    청주에서만 20대 여성과 고3 수험생이 사망했구요.
    저희 학교도 매일 백여명 가까이 수업을 듣지 못하고 있습니다.
    그 덕에 전 아픈 '칙' 하고 산으로 들으로 뛰놀고 있습니다. -_-;

  30. 음... 조심하시길요~
    하루, 한 시간, 일분이... '소중한' 시간이랍니다..
    (시방은 절실하게 感치 못할지라도... '정말'이랍니다. ㅡ,.ㅡ )

  31. Blog Icon

    비밀댓글 입니다

  32. 네... ^^;;;

  33. 이런저런 일도 있고 리더기 맨 밑에 계셔서 제가 옹리혜계님을 깜박했었네요 ;;;
    ㅠ.ㅠ 정말 죄송합니다. 저도 틈틈히 다음스킨을 준비하고있는데 요거 살짝 이용해야
    겠어요. 예전에 알GiF인가 그걸 찾다찾다 못찼았는데, 다행이네요.

  34. 죄송할게 모 있나염? 생각나실 때 한번씩 들르시믄 되십니다요~ ^^
    건강은 갠찮은게지요?

    비... 오시네요...
    '晩秋에 비'라... 음...

    행복한 하루 맹그세욤~ ^^

  35. 기운 차리셔서 다행이에요^^
    저도 요즘 바빠서 블로그를 뜸하게 했었는데 말이죠...ㅠ.ㅠ

    건강하시죠?
    ^^

  36. 유리님, 오랫만이네요. ^^
    어디서 봤는지 기억이 가물가물합니다만(소우주님 댁에서였나?...) 출장가셨다는 얘길 들은거 같은데... 잘 다녀오셨는지요?
    유리님도 건강하시죠?

    음...
    저도 그간 일이 바뻐서 블로그를 거의 내팽기다시피 했네요...
    지난 달 친구 일을 겪으면서 나름대로 생각을 정리할 시간이 필요하기도 했구요.. 음... (참고로 유가족들, 특히 아이들도 그런대로 잘 견뎌내는 듯 합니다. 다행입지요...)

    유리님..
    즐거운 주말 맹그시길요~ ^^

  37. .......*^l^*.......
    드 높던 파란 하늘
    너 가고는

    곁 두었으나
    너 느끼지 못 했어

    긴~겨울 지나야
    다시

    내 가슴 속
    아름다운 너에 모습을...

    행복은 곁에 있어요
    사랑으로...
    기다림에

  38. 감사합니다.

  39. Blog Icon

    비밀댓글 입니다

  40. 별 도움은 안되겠지만... 걍 마음이 그래서요..^^

  41. Blog Icon

    비밀댓글 입니다

  42. 전혀~ 간단해 보이지 않아요 ㅡ,.ㅡ

  43. 그런가요? ^^
    하긴 설명이랍시구 떠들어놓은 거이 어째 걸쩍찌근합지요? 크럴럴~
    (이제 보니 제가 봐도 몬 말인지 잘 몰겠다는...ㅋㅋ)

    줌마띠님...
    즐거운 주말 맞이하시길요~ ^^

  44. 홍천댁이윤영 남편입니다. ^^
    집사람이 이글을 읽고서 베너 달아달라고 하더군요
    1주일간의 고민, 자습, 연구 끝에 베너 달았습니다.

    도움이 많이되었습니다.

    티스토리내의 관리자 모드에서 스킨->html <------ 여기에 태그를 붙여넣기 했더니 고민하던것이 해결되더군요^^

    유용하게 잘 활용했습니다.

    감사합니다.

  45. 아이구... 홍천댁님 요리코너의 그 유명한.. '시식' 담당하시는 분이시군요.. ㅎㅎ
    정말 반갑습니다 ^^

    제 글이 도움이 되셨다니 저도 감사드립니다.
    방금 가서 봤는데 아주 예쁘게 잘 만들어 다셨네요...

    감기 조심하시고... 편안한 밤 되시길요~ ^^

  46. 홍천댁이 블로그 메인을 하도 많이 바꿔서
    그때마다 베너작업을 해야하는 번거로움땜시
    이렇게 한다라고 포스팅으로 알려줄라구요 ^^

    베너달기 포스팅할라합니다. 괞찮겠지요?

  47. 이곳간 쥔장님이시군요?
    그럼요... 괜찮다마다요...
    좋은 팁 있으면 서로서로 공유하시는 거이 좋은 일입지요. ^^
    포스팅하시면 저도 참고하겠습니다.

    날씨가 찹니다.
    건강하시길요~

  48. 와우, 엄청난 댓글~ㅎㅎ

    이런 팁 같은 거, 전 스샷 찍고 편집하기 귀찮아서 못하겠던데 역시 부지런하셔요!+_+

  49. 그닥 바지런하고 친하진 않습니다요... 헤헤...
    외려 극한의 게으름증 환자라는... 쿨럭~

  50. 感謝^^ 정말 좋네요.

    아주 유용한 프로그램을 소개해 주셔서 잘 보고 갑니다.^^

  51. 무아경님, 저도 감사합니다.
    편안한 휴일 보내시길요~ ^^