브랜드네트워크 40라운드

블로그를 운영하는데 있어서 가장 가장 가장~ 중요한 것은 뭐니머니해도 '콘텐츠' 입니다.

내가 하고자 하는 이야기, 즉 메세지가 얼마나 유익하고, 재미있고, 알차며,

다른 사람들과 공감대를 형성할 수 있느냐에 따라서 많은 사람들이 바글비글대는 블로그가 될 것인지

나 혼자만의 블로그가 될 것인지 결정짓곤 하죠^^

그렇다면 그 알짜배기 콘텐츠를 어떻게 해야 많은 사람들이 쓰는 내마음처럼 술술~ 잘 읽어 내려갈까?

술술 잘 읽히는 글쓰는 요령은 간단하게 몇가지를 들 수 있습니다.

혼자만의 블로그가 되지 않으려면.. 이런 귀찮은 녀석들을 감수하고 습관이 될 때까지 감수해내야 해요^^

(저도 말만 잘하고, 바쁜척하며 잘 지키지 못하곤 한답니다-_ ㅠ)

이런 리스트 말고도~ 각자가 생각하는 '내 글을 읽어줘!' 하기 위한 비법들이 많을꺼라고 생각합니다.

[브랜드 블로그 컨설팅] 네번째 시간인 오늘은, 

'가독성'이 높다는 네*버에서 제공해주는 나눔고딕을 기본 폰트로 설치해서 가독성을 높여볼까 합니다.  얏호!~ ^ㅡ^

잠깐!
티스토리 관리자 모드에서 [스킨] -> [HTML/CSS편집]을 사용할때, 팝업창알림 때문에 수정했던 내용들이 다 날라가버릴때가 종종 있어요!
(팝업을 항상 허용으로 해놓으면 다음부턴 뜨지 않겠죠?^^)

수정 다~ 하고, "팝업이 차단되었습니다" 하면... 대략 기운이 빠지기 때문에,
[HTML/CSS편집]창에서 아무것도 수정안한 상태에서 아래 [저장]버튼을 누르시면 팝업이 차단되었다고 나올겁니다.
그 메세지를 클릭하세요.

그럼, 아래와 같은 메뉴가 나오겠죠?
브라우저별로 다르게 나오겠지만 임시로 팝업을 허용할지, 항상 허용할지 메세지는 뜨게 되어 있습니다. 하하!
저는 제 블로그이고 제 컴퓨터를 사용하니까~ "현재 사이트의 팝업을 항상 허용"으로 클릭했습니다.

찹업차단 메세지

그럼, 아래와 같이 확인창이 나오고, "예(Y)"를 클릭하면 됩니다.

찹업허용 확인 메세지

---

 자~ 그럼 시작 합니다, 잘 따라 오세요:D (티스토리 블로그를 예로 듭니다.)

1) 트루타입의 글꼴을 온라인에서 사용할 수 있는 웹  글꼴로 바꾸기 (.TTF->.EOT)


  온라인 상에서 사용하는 글꼴은 .EOT라는 확장자를 가집니다.
기본적으로 우리가 사용하는 컴퓨터(WINDOES)의 WINDOSE->FONT에 가보시면 확장자가 트루타입의 글꼴( .TTF)일 꺼예요.  두 환경이 다르니 같은 글꼴이라도 다른 확장자를 가진 파일이 필요 하답니다^^
그래서, 트루타입의 글꼴(.TTF)을 웹 글꼴(.EOT) 로 바꿔주는 유틸 "EOTFAST (http://eotfast.com/) " 을 사용해 글꼴을 바꾸어 줍니다. 시간절약을 위해 변환된 글꼴(nanum.eot)을 첨부합니다. 다운로드해서 사용하세요!

nanum.eot

 

 

 

"업로드 한 파일을 스킨에 반영하였습니다." 라는 메세지가 나오면 성공!

3) [스킨] -> [THML/CSS편집] -> style.css * 

   그리고, 파일 업로드 왼쪽 텝의 HTML/CSS편집 텝을 클릭! 하단의 style.css * 창을 봐주세요~
맨 윗부분에 다음과 같은 텍스트를 넣어 주세요.
업로드한 파일의 이름과 분홍색으로 나와있는 파일명이 같아야 해요. 대소문자도 구분 한답니다!~
이 글에 첨부되어 있는 파일들로만 하신다면 문제없이, 슉슉-

css_code.txt

@font-face {font-family:nanum; src:url(images/nanum.eot)};
body{font-family:nanum; font-size: 12px;}
div{font-family:nanum; font-size: 12px;}

 

4) [스킨] -> [THML/CSS편집] -> skin.html *

  그리고, 위로 스크롤을 올려서 skin.html *창으로 가주세요~
Ctrl+F를 눌러 <div class="article" 을 타이핑 후 찾기 하신 후, 아래와 같이 코드를 덧붙여주세요.
 

skin_code.txt

<div class="article" style="font:14px/150% nanum;">

5) 완성!

집단지성 브랜드 네트워크 40라운드 블로그의 메인, Before -> After 화면 캡쳐 입니다.
어떤가요? 쫌 읽고 싶은 마음이 듬뿍듬뿍 드시나요? 뭐 별반 다른점이 없나요? 아하하!^^
모든지 본인 스타일이 있기 때문에 뭐라 강요할 순 없지만, 나눔고딕이 가독성글꼴 Best of Best이기에...
눈이 편안 하다나요? 캡쳐 상으로는 별 차이가 없어 보이는군요! 힝,

블로그 나눔글꼴 적용 전

블로그 나눔글꼴 적용 후

---

진실된 마음으로 참여하고, 개방하고, 공유하는 소셜웹에서 다른 사람을 배려하는 마음은
동방예의지국에 사는 우리들의 필수품이겠죠? 히힛,
일주일에 한번 쓰는 글인데도, 정기적으로 글을 쓴다는건 참 쉬운일이 아닌 것 같아요. 더구나 내 생각대로 멋대로 내입장만 생각해서 쓰는 글이 아닌, 읽어 주셨으면 하는 분들이 쉽게 이해하실 수 있게 설명해야 한다는데... 쓰다보면, 하다보면 다 알게 되겠죠?
읽고 모르겠다, 뭔소리냐, 하시는 분들! 주저 없이 덧글 주세요:D
우리 모두 즐거운 블로깅해요~ (참고, 티스토리 에디터 창에서 타이핑 하실때는 나눔글꼴로 보이지 않습니다)

---