블로그 마케팅 강좌 - 프롤로그..

강좌의 대상 층은 "전업 블로거"의 수입을 조금 늘릴 수 있는 방법을 제시하고, 마케팅 비의 부담을 느끼는 소기업이나 소상 점을 위한 내용을 중심..

블로그 1:1 멘토링 교육 안내..

블로그가 요동을 치고 있는 상황입니다. 덕분에 저도 블로그 교육을 다시 시작을 하려고 합니다. 교육 방식은 1:1교육으로 메토링을 진행 하려고 ...

IT 제품 등에 대한 리뷰를하고...

브랜드 블로그와 블로그 마케팅을 블로그를 전문적으로 운영해드리고 있습니다.
TEL.010-2776-9081 / chunchu99@gmail.com

티스토리 블로그 디자인 - 천추의 IT 이야기 블로그 디자인

천추의 IT 이야기 블로그 디자인 개편

   

작년 말부터 준비하던 '천추의 IT 이야기'에 대한 디자인이 완료가 되었습니다. 이제까지 총 3회의 블로그 디자인이 개편이 된 것입니다.

   

원래 디자인을 하려던 디자인을 조금 변경하여 일반적인 디자인으로 만들어 버렸습니다. 그 동안 조금 부족하다고 느끼던 메인 배너 부분을 개선을 했습니다.

   

토요일에 디자인과 코딩을 마무리 했습니다. 만 하루에 홈페이지를 하나 만드는 정도의 업무의 집중이 있었습니다.

   

기존의 천추의 IT 이야기는 디자인에 거의 이미지를 쓰지 않고 페이지 오픈 속도를 중심으로 블로그 디자인을 유지를 했습니다. 그렇다 보니 다른 디자인 블로그 들과는 조금 다른 레이아웃을 유지하였지만 이제는 "홈페이지 형"레이아웃을 사용했습니다.

 

   

   

티스토리 블로그에 디자인을 입히는 작업은 티스토리 블로그를 시작하면서 조금씩 작업을 하기는 했지만 최근에는 스킨을 홈페이지와 거의 유사하게 디자인을 했습니다.

   

천추의 IT 이야기 블로그 디자인의 구성

   

메뉴의 추가 메뉴와 서브 메뉴를 추가하였습니다. 아직 메뉴의 구성에 대하여서는 조금 더 고민을 해보아야 할 것 같습니다.

   


   

롤오버 메뉴와 서브메뉴를 만들어서 보다 다양한 내용을 조금 더 편리하게 보실 수 있게 구성을 했습니다. 홈 버튼을 추가해서 인덱스인 첫 페이지로 보낼 수 있는 기능을 쓰게 했습니다.

   

메인 페이지는 티에디션에서 제공되는 기본 세트의 디자인이 마음에 들지 않아서 고민을 하다가 별도의 레이아웃으로 디자인을 했습니다. 개인적으로 볼 때 큰 코딩의 성과라고 볼 수 있습니다. 브랜들 블로그 등 2년 정도 티스토리의 블로그 디자인을 했지만 이번에서야 티에디션의 설정을 원하는 정도의 디자인 구성으로 바꾸어 놓은 것 같습니다.

   

다음은 메인 배너를 전체 화면에도 조금 어색하지 않게 배경과 함께 바뀌도록 했습니다. 성형외과나 웨딩 홀 같이 메인 이미지를 크게 넣는 블로그에 적용을 해보면 매우 멋있을 것 같습니다.

   



티스토리 블로그 디자인  - 천추의 IT 이야기 블로그 디자인티에디션을 이용한 인덱스 페이지입니다.


   

티스토리 블로그 디자인  - 천추의 IT 이야기 블로그 디자인서브 페이지 입니다. 메인 광고의 이미지를 같이 쓰고 있습니다.


현재 메인 배너는 움직임의 자연스러움을 포기한 대신 개별 링크나 배너간의 이동을 할 수 있게 하여서 기능성으로는 매우 만족스럽습니다.

   

지난주에 한미약품에서 블로그 마케팅에 대한 프레젠테이션을 했는데, 그때 현재의 디자인을 보여주지 못한 것이 조금 아쉽습니다.

   

다음 단계는 블로그의 기본기능을 이용하여 간단한 질문이나 상담을 받을 수 있는 시스템을 준비 중입니다. 별도의 서버를 사용하지 않기 때문에 운영비가 적은 중소기업을 위하여 필요할 것 같습니다.

   

앞으로 한동안은 블로그 디자인을 개선하는 작업을 해야 될 것 같습니다. 이번 주에는 혜은당 한의원의 코딩과 한국 마케팅 협회의 공식블로그의 디자인과 코팅을 해놓아야 해서 매우 바쁘고 재미있는 한 주가 될 것 같습니다.

   

   

블로그 코딩 작업 환경입니다. 디자인의 코딩에는 최근 쓰기 시작한 Adobe Edge code CC를 쓰고 있습니다. 무료 앱인데 맥 용 무료 에디터 프로그램 중에서는 현재 까지는 제일 좋은 것 같습니다. 위 이미지처럼 작업을 하면 상당한 업무효율로 작업 효율이 좋지만 목을 혹사하기 때문에 작업이 마무리 될 때는 두통이 몰려올 때도 있습니다.

   

다음에는 디자인과 코딩 작업에 대하여 포스팅을 준비해 보겠습니다.

   



홍보배너링크

댓글을 달아 주세요

  1.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://toyvillage.tistory.com BlogIcon 라이너스™

    꼭 필요한 정보입니다.^^
    잘보고갑니다. 멋진 하루되세요^^

  2.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://rgm-79.tistory.com BlogIcon RGM-79

    html로 홈피 짜던 시절보다 너무 복잡해져버렸어요.
    이젠 블로그도 그렇게 짜야한다니.. 엉엉

    •  댓글주소  수정/삭제 Favicon of http://chunchu.tistory.com BlogIcon 천추

      개인적으로는 그때나 지금이나 크게 달라진 것은 없어 보이지만 그래도 블로그가 만드는 시간은 매우 적게 들어갑니다.

  3.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://blomari.tistory.com BlogIcon 블로마리

    봄을 맞아 새단장 하셨네요...^^
    디자인이 깔끔하니 보기 좋습니다.

  4.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://palme.tistory.com BlogIcon 팔메

    매우 깔끔하면서 속도도 좋으네요 ^^

    •  댓글주소  수정/삭제 Favicon of http://chunchu.tistory.com BlogIcon 천추

      하하 이전 버전에 비하여 조금 무거워서 고민을 하고 있습니다. 이미지를 별도의 이미지 서버에 저장을 고민 중입니다.

  5.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://life-lineup.tistory.com BlogIcon +요롱이+

    너무 잘 보고 갑니다^^
    남은 하루도 기분좋은 시간이시길 바랍니다!

  6.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://ptnet.tistory.com BlogIcon 진율

    오~! 멋진 단장이군요~!
    역시 능력자시군요~^^
    부럽습니다~!

  7.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://jongamk.tistory.com BlogIcon 핑구야 날자

    시간을 투자한만큼 깜끔해진 블로그스킨이 되었네요.. 저도 한다고 하면서~~ㅜㅜ

  8.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://ssoqubae.tistory.com BlogIcon 쏘쿠베

    멋진 모습 잘 보고.. 알아 갑니다. 행복한 밤 되세요^^

  9.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://passionfactory.tistory.com BlogIcon 초원길

    잘 짜여진 홈페이지이네요.
    저는 기본 스킨도 겨우 가져다 쓰는 입장이다보니 마냥 부럽기만 합니다

  10.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://themeat.tistory.com BlogIcon 오늘도힘차게

    완전 부럽네요. IT 분야는 보안을 했었고 지금은 전혀 다른일을 하는데... 맘 처럼 웹이 쉽지 않네요.
    디자인 바꾸기가 이렇게 겁날까나...

  11.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://www.ibagu.co.kr BlogIcon 이바구™

    매인 배너가 참 탐나네요.^^