이번 네이버 블로그 디자인 팁은 - 블로그 포스팅 메인 이미지를 만들어 보겠습니다. 네이버 블로그에서 포스팅 대표 이미지는 검색의 섬네일로 보이기도 하고, 글에 대한 전체적인 주제를 함축적으로 보여주는 이미지이기 때문에 개인적으로는 매우 중요하다고 생각을 하고 있습니다.

   



   

천추의 IT 이야기의 최신 글을 보시면 대부분 대표이미지는 디자인이 들어간 것을 볼 수 있습니다.

   

   

   

  대표이미지 디자인의 장점

   

1. 프롤로그를 구성할 디자인이 미려하다.

2. 포스팅의 내용을 함 축하는 이미지로 방문자의 시선을 잡는다.

3. 섬네일에 통일된 디자인은 검색 구독자에게 자신의 정체성을 밝힐 수 있다.

4. 남들고 차별화되는 블로그로 보인다.

5. 약간이 시간 투자로 전문가로 보일 수 있다.

   

   

네이버 대표 이미지의 디자인 방법

   

저는대표 이미지를 투명한 테두리가 있는 이미지로 만들고 있습니다. 이유는 프롤로그에서 볼때 이미지의 간격이 자연스럽게 생겨나기 때문입니다.

  

   

   

http://blog.naver.com/PostThumbnailList.nhn?blogId=dawnmart&from=postList&categoryNo=9

   

아직 천추의 아이티 네이버 블로그는 프롤로그 설정을 하지 않았지만, 글을 조금 더 쓰면 적용이 될 것 같습니다.

   

네이버 블로그 대표 이미지의 디자인은 가로 740픽셀 세로 740 으로 디자인을 해서 나중에 폭만 10픽셀을 늘릴 것입니다.

   

1. 정사각형으로 신규 파일을 만듭니다.

네이버 검색이나 블로그 플로로그로 볼때는 정사각형을 기본으로 보여줍니다. 그래서 네이버 블로그 대표이미지는 정사각형으로 만드는 것이 좋습니다.

  

   

이미지를 보시면 모서리가 둥근 사각형에 여백을 좌우로는 15px, 상하로는 10px 정도의 여유를 주었습니다.

   

2. 레이아웃 만들기

대표이미지도 디자인인지라 레이아웃을 만들어야 합니다. 저는 3등분 해서 2/3은 포스팅의 느낌을 전달하는 이미지 영역으로 나머지 1/3은 제목과 로고가 있는 곳으로 구성을 했습니다.

   

   

   

이미지 영역이 4:3이기 때문에 정사각형을 띠고 있지만 느낌상은 이미지 부분을 보기 때문에 어색한 느낌을 줄일 수 있습니다. 하늘 색 부분은 별도의 레이어로 나중에 이미지를 잘나 낼때 사용할 것입니다.

   

   

   

3. 로고 및 제목 영역

로고는 천추의 IT 로고는 티스토리 블로그 디자인을 할때 만들었던 것을 제활용했습니다. 텍스트 영역은 두줄로 문장형으로 제목을 만드는 제 특성을 살렸습니다. 간단한게 축약한 내용을 넣어도 됩니다.

  

   

   

4. 테두리 만들기

레이어를 하나 더 만들어서 모서리가 둥근 사각형의 선택하여 테두리를 만듭니다. 테두리의 두께는 2px이 적당하고, 색상은 회색으로 하는 것이 무난합니다.

 

   

5. 이미지 영역 작업

이미지 영역은 이미지를 넣고 레이어1을 반전 선택해서 지우면 이미지 영역에 딱맞는 이미지를 얻을 수 있습니다.

   

   

저장은 PNG로 마무리 하시면 됩니다.

   

   

후기

이번 포스팅의 대표이미지를 만드는 과정을 순차적으로 정리를 해보았습니다. 대표 이미지용 작업 파일을 만드셨으면 다음부터는 이미지 영역과 제목의 텍스트와 텍스트 크기 만 수정하시면 바로 네이버 블로그 대표이미지가 만들어집니다.

   

막상 도전을 해보시면 그리 어렵지는 않습니다. 저도 이제는 디자인 감각이 떨어져서 고생스럽기는 하지만 하나만 만들어 놓아도 1년 정도는 충분히 쓸 수 있습니다.

   

네이버 블로그 포스팅의 대표이미지를 디자인으로 쓰는 것은 남들과는 차별 점이기 때문에 체험단 등에 대한 제의도 많이 들어오고 리뷰 의뢰도 많이 들어옵니다. 전업으로 블로그를 하시는 분들이 대표이미지 디자인을 하는 이유도 여기에 있습니다.

   

   


   

블로그 이미지

천추

IT 이야기를 중심으로 블로그를 운영하고 있습니다.

댓글을 달아 주세요

네이버 블로그 만들기 3번째 글은 네이버 블로그의 상단 디자인입니다. 어렵다고 보면 어렵지만, 따라 하는 방법으로 하시면 빠르고 편하게 할 수 있습니다.

   

이번에 디자인은 상단을 배경으로 만드는 디자인입니다. 주로 브랜드에서 많이 쓰는 방법으로 전체적으로 배경과 콘텐츠를 하나의 화면에 보여주는 것이 목적입니다.


   

물론 저도 이제는 디자인 감각이 떨어져서 젊은 친구 들에게 디자인을 의뢰하기도 합니다.

   

네이버 블로그 만들기 - 상단 디자인 어렵지 않다!!


1. 막연하게 디자인을 준비하려면 매우 어렵기 때문에 기본 사이즈를 정하고 디자인 할 블로그 스크린 샷을 찍어서 활용을 하면 됩니다. 


포토샵을 열고 스크린샥을 찍은 만들려고 하는 네이버 블로그의 이미지를 붙여넣습니다. 


   

이번 디자인은 수원 피부과로 유명한 하늘토한의원 수원점의 네이버 메인 블로그의 상단 디자인입니다.

   

2. 네이버의 상단 디자인은 높이를 300에 맞추어서 하면 되지만 배경으로 쓸 때는 그보다 조금 아래 선에 디자인을 맞추시는 것이 좋습니다. 저는 350 정도까지 디자인을 할 것 입니다.


   

디자인의 전체 폭은 FHD 기준으로 1920px에 맞추었습니다.

   

3. 메인 구간에는 연락처나 상호들이 나오는 곳이고 태블릿에서 반복 구간에 상호나 연락처는 잘려나가기 때문에 구획을 정하여 디자인을 하는 것입니다.


   

네이버 블로그 만들기로 디자인에 차별성을 줄 수 있는 상단 디자인을 완료 했습니다. 이제는 상단의 이미지를 자르고 save as web 옵션으로 저장을 하시면 됩니다.

 

   

4. 상단 디자인이 완료가 되었습니다. 적용은 관리툴에서 스킨 편집을 이용하여 쓰시면 됩니다. 


바로 적용을 해보도록 하겠습니다.

   

 

   

   

네이버 관리페이지에서 세부디자인 선택 스킨 배경을 선택하시고 작업한 파일을 올려 놓으려고 합니다.

   

4. 상단영역에 등록

  

   

5. 타이틀 영역의 높이를 최대치인 300으로 설정하고 마무리하면 상단 디자인 완성



   

   

* 네이버 기본 설정에 상단은 투명으로 되어 있습니다. 아이템 펙토리 때문에 상단이 하얗게 보이는 경우가 있는데 간단하게 기본 스킨으로 변경하고 작업을 하시면 문제없이 쓸 수 있습니다. 

   

   


실제 제가 관리해드리고 있는 수원 피부과 하늘토한의원 블로그입니다.

http://blog.naver.com/skys4205

 

디자인을 적용하고 마무리를 했습니다. 한번 방문하시고 이웃 걸어주시면 100% 서이 추가 해드립니다.

   

네이버 블로그 만들기 상단 디자인에 대하여 설명일 끝났습니다. 다음 포스팅에는 위젯 만들기를 쓰려고 합니다.





블로그 이미지

천추

IT 이야기를 중심으로 블로그를 운영하고 있습니다.

댓글을 달아 주세요

티스토리의 최고의 장점은 역시 디자인이나 구성을 자유로이 할 수 있다는 것입니다. 현재 블로그도 1년 정도 디자인을 바꾸지 않았기 때문에 디자인의 변경이 필요한 상황입니다.


일단 상단 디자인으 조금 손을 보고 리뉴얼 작업을 기획하고 있습니다. 현재의 "천추의 아이티 이야기 디자인"도 초안을 잡고 거의 5개월 뒤에 작업을 했으니 일단 플랜만 잡아보려고 합니다.




리뉴얼을 위한 디자인 계획

   

반응형웹

고민 1번은 현재의 디자인을 그대로 유지하면서 반응 형 웹으로 블로그를 디자인 하는 것입니다.

   

개인적으로 첫 반응형 웹을 만들었던 것이 2009년 정도에 한 병원 모바일 홈페이지에 적용했었는데 당시에는 태블릿과 스마트폰의 위한 반응형 웹이었습니다. 현재의 기술로 그 당시와 그리 다르지 않기 때문에 시도해 볼만합니다.

   

천추의 IT 이야기 티에디션 구성

   


   

제 티에디션은 SET 1과 SET 2처럼 구성이 가로2열이 아니고 세로 3열의 2단 구성입니다

   

그래서 신규 글은 왼 쪽의 IT issue & news로 몰아넣고 오른쪽은 별도의 카테고리나 글을 따로 설정 할 수 있습니다. 덕분에 구독자 분들이 최신 글을 편하게 찾을 수 있습니다.





 

하단 역시 왼쪽으로 IT Talk Talk와 우측의 배너영역이 티에디션으로 구분이 되어 있습니다.

   

보기에는 별차이가 없을 지 모르지만 구독자 분들과 방문자을 제가 원하는 카테고리나 글로 유도를 할 수 있다는 것은 블로그 운영에서 매우 유리하기 때문입니다.

   

예를 들어 Smart Life의 섹션의 경우 거의 최근 무료 제공받아 체험단으로 활동하고 있는 삼성 노트북 9 2015 Edition의 콘텐츠를 중심으로 구성 할 수 있다는 것 입니다.

   

그래서 반응형 웹으로 만드는 경우 세로 구조는 어느 정도 해결이 가능 할 것으로 보이는데 비대칭인 구조는 편하게 구현이 안될 것 같아서 고민을 하고 있습니다.

   

결국 디자인을 반응형 웹으로 만드는 것은 그리 어렵지 않은데, 티에티션이 커스템이 된 블로그라라서 반응형으로 티에디션 까지 작업을 해야한다는 단점이 있습니다.

   

   

브랜드 블로그 형식

두 번째 고민은 브랜드 블로그 형식입니다. 현재는 홈페이지 형식의 블로그입니다. 블로그를 잘 모르는 분들은 대부분 홈페이지라고 말씀을 하시곤 합니다.

   

오래 전에 S그룹 자 회사의 블로그 디자인을 해드린 적이 있는데, 최근에는 많은 블로그 들이 브랜드 블로그 형식을 취하는 것 같습니다.

   

개인적으로 다시 브랜드 블로그 형식으로 진행을 한다면 포스코의 블로그 형식으로 가고 싶습니다.


   

   


   

Hello, 포스코 블로그 ::

http://blog.posco.com/

   

*헬로 포스코 브랜드 블로그는 제가 작업한 것 아닙니다.


브랜드 블로그 형식으로 가면 심플한 티에디션을 쓸 수 있기 때문에 반응형 웹으로 디자인을 할 수가 있습니다. 굳이 반응 형으로 하지 않더라도 누가 봐도 블로그다 라는 느낌을 주고 싶습니다.





블로그 이미지

천추

IT 이야기를 중심으로 블로그를 운영하고 있습니다.

댓글을 달아 주세요

다음의 뷰 서비스가 종료되고  다음 뷰의 최신글 보기로 최신글을 불러 오신 분들이 많이 있으신데, 이제는 블로그 자체의 플러그인으로 최신글 불러오기를 해야헤서 한번 만들어 봤습니다. 


지금은 포스팅과 테스트를 한번에 하고 있습니다. 키보드와 태블릿의 테스트입니다. 역시 말은 거창하지만 신규 장비로 글을 쓰는 즐거움을 만끽하고 있다는 것입니다.

   

다음 뷰의 종료가 너무 아쉬워하면서 글을 씁니다. 최근에 다음 뷰에서 오던 트레픽이 많이 줄어 들었습니다. 그나마 구글의 트레픽이 늘면서 겨우 방문자를 유지하고 있지만 지나 달에 비하면 거의 10만 단위로 줄어드는 느낌입니다. 다음 뷰에서 유입이 정말 많이 빠지고 있는 것 같습니다.

   

  

다음 뷰 순위 전체 21위로 체널 1위로 마무리를 할 것 같습니다.

   

   

저는 신규 글을 다음 뷰의 최신 글로 대신 하고 있습니다. 그렇다 보니 일주일 정도 되면 신규 글을 보여주는 플러그 인을 설치를 해야 합니다.

   

그래서 이번에 바로 신규 글에 대한 플러그인의 디자인을 손을 봐야 하는데, CSS를 잘 모르는 분들은 조금 어려울 것입니다.

   

티스토리 꾸미기 - 최신 글의 디자인을 변경하자!

   

   

오늘은 이곳의 대처할 소스입니다. 가장 심플하면서 디자인적인 구성 요소로 쓸 수 있는 소스입니다.

   

<div class="txc-textbox" style="margin-top:20px; width:280px; border: 1px solid rgb(203, 203, 203); background-color: rgb(255, 255, 255); padding: 10px;">

   

 

<div id="recentPost" class="module" style="margin-left:-14px;">

<span style="font-size:14.0pt;font-family:맑은 고딕;font-weight:bold;color:#204187">Recent Post</span>

   

<ul style="margin-top:8px">

<s_rctps_rep>

<li>

<a href="[##_rctps_rep_link_##]"><span class="cnt" style="font-size:10.0pt; line-height:150%;">[##_rctps_rep_title_##].</span></a>

<span class="cnt" style="font-size:10.0pt;line-height:150%;">[##_rctps_rep_rp_cnt_##]</span>

</li>

</s_rctps_rep>

</ul>

</div>

 

</div>

      

붉은 부분이 제가 수정한 소스입니다. CSS없이 간단하게 DIV로 만들어 봤습니다. HTML을 너무 어렵게 생각을 하시는데 하나하나 연습을 하시면 어느덧 남들과는 전혀 다른 스킨이 될 것입니다.

   

"티스토리> 관리자 > 화면설정> 사이드 바: 최신 글 38글자"로 설정을 했습니다. 사이드 바의 폭에 따라 설정하시면 됩니다.

  

   

   

   

다음 은 더욱 간단한 디자인 팁이라고 할 수 있습니다.

   

페이스 북 플러그인은 배너로 티스토리에서 배너로 삽입이 가능합니다. 이전에 티스토리 꾸미기로 한번 설명을 드렸습니다.

  

플러그인을 다운 받을 수 있는 곳입니다.

https://developers.facebook.com/docs/plugins/like-box-for-pages

  

   

제 서브 페이지에 있는 페이스북 플러그인 소스입니다. 붉은 부분을 본인의 페이스북 페이지로 치환 하시면 사용이 가능합니다. 폭은 280px 기준입니다.

   

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fchunchu99&amp;width=280&amp;height=395&amp;colorscheme=light&amp;show_faces=false&amp;header=false&amp;stream=true&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:395px;" allowTransparency="true"></iframe>

   

   

결과물은 제 블로그의 페이스 북 플러그인을 보시면 될 것 같습니다.

   

개인적으로는 스크립트를 이용하여 메인에서의 배너들과 서브에서의 배너를 다르게 보이게 하고 있습니다. 


일단 글의 반응이 좋으면 제가 알고 있는 티스토리 디자인에 관련된 소스를 하나 씩 올려보려고 합니다.

   

최근 들어 전업 블로거들의 입지가 줄어들고 있다고 합니다. 일부 블로거의 문제를 전체 블로거에게 적용을 하려고 하니 문제가 생기는 것 같습니다.

   

개인적으로는 마케팅 블로그를 운영을 해드리고 있기 때문에 "유료 리뷰" 등에서는 어느 정도 자유스럽다고는 하지만, 그래도 블로거들에게 입지가 줄어드는 것은 조금 아쉽다고 할 수 있습니다.



저가 태블릿의 가능성 한성 컴퓨터 Gadget V10 리뷰[3] Gadget V10과 윈도 8.1

윈도 8.1 태블릿을 쓰면서 느낀 클라우드 스토리지 이야기

세로본능 윈도 8.1 태블릿 ASUS VivoTab Note 8 [1] 개봉기

여러 대의 컴퓨터를 컨트롤하는 방법들

다음 뷰 종료로 불안한 블로거들에게 하고 싶은 조언

쉐어하우스 전원 주택 "문산 핀란드 마을"에서 주말을 보내다!

블로그 마케팅을 위한 블로그 운영 법[1] 마케팅 블로그 운영과 웹 표준

블로그 운영 잘하는 법 [4] 웹접근성을 활용하여 검색에 유리한 블로그 만들기

주성사이버 평생 교육원 2학기 개강안내 [7월 개강]

미라캐스트 어댑터 모두시스 'Twingle Air MDS -3000'



 


블로그 이미지

천추

IT 이야기를 중심으로 블로그를 운영하고 있습니다.

댓글을 달아 주세요

온라인 마케팅기획 관련한 포트 폴리오라고 할 수 있는 글입니다. 청라 오피스텔 분양에 대한 온라인 마케팅 기획 사례로 온라인 마케팅의 전략 수립에 대하여 설명을 드리겠습니다.

   

온라인 마케팅의 가장 처음에 할 일은 키워드에 대한 전략을 세워야 합니다. 일단 각각의 키워드에 대한 전략을 짜야 합니다.

 

   

국내 온라인 마케팅은 네이버 최적화

   

키워드 전략에는 "블로그 상위 노출전략", "사이트 노출 전략", "네이버 키워드 광고 전략", "보도기사 노출 전략" 등 네이버 검색에 노출이 되는 대부분의 콘텐츠에 대한 전략을 구성합니다.

   

각각의 키워드 전략에서는 핵심 키워드를 설정 하는 것이 중요합니다.

   

키워드 전략의 최우선은 역시 네이버 키워드 광고입니다. 네이버 키워드 광고에 노출이 되고 블로그나 사이트, 카페 검색 등에 상위에 마케팅 대상의 콘텐츠가 올라가 있어야 하는 것입니다.

  

   

일반적으로 네이버 광고를 위주로 마케팅 전략을 짜는 것이 가장 이상적이지만 경쟁키워드 등에는 어려움이 있기 때문에 각각의 키워드 전략이 필요합니다.

   

개인적으로 경쟁이 심한 마케팅 블로그 상위 노출보다는 네이버 상위 노출이 더 답이라고 봅니다. 최적화 블로그를 사용하여 상위에 노출 시키는 것은 일단 좋은 콘텐츠를 쓸 수가 없다는 단점 때문입니다.

   




블로그는 스토리 마케팅이기 때문에 단순히 상위 노출 보다는 더 좋은 정보를 제공하는 것이 더 효과가 있기 때문입니다. 홈페이지 대신에 브랜드 블로그로 키워드 광고를 한 "해피코인'의 광고 사례에서도 더 저가의 키워드 광고가 더 효과가 있었습니다.

   

이번 청라 레이크파크 오피스텔 온라인 마케팅 컨설팅은 전국 키워드인 "오피스텔 분양"을 ㅊ 최 상위 키워드로 잡고 키워드 전략을 세웠습니다.

   

인천에 조성된 국제 도시 청라 지구는 특성상 지역+ 키워드를 넣은 것 보다는 "오피스텔 분양" 키워드로 전국 노출로 컨셉을 잡았습니다.

   

   

그리고 지역검색 + 키워드인 "청라 오피스텔"은 블로그를 이용한 마케팅을 세팅 하였습니다. 지식인이나 카페는 "부동산 분양"마케팅에서 그다지 효과를 주는 마케팅 기법은 아닙니다. 하지만 "오피스텔 분양"에서 "청라 오피스텔"로 키워드를 압축하는 과정에서 필요한 온라인 마케팅은 기사 보도자료입니다.

   

온라인 마케팅에서 기사의 보도자료는 고객의 신뢰를 쌓은 방법으로 매우 중요합니다. 그리고 공식 블로그를 브랜드 블로그로 운영을 하여 분양 영업 팀들이 양산 하는 정보보다는 공식 블로그에서 정제된 정보를 제공하면서 소비자에게 정확한 정보를 제공하는 것도 온라인 마케팅에서 매우 중요한 사항입니다.

   

   



   

블로그 이미지

천추

IT 이야기를 중심으로 블로그를 운영하고 있습니다.

댓글을 달아 주세요

오늘은 한국형 비트코인 만들려고 노력하는 해피코인 앱에 대한 소개입니다. 10월에 본격 논칭하고 현재는 총판 가맹점을 모집하고 있기 때문에 해피코인을 사용하고 혜택을 받으시려면 해피코인 앱을 다운 받고 설치하셔야 합니다.

   

  

스마트 폰 결제 시스템 해피코인


해피코인 가입을 하시면 가장 계좌가 나타납니다. 이 가상계좌로 입금을 하고 해피코인 가맹점에서 사용을 하시면 됩니다. 간단하게 보면 체크카드(직불카드)와 같은 개념입니다.

   

현재는 3%를 추가 입금해드리고 있습니다. 10,000원을 넣으면 10,300원이 가상계좌로 입금이 되고 있습니다.

  


현재 총판과 대리점 모집은 TV 광고를 통하여 모집하고 있기 때문에 많은 총판과 가맹점을 모집해놓았고 지속적으로 총판 가맹점을 모집한 다고 합니다.

   

   

상품권을 저렴하게 구입하는 방법 -해피코인

 


   

   

현재 해피코인으로는 홈 플러스, 신세계, 롯데, 현대 백화점 상품 권을 할인된 가격으로 구매가 가능하다고 합니다.

   


 


   

   

아이리스 시스템(주)는 스마트폰을 활용한 지불, 결제가 가능한 최첨단 시스템을 구축하였고. 또한 시스템 안에서 행복하게 절약하면서 살 수 있는 환경을 만들고 있다고 합니다.  




‪‬Happy coin  스마트 시대에 발맞춰 등장한 새로운 형태의 지불 방식 입니다.

앞으로 지속적으로 발전하여 전자 화폐의 선두 주자로 나설 것 입니다.

     

"HAPPY COIN 사업에 동참하실 총판을 모집 중."

   

 

(주)해피코인 총판 가입문의 

1661-6687

     



   


블로그 이미지

천추

IT 이야기를 중심으로 블로그를 운영하고 있습니다.

댓글을 달아 주세요

"천추의 IT 이야기의 티스토리 블로그의 디자인 코딩이 완료 되였습니다. 티스토리 블로그에 홈페이지에 디자인을 입히기 시작한지 벌써 3년째가 되어가고 있습니다.

 

티스토리 블로그를 홈페이지로 디자인 하는 것은 일단 기술력이라고 하기 보다는 노하우에 가깝습니다. 이번에 업그레이드를 하면서 적용된 특징 등을 중심으로 티스토리 블로그를 홈페이지로 만들때의 장점을 정리해보려고 합니다. 

워드 프레스가 부럽지 않은 '티스토리 블로그 홈페이지'

   

티스토리 블로그를 홈페이지로 쓸 때의 장점

[티스토리 블로그 홈페이지의 장점]

   

티스토리 블로그를 베이스로 홈페이지 디자인을 하였기 때문에 티스토리 주소가 있습니다. 하지만 포트 포워딩으로 개별 도메인도 가능하기 때문에 홈페이지로 쓰기에 전혀 문제가 없습니다.


1. 서버 비용이 들지 않은 티스토리 블로그 홈페이지

 국내에 많은 사용자가 있는 티스토리 블로그에 스킨 형식으로 디자인을 입혔다는 것입니다. 워드 프레스의 경우 기본 제공하는 스킨이 단순하고 홈페이지나 블로그를 운영을 하려면 기본적으로 서버가 있어야 합니다.


  

워드 프레스가 부럽지 않은 '티스토리 블로그 홈페이지'


   

티스토리로 제작된 블로그는 서버가 필요 없으며 티스토리에 자료나 이미지를 올리기 때문에 용량이나 트레픽의 제한이 없습니다.

   

   

2. 익숙한 인터페이스 디자인

댓 글을 다는 방식이나 서브 카테고리를 보는 방법이 국내 유저에게 익숙하다는 장점이 있습니다.


워드 프레스가 부럽지 않은 '티스토리 블로그 홈페이지'제 블로그의 리스트 페이지와 글 내용 일부입니다. 현재 제가 운영을 해드리는 클라이언트의 홈페이지나 블로그를 링크해 드리고 있습니다.

3. 다음에서 운영하는 티스토리 자체의 강점

티스토리 블로그는 포탈인 다음에서 운영하는 블로그 시스템이기 때문에 보다 안정적으로 블로그를 홈페이지처럼 운영을 할 수가 있습니다.

   

게시판 등의 커뮤니티 기능은 콘텐츠 자체에 댓 글과 페이스 북이나 트위터를 활용할 수 있다는 장점이 있습니다.

  

워드 프레스가 부럽지 않은 '티스토리 블로그 홈페이지'티에디션를 수정하여 리스트 블로그의 index 페이지를 보다 풍성하게 구성이 가능합니다. 물론 별도의 디자인으로 홈페이지와 같은 디자인이 가능합니다.


   


워드 프레스가 부럽지 않은 '티스토리 블로그 홈페이지'소셜 플러그인도 간단하게 장착 할 수 있습니다.


티스토리를 이용하여 블로그홈페이지를 만들면 빠른 구축 기간 또한 장점입니다. 콘텐츠가 있는 경우 1주일 정도면 홈페이지가 구축이 될 수 있습니다.

   

4. 워드 프레스 보다 저렴한 구축비용

워드프레스 홈페이지를 만들 때 기본적인 설치 비용이 100만원 이상입니다. 그와 함께 커스마이징 비용은 800~1500만 기준이지만 티스토리를 이용할 경우 휠씬 더 적은 비용으로 디자인 및 코딩이 가능합니다.

  

   

일주일이면 디자인과 코딩 기본적인 포스팅이 가능하기 때문에 2~3개월 걸리는 워드프레스나 홈페이지에 비하여 상대적으로 저렴합니다.

   

일반적을 100만~ 200만원 정도에서 어느 정도 커스텀이 들어간 작업도 가능합니다.

   

5. 마케팅 효과가 좋다.

블로그의 포스팅은 검색이나 메타 블로그에 노출이 되기 때문에 블로그 운영에 조금만 신경을 쓴다면, 상당한 마케팅 효과가 있습니다.

   

개인적으로 디자인을 바꾼 후에 상대적으로 마케팅 효과가 매우 올라갔습니다. 문의 전화 수도 늘고, 파트너도 점점 늘고 있습니다.

   

6. 홈페이지로 인식하기 때문에 신뢰도가 높다.

디자인 없이 블로그를 운영하는 것에 비하여 신뢰도가 높습니다. 홈페이지 보다는 저렴하지만 기본적으로 어느 정도 비용이 들어가기 때문에 클라이언트의 신뢰도가 높습니다.

   

현재 블로그 디자인 이후에 상담 건 수나 수주 건수가 디자인을 하기전의 2배 정도에 육박하고 있습니다. 시기적인 요인도 있다고 하지만 블로그의 디자인을 보고 의뢰를 한다고 밝히시는 분들이 있기 때문에 블로그의 신뢰도는 많이 올라가 있습니다


7. 티스토리 자체에서 모바일 모드가 지원이 

모바일 페이지가 되기 때문에 별도의 모바일 홈페이지를 만들 수 있다는 장점도 있습니다. 


천추의 IT 이야기는 2012년 부터 디자인 블로그를 운영 관리하고 있으며, 티스토리를 베이스로 마케팅 블로그를 함께 운영해드리고 있습니다. 


문의 전화 : 010-2776-9081 [오태훈] 

  




블로그 이미지

천추

IT 이야기를 중심으로 블로그를 운영하고 있습니다.

댓글을 달아 주세요

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

   

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

   

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

   

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

   

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

 

   

   

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

   

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

   

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

   


   

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

   

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

   

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

   



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


   

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


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

   

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

   

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

   

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

   

   

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

   

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

   



블로그 이미지

천추

IT 이야기를 중심으로 블로그를 운영하고 있습니다.

댓글을 달아 주세요

블로그 디자인에 대하여 글을 쓰려고 합니다. 블로그에 디자인을 하는 가장 큰 이유는 일반적인 홈페이지는 방문자가 거의 없기 때문에 블로그로 홈페이지를 대치하기 위해서 입니다.

   

업무 환경은 임시 사무실에서 작업을 해서 간단하게 27인치 모니터에서는 포토샵을 맥에서는 코딩을 아이패드에서는 디자인 확인을 하고 있습니다.

   

기본적으로 웹 표준 규정을 따르기 때문에 아이패드에서 디자인 확인을 할 수 있습니다.


작업 환경입니다. 입시 사무실이기 때문에 대충 장비 세팅을 했습니다.

   

오늘의 블로그는 '남서울 대학교- 치위생학과'블로그 입니다. 디자인 컨셉트는 밝으며 활기찬 대학교의 느낌을 살렸습니다. 

   


현재 디자인 중입니다. 포스팅을 보실 때면 대부분 완성 되어있을 것입니다.

   

   

블로그를 홈페이지로 쓸 때의 장점


1. 블로그를 잘 운영할 경우 일정 이상의 방문 유입이 있다!

2. 블로그 검색과 웹 검색에 등록을 할 수 있으며 네이버에 사이트 등록 및 키워드 광고를 할 수 있다.

3. 빠르게 구축할 수 있다! 홈페이지는 병원일 때는 3개월 이상, 일반 회사일 때는 2개월 정도의 평균 구축기간이 걸리지만, 블로그로 홈페이지를 만들면 1달 이상의 시간의 절약이 가능하다.


그 밖에도 블로그의 장점을 가지고 있기 때문에 중급 규모의 홈페이지를 대처가 가능합니다.

   

개인적으로 블로그 스킨의 편집할 때 코딩은 티스토리에서 제공하는 기본 페이지에서 작업을 합니다.

   


   

실제 코딩 작업 화면입니다. 드림위버도 있지만 아직도 일반 스킨 편집 페이지가 편합니다. 티스토리 스킨 창에서 작업을 하는 이유는 바로바로 확인이 가능하기 때문입니다. 




코딩을 할 때는 이미지의 해상도나 품질도 고려하고 있습니다. 모발일 홈페이지 제작을 할 때 쓰던 방식을 응용 했습니다. 


이번에 디자인 작업과 세팅을 하고 있는 남서울 대학교 치위생학과 블로그는 대학교의 학과 블로그이기 때문에 기본 정보는 많기 때문에 블로그지만 메뉴와 서브 메뉴를 넣어서 다양한 내용을 보여 줄 수 있도록 하였습니다.



최근에는 학교나 협회의 홈페이지를 블로그로 대체하는 경향이 있습니다. 덕분에 최근에는 협회나 대학교 대학원 등의 블로그도 많이 진행을 하고 있습니다.


주말에 두 곳의 디자인을 했습니다.  같은 레이아웃을 이용해도 하루 두 곳의 블로그 디자인 코딩은 상당히 힘이 듭니다.  


블로그의 경우 블로그 디자인과 3개월 정도의 포스팅을 하기 때문에 부가가치도 놓고 블로그가 활성화 되면 지속적인 블로그 관리를 의뢰하는 일이 많이 있기 때문에 상당히 신경을 써서 작업을 해야 합니다.   


남서울대학교 치위생학과 블로그 바로가기

http://nsu-dental.tistory.com


삼성 스마트 모니터 B970 리뷰 - 고해상도(2560*1440) 듀얼 모니터 세팅!

'1Password'- 강력한 비밀번호 관리 앱

블로그 운영 잘하는 법[6-1] - 글감의 저장으로 다양한 글을 쓰자

아이패드 어플 추천 - 듀얼 모니터 어플 AIR DISPLAY

블로그 운영 잘하는 법[5] 네이버 오픈 캐스트를 이용하자

타임캡슐의 이용한 기가 비트 내부 네트워크의 완성

맥 용 Belkin 썬더볼트 익스프레스 독(Thunderbolt Express Dock) 리뷰

블로그 SEO의 정체를 알아보자! - 검색에 더 좋은 블로그를 만드는 법

원노트 강좌 [11] 원노트의 검색 기능


블로그 이미지

천추

IT 이야기를 중심으로 블로그를 운영하고 있습니다.

댓글을 달아 주세요

천추의 IT 이야기의 디자인 변경 작업을 하고 있습니다. 간만에 와콤 태블릿 작업입니다. 덕분에 마우스를 봉인하고 "키보드 + 와콤 태블릿+ 매직 트랙패드 모드로 작업을 하고 있습니다.


일반적으로 브랜드 블로그는 포토샵 디자인은 제가 직접 하는 경우는 매우 적습니다. 전문업체에 디자인을 의뢰하여 디자인합니다.


제 개인 블로그라서 일단 디자인부터 코딩, 스크립트, 레이아웃 까지 작업을 하려고 합니다. 


티스토리 블로그는 디자인이 가능한 설치형 블로그의 기능이 있기 때문에 최대한 활용을 하면 워드프레스 보다 미려한 디자인과 익숙한 인터페이스를 제공 할 수 있습니다. 



디자인 작업 양손 잡이용 세팅입니다. 맥에서 디자인할 때는 거치적거려 마우스를 쓰지 않고 왼손 사용이 유리한 트랙패드와 와콤 태블릿을 이용하여 작업하고 있습니다. 포토샵 작업에 방해되는 립모션은 잠시 꺼 놨습니다.


왼손은 작업 물을 이동은 트랙페드에서 와콤 팬은 오른쪽 보조 마우스만 범위 설정을 했습니다. 


개인적으로 홈페이지 디자인 아이디어가 나오면 홈페이지 제작 까지 2일 정도면 마무리를 했었습니다. 이번에는 디자인만 4시간 이상 투자를 해버렸습니다. 코팅 4시간 정도, 스크립트 2시간 정도의 시간을 투자하게 되었습니다.  

   

블로그 디자인 계획


일단 홈페이지와 더욱 유사한 블로그로 진행하려고 합니다. 현재 브랜드 블로그 운영을 조금 넓히려고 하고 있는데 셈플 블로그로 쓰고 싶은 생각도 들기 때문입니다.


이번에는 레이아웃에는 포스팅 별로 추가적인 이미지 작업이 필요한 티에디션을 활용해서 메인 페이지를 만들고 서브와 메인의 디자인이 다른 블로그로 작업하려고 합니다.


결과적으로 메인 이미지와 메인과 구분되는 구분선 정도의 디자인을 하면 마무리가 될 것 같습니다.


메뉴의 구성은 메인 메뉴와 함께 서브 메뉴를 구성하기로 했습니다. 그렇게 하다보니 카테고리 통합과 2 depth의 메뉴 구성으로 변경을 해야 할 것 같습니다.


특이 사항으로는 블로그운영과 마케팅에 대한 메뉴의 보강 및 추가이고 커뮤니티는 "페이스북"을 이용하여 메뉴를 만들 것입니다.

   

천추의 IT 이야기 달라지는 점

   

1. 블로그를 마케팅에 적용


천추의 아이티 이야기는 개인 블로그로 될 수 있으면 영업 등의 용도를 전면으로 쓰지 않고 있습니다. 이전까지는 영업의 필요성이 적기 때문에 마케팅을 하지 않고 있었습니다.


현재는 인적 네트워크를 만들어서 저렴하면서 고퀄리티의 블로그 운영에 대한 마케팅을 진행하려고 합니다.

 

월 운영비를 40만 원 정도로 낮춘 브랜드 블로그를 운영 시스템을 구축한 것도 계기가 되었고, 블로그에 에디터를 활용하여 기본 글 감을 만들고 퍼블리싱 시간을 줄이고 있습니다.


블로그를 마케팅 적으로 활용하고 디자인이 개편이 된다고 하여도 진행 중이 여러 포스팅은 지속적으로 진행이 될 것 입니다.

   

마케팅을 위한 디자인이 변경이 되는 것이지 블로그 글의 정책은 대부분 그대로 유지를 할 것입니다. 즉 원노트 강좌나 맥 초보 강좌 등은 지속적으로 진행을 하겠습니다.

   

  


현재의 디자인은 블로그 속도에 중심을 맞춘 디자인이기 때문에 블로그를 모르는 분들에게는 기술력을 어필하기 어렵다는 평가가 많아서 디자인 개편을 하는 것입니다.


블로그 형 홈페이지로 구성하고 다만 주소는 계속 티스토리 주소를 사용하여 "기본 방문자가 보장되는 홈페이지"로 콘셉트를 잡으려고 합니다. 


2. 전문 리뷰


최근 들어서 유료 리뷰의 요청이 조금 있습니다. 그 부분을 어떻게 진행할지 고민이 많이 됩니다. 일단 리뷰의 대부분은 제가 구매을 하는 것을 원칙으로 하고 있습니다.

   

그렇다 보니 올해만 1000만 원 넘게 IT 디바이스 구매에 쓴 것 같습니다. (컴퓨터 2, 태블릿 5, 모니터 2대 아이폰 5S 외 아이패드 에어 예약포함) "지원을 받는 리뷰도 제가 구매하고 싶었던" 으로 한정을 짓다 보니 제가 쓸만한 것들은 오버해서 구매를 해버렸습니다. 개인적으로 중고 판매를 하지 않기 때문에 2014년 리뷰가 슬슬 걱정도 됩니다.

   

일단 브랜드 블로그의 수익으로 구매는 문제가 없는 데 처분에 대하여서는 조금 고민을 해보아야 겠습니다.

   

* 반납의 조건으로 하는 리뷰에 대하서도 고민을 해보아야 겠습니다.



3. 남서울 대학교 학내 벤처 비씨컴


요즘 가장 많은 업무량이 나오는 곳이 비씨컴입니다.

   

일단 국내 광고 홍보 분야의 권위자이신 남서울 대학교의 광고홍보학과 학과장이신 윤일기 교수님과 함께 만든 회사이기 때문에 비전이 상당합니다.


일단 이론과 실무, 영향력과 추진력 등이 만난 상황이기 때문에 큰 규모의 일들이 많이 생기고 있습니다.

   

역량의 집중을 고민 해보아야 할 것 같습니다. 결국 규모가 큰 블로그 운영으로 기본적인 운영이 되는 회사가 생겨서, 역설적으로 40만원 대의 브랜드 블로그 서비스가 가능해진 것도 되지만 문제는 "천추의 IT 이야기"에 글을 쓸 시간도 엄청 줄어들었다는 것입니다.


4. 개인의 브랜드 블로그 "Chunchu's IT Talk"


천추의 아이티 이야기는 기본적으로 제 일과는 무관한 개인 "취미" 블로그입니다. 하지만 브랜드 블로그의 마케팅를 하는 기본 블로그입니다.

   

천추라는 저를 브랜드화 하고 있습니다. 그렇다 보니 별도의 마케팅을 하지 않고 있어도 어느 정도의 블로그운영을 할 수 있는 것입니다.

   

이제는 "브랜드 블로그를 운영하는 저의 브랜드 블로그로 사용"하려고 합니다.

   




크게 4가지의 달라지는 점을 제시하였는데 사실상 운영에는 메인에 노출될 이미지를 하나를 별도로 더 작업을 하면 되는 일이라서 시도를 해보는 것입니다.


디자인 특이 사항

   

첫페이지 꾸미기와 메인 이미지 스크립트를 새로운 방법으로 개편을 하고 스크립트를 준비했습니다. 보다 다양하게 정보를 제공 할 수 있을 것입니다.



첫 페이지의 페이지 디자인 중입니다. 메인 이미지를 5개정 도가 변환되면서 블로그의 정체성을 알리는 내용을 보여주게 하려고 합니다.


또한 서브페이지에는 클라이언트에 대한 배너를 조금 더 넣는 것도 고려 하고 있습니다.


지금 비어있는 자리에는 티스토리의 첫페이지 꾸미기의 기능을 이용하여 디자인을 해보려고 하는데 어느정도 구현이 될지 모르겠습니다.

   

이상 블로그 리뉴얼을 위한 디자인 작업을 하다가 한번 글을 써봅니다.

   


원노트 강좌 [6] 블로그와 원노트

원노트 강좌 [8] 예제로 알아보는 원노트 오픈 API

맥을 키보드로 만드는 맥 앱 '1keyboard'

동절기에도 역시 SK 엔크린!

Photoshop Creative Cloud(포토샵 cc)를 구매하다!

스카이드라이브 "아이폰 5S"의 사진을 품다 - 아이폰 사진 백업

나만의 모바일 오피스를 꾸며보자 [4-1] - 모바일 오피스 실전 적용

맥 앱 'Microsoft Remote Desktop'의 윈도 8.1 원격접속 설정법

구월동피부과 소개- 좋은 구월동피부과는 고르는법 -세이미 피부과

원노트 스토어 앱(OneNote Store App) 업데이트



블로그 이미지

천추

IT 이야기를 중심으로 블로그를 운영하고 있습니다.

댓글을 달아 주세요

스토리 블로그는설치 형 블로그에 가깝기 때문에  매우 것들을 할 수 있습니다. 디자인을 변경하거나 본문내부에 광고를 삽입하거나 하는 등의 일을 할 수가 있습니다. 그래서 배너광고 등으로 블로그에서 통하여 수익을 만들 수 있습니다.

   

수익형 블로그의 운영을 위하여 티스토리 블로그에 구글 배너와 같은 배너를 만들어 보려고 했습니다. 블로그에서 수익을 얻기 위한 블로그 수익형 블로그 운영은 제 블로그에서 시작을 하여도 3개월 정도의 장기 프로젝트로 준비를 해보고 있습니다.

   

수익형 블로그 운영을 위하여서는 기본적으로 어느 정도의 배너를 블로그에 삽입을 해야 하는 문제가 있었습니다. 제 경우는 이전의 다음 뷰에드가 있던 자리에 수익성 배너를 만들 계획을 짜고 있습니다.

   



   

   

제가 진행하고 있는 에드리더스(www.adleaders.com) 배너 광고로 보험상담 신청을 하는 경우 건당 10,000원 ~ 40,000원 까지 수입이 발생 할 수 있습니다. 개인적인 목표는 1일 1건의 보험 관련 고객 DB를 만들고 월 30만원 정도의 수익을 목표로 잡고 있습니다. 배너의 렌딩 페이지인 메리츠몰 의 공식 브랜드 블로그 운영도 함께 하고 있습니다.

   

개인적으로 비슷한 시간을 투자하는 브랜드 블로그에서 얻을 수 있는 수입의 70% 정도를 산정한 것입니다. 보험 정보 포스팅을 1주일에 1~2건 정도로 제한을 두고 있기 때문에 결코 쉬운 목표는 아니라고 생각합니다.

   

좌충우돌 티스토리 본문 배너 만들기

   

티스토리의 본문에 배너를 삽입을 하려면 간단한 코딩에 대하여 알아야 가능합니다. 저는 일단 간단한 코딩이 가하기 때문에 간단하게 배너를 만들었습니다.

   

배너의 만드는 단계

   

1. 이미지 만들기 - 저는 메리츠몰 배너를 제 블로그 사이즈로 조정하여 스킨편집>> 파일 업로드로 직접 제 블로그에 올렸습니다.

   

2. 포스팅 내부에 적합한 배너 코드 생성 - 배너 코드는 div를 이용하여 우측 상단에 고정으로 위치하게 만들었습니다.

   

3. 본문 삽입 - 블로그 변수 위에 코드를 집어넣고 마무리

   

* 배너의 본문 삽입은 블로그 변수인 "_article_rep_desc_" 검색하여 위와 아래에 광고를 넣을 수 있습니다.

<div class="article">

   

[##_article_rep_desc_##]

   

</div>



 변수의 상단에 넣은 첫 번째 배너 였습니다.


<div style="clear: both; float: right;width:250px; height:208px; margin-left:10px;margin-top:0px; font-size:10px;">

<a href="http://www.meritzdirectmall.com/H002/chunchu" target="_blank">

<img src="http://cfs.tistory.com/custom/blog/86/868489/skin/images/ben_20131030.jpg" width="250"></a>

</div>


원하는 위치 매우 만족스럽게 세팅이 되었습니다.

   


   

배너의 위치에 대한 미세 조정도 마치고 나니 매우 흡족했습니다.

   

   

사설 배너의 문제점

   

너무 편하게 생각을 하고 배너를 만들었던 것 같습니다. 본문에 제일 처음 나오는 이미지가 배너의 이미지다 보니 검색 페이지에 보이는 제 블로그는 아래와 같이 됐습니다.

   

검색 결과는 역시 배너가 메인 이미지로 검색

   

검색 로봇이 본문의 첫 이미지를 배너로 가지고 간 것입니다.

   

아차 하면서 1단계 수정 작업에 들어 갔습니다. 위의 내용을 별도의 별도의 HTML 페이지로 만들고 블러오는 방법을 썼습니다.

   

배노 소스 2번 -  iframe 활용


<div style="clear: both; float: right;width:250px; height:220px; margin-left:10px;margin-top:10px; font-size:10px;">

   

<IFRAME src="http://cfs.tistory.com/custom/blog/86/868489/skin/images/ad.htm" name="chuncuh" width="250" height="218" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"> </IFRAME>

   

</div>

   

제가 봐도 멋진 아이디어 였습니다. 하지만 역시 네이버에서 검색결과는 좌절이었습니다.



검색 결과는 역시 배너가 메인 이미지로 검색


   

그래서 아이패드에서 보이지 않는 단점을 감수하고 플래시로 만들어서 사용하는 방법을 생각하고 플래시를 만드려고 보니 플래시 파일을 만들 수 있는 프로그램이 없었습니다. 개인적으로는 거의 3년이상 플래시를 쓰지 않다 보니 관련 프로그램이 없었던 것입니다.

   

그래서 약간의 삽질(?) 이후에 대안으로 생각을 한 것이 div에 배경으로 배너의 이미지를 넣고

   

배너 넣기 최종

   

<div style="clear: both; float: right; margin-left:10px;margin-top:20px; width:250px; height:208px; background-image:url(http://cfs.tistory.com/custom/blog/86/868489/skin/images/ben_20131030.jpg) ">


<a href="http://www.meritzdirectmall.com/H002/chunchu" style="display:block; width:300px; height:208px;" target="_blank">

<fon size="10px" color="#ffffff">[ad] 메리츠 다이렉트몰 </font><br/>

</a>

   

</div> 



Div에 배경으로 배너 이미지를 넣고 하이퍼 링크에 스타일을 넣어서 빈 배너(배경에 이미지가 있기 때문에 내용은 없는 것입니다) 영역을 클릭이 가능하게 하였습니다.

   

위에 백그라운드 이미지는 제 블로그에 파일 올리기로 올리고 이미지 주소를 확인 한 것입니다.

   

   

이미지 주소 얻는 법은 위 이미지를 보시면 이해가 빠르 실 것입니다.  


배너이미지를 배경으로 넣고 하이퍼 텍스트 부분을 설정 값을 넣어서 빈공간에도 클릭이 가능하게 한 것입니다.  


프리랜서 블로거로 수익을 얻을 수 있는 방법에 대하여 다양한 이야기를 풀어가 보려고 합니다. 


개인적을 블로그가 제 취미여서 남서울대학교 관련 제안 작업이나 업무 때문에 컴퓨터 앞에 있는 시간이 늘어나면서 포스팅 글감이 폭주를 합니다. 





천추의 보험 이야기 첫 번째 - 의료 실비보험에 정보

아이폰 5의 거치대 추천! 벨킨 iPhone 5용 충전 + 싱크 독[Belkin Charge+ Sync Dock]

프리랜서 블로거 수익형 블로그에 도전하다!

원노트 강좌 [2] 원노트로 기본 시스템의 이해

2013년 소니 HRA 발표 행사장 스케치

원노트 강좌 [1] 원노트 강좌에 프롤로그

실제 해상도와 업무 해상도 디스플레이 설정

윈도 8.1 리뷰 [3] windows 필수 패키지를 아십니까?


   

블로그 이미지

천추

IT 이야기를 중심으로 블로그를 운영하고 있습니다.

댓글을 달아 주세요

티스토리 블로그 스킨 디자인에 빠지다!


티스토리 블로그의 경우 다양한 장점이 있습니다. 즉 설치형 블로그와 포털형블로그의 장정을 모두 가지고 있는 특별한 블로그 서비스입니다. 


그 중에 블로그의 디자인의 경우 상당한 자유도의 블로그입니다.  사실 개인적으로는 디자인을 그렇게 잘하는 편이 아니지만 코딩의 경우는 매우 잘한다고 자부하고 있습니다. 



디자인 초안의 메인 디자인입니다. 조금 무리하게 디자인을 변형을 하여야 된다는 점이 코딩하는데 문제입니다.



결국 최근에는 블로그 디자인을 해주는 협업 파트너가 생겨서 블로그의 이미지 디자인을 하고 제가 코딩을 하는 시스템을 갖추고 있습니다. 


이번 달은 거의 블로그 디자인으로 시작을 하는 것 같습니다. 정원 클리닉을 비롯하여 시우애드컴퍼니, 눈사랑 안과 등 홈페이지 역활을 할 수 있는 브랜드 블로그의 디자인입니다.


블로그 디자인이라기 보다는 홈페이지 디자인이라고 할 수 있습니다. 특히 정원 클리닉과 시우에드컴퍼니의 경우 100% 홈페이지 대용으로 쓸 계획이고 현재 코딩 중이 눈사랑 안과와 제 블로그의 경우 "블로그 + 홈페이지" 정도의 역할을 할 수 있는 블로그로 만드는 중입니다. 



일반적으로 블로그에 디자인을 입히는 것은 워드 프레스와 같은 설치형에서만 가능하다고 하지만 사실 티스토리 블로그만 가지고도 충분한 디자인 코딩이 가능합니다. 





오늘은 드디어 개인 블로그의 코딩을 하는데 아직 메인과 서브를 분리하는 작업을 하지 않고 일반적인 블로그로 디자인을 하고 있습니다. 다음 주 중에는 다른 브랜드 블로그 디자인 처럼 메인과 서브의 디자인을 분리하려고 압니다. 



이번 달에 만든 티스토리 블로그 디자인 



시우애드 컴퍼니 홈페이지





눈사랑 안과 브랜드 블로그




블로그의 경우 반응 형 웹이라고 할 수 있습니다 고객의 반응을 바로 알 수 있고 그날 그날의 컨텐츠로 고객의 방문자 수가 많아 질 수 도 있습니다.


특히 "정원 클리닉" 의 경우 별도의 "http://www.jwclinic.kr"로 도메인을 포워딩으로 홈페이지로 쓰고 있습니다.



현재는 다양한 레이아웃으로 블로그의 디자인을 세팅해보고 있습니다. 블로그를 홈페이지로 쓸 경우 일반적인 홈페이지 제작기간의 1/3 정도 밖에 들지 않을 뿐아니라 컨텐츠도 포스팅으로 대처 할 수 있기 때문에 비용도 70만원 + 알파 정도로 작업이 가능 할 거 같습니다. 



블로그 이미지

천추

IT 이야기를 중심으로 블로그를 운영하고 있습니다.

댓글을 달아 주세요

이번에 소개해드릴 블로그는 Face Expo의 공식 블로그입니다. 물론 운영까지 함께 진행을 했습니다.

   

조금 시작이 촉박한 행사의 블로그 입니다. 물론 '입시관련 엑스포'이기 때문에 첫 회부터 성황리에 열리지는 않겠지만 온라인 마케팅 의뢰고 함께 왔기 때문에 진행을 하고 있습니다.

   

이번 블로그 프로젝트는 제가 함께하고 있는 "남서울 대학교 학교 학내 벤처회사" ㈜ 비씨컴과 제가 진행하는 첫 번째 프로젝트입니다.

   

   



   

   

페이스 엑스포는 2013년 8월 19일 부터 23일까지 열리는 맞춤형 문화, 진로, 진학에 관련한 엑스포입니다.

   

간단하게 행사에 대한 안내도 한번 드리겠습니다.

   

행사 안내

일시: 2013. 08.19(월)~23(금), am.10~pm.6

장소: 서울 송파구 잠실1동10번지, 올림픽실내체육관

오시는 길: 지하철 2호선 종합 운동장역 역 6,7번 출구

   

이벤트 성의 블로그 운영입니다. 행사의 특성상 블로그의 운영은 기본적으로 3개월 정도 이전에 정보와 자료를 포스팅을 해야 하지만 이번에 진학 엑스포인 Face expo 블로그는 많이 촉박한 시간으로 1주일만에 디자인 및 기본 구성을 완료했습니다.

   

문화와 예술관련 진학 엑스포이기 때문에 블로그의 색상은 약간 어두운 계열의 스킨을 변형하여 디자인 블로그고 구축을 하였습니다.

   


   

이번에는 상용된 디자인의 특징 중 하나는 글꼴입니다. 개인적으로 블로그 디자인을 할 때 텍스트 위주의 경우 "나눔고딕"을 쓰지만 이번에는 타이포 디자인 연구소의 TD체를 썼습니다. 글꼴의 라이선스를 가진 분이 메뉴의 디자인을 텍스트로 해주셨습니다.

   

{타이포 디자인 연구소 http://www.typodesign.co.kr]

   

이번 페이스 엑스포의 가장 큰 행사인 "전국 실용음악 입시 모의 실기 컨테스트"가 페이스 엑스포 기간 중에 가장 큰 이벤트라고 할 수 있습니다.

   

이벤트를 알리는 업무와 디자인 및 포스팅을 함께 진행을 했습니다. 방문자의 유입은 트윗과 다음 뷰에서 많은 유입이 있었으며, 진행 기간이 짧은 관계로 네이버의 경우 5건 정도 포스팅 후에 바로 등록을 했습니다.

   

네이버에 블로그 등록을 하는 가장 큰 이유는 네이버 검색에 걸려야 클라이언트가 안심을 하기 때문입니다.

   

온라인 광고로 일간지에 페이스 엑스포에 대한 광고도 하고 다양한 인쇄물 작업이 병행되었는데 인쇄자료 등 또한 포스팅 콘텐트로 활용이 가능합니다.

   


   

메인 행사인 " 전국 실용음악 입시 모의실기 콘테스트"의 포스터입니다. 행사도 한번 더 알릴 겸 한번 더 올려봅니다.

   

   

블로그 FACE EXPO(페이스 엑스포)

   

페이스 엑스포의 홈페이지는 워드 프레스로 작업이 되었지만 워드 프레스로 블로그나 홈페이지를 만드는 경우 기본적으로 국내검색 로봇의 방문이 되지 않습니다. 가 포털 별로 RSS피드를 등록해야 하기 때문에 보다 많은 시간의 기본작업이 필요합니다.

   

결국 워드 프레스로 작업한 홈페이지가 노출이 되지 않고 행사를 알릴 때 보다 효율적인 티스토리 블로그를 운영을 결정한 것입니다.

   

물론 네이버 블로그가 검색에는 더욱 유리할지 모르지만 이벤트 성 블로그라고 하여도 페이스 엑스포 다음 해에 쓸 블로그이기 때문에 결론을 티스토리 블로그로 만들었습니다.

   

디자인은 일본의 mono-lap에서 배포하는 WordPress의 테마로 GPL 라이센스의 원래 무료로 배포본의 기본 베이스로 되어있습니다.

   

물론 메뉴 등의 디자인을 변경하여 홈페이지와 같은 기능을 할 수 있도록 하였습니다.

   

클라이언트의 요구에 의하여 블로그의 폭을 1220에 맞추어 디자인을 했습니다. 개인적으로 많이 예외를 적용한 디자인입니다.

   

일반적으로 폭 1220 픽셀로 디자인을 하는 것은 다양한 기기에 최적화와는 조금 동 떨어진 것이 기 때문에 별로 좋아하지 않은 폭입니다. 대부분의 홈페이지 형 블로그의 디자인은 1000px를 기본값으로 세팅하여 작업을 하고 있습니다.

   


   

상단 메뉴 디자인의 경우 "남서울 대학교 광고홍보학과의 윤일기 교수님"이 직접 해주신 디자인입니다. 결과적으로 상당히 고급스러운 디자인이 완성이 된 것 같습니다.

   

이제 시작까지 1주일 정도 남았는데 방문자 수나 검색 등이 어느 정도 수준 까지 올라왔습다고 평가를 하고 있습니다.

   

티스토리 블로그를 베이스로 하는 "브랜드 블로그"의 경우 엑스포나 지방의 행사를 알리는 것에는 상당히 효과가 있습니다. 일반적으로 행사가 시작되기 3~4개월 정도 전에 시작을 하면 충분히 행사를 알리면서 효과적인 행사운영을 지원 할 수 있습니다.

 


블로그 포트폴리오 FACE EXPO 블로그 운영

아이패드 iOS 7 베타 업그레이드 후기

아이들을 위해 학생할인으로 서피스 RT를 구매하다. 서피스 RT 교육할인 방법

서피스 RT(Surface RT) 리뷰 [3] 스팩 자세히 알아보기

맞춤형 문화. 예술. 진로. 진학. 입시 박람회 - 2013년 페이스 엑스포 소개

서피스 프로(Surface Pro) 리뷰 [4-2] 윈도 8.1 Preview

내가 여러 대의 컴퓨터를 업무에 이용하는 이유!

서피스 프로(Surface Pro) 리뷰 4 윈도 8.1 Preview

실제 해상도와 업무 해상도 디스플레이 설정으로 마무리하자!

맥북 프로 레티나로 다양한 장비를 컨트롤해보자!


블로그 이미지

천추

IT 이야기를 중심으로 블로그를 운영하고 있습니다.

댓글을 달아 주세요