[블로그팁] 폰트변경·위젯·관심블로그 설정방법

블로그&홈페이지 팁 2009/09/06 11:07

텍스트큐브와 티스토리는 태생이 같기 때문에 유사한 기능이 많다. 특히나 두가지 모두 블로그화면 HTML 편집 기능을 제공하여 아는 사람들은 다양하게 블로그를 운영할 수 있는 자유를 제공한다.

하지만, HTML이나 CSS소스를 보지 못하는 분들은 기능이 있으나 마나지만 아래의 내용을 잘 보면 그리 어렵지도 않다.



텍스트큐브와 티스토리에서 간단하게 폰트모양과 위젯을 삽입할 때의 정렬에 대하여 설명한다. 위젯을 다루는 방법은 방법은 아래의 글을 참조하시길~

텍스트큐브 위젯 추가하기 : http://explanation.textcube.com/26
티스토리 위젯 추가하기 : http://basicengine.tistory.com/3

 

내 블로그 페이지의 관심블로그 순서는 어떻게 정해지나?

텍스트큐브를 사용하는 블로그들이 대부분 사용하는 '관심블로그'.  그런데, 내 블로그 사이드의 관심블로그들의 순서가 잘 바뀌지 않는 것을 알았다.

왜일까?

생각해 보니 얼마전에 관리화면 -> 관심블로그 보기 순서를 [최근 등록 순]으로 해 놓은 것이 떠올랐다. 바로 관리화면에서 관심블로그 보기 순서를 변경하면 블로그 화면에서도 그 순서를 따르는 것이다.

 
나만 몰랐나??

 

위젯을 HTML로 붙일 때 좌우 정렬 방법은?

사이드바에 기본 위젯을 넣으면 가운데정렬로 이쁘게 붙는 데,  내가 직접 HTML로 붙이면 좌측으로 치우친다.  이 때는 아래와 같이 삽입할 HTML에 DIV태그를 둘러싸고 정렬을 주면 가운데로 정렬을 시킬 수 있다.

======== 아래 =========
<div align=center>
 삽입할 HTML
</div>
 


 

전체적인 폰트의 색깔 및 크기 지정

인터넷 사이트의 대부분은 '굴림체' 또는 '돋움체'이다.  조금 변화를 주려고 웹폰트를 이용하는 분들도 많기는 하지만 경우에 따라서 글읽기에 불편을 주는 경우도 많다. 

웹폰트 이용 방법

<style type="text/css">
<!--
@font-face {font-family: 웹폰트이름; src:url(http://웹폰트URL/웹폰트이름.eot);}
a:link {font-family: 웹폰트이름;font-size: 9pt;}
a:visited {font-family: 웹폰트이름;font-size: 9pt;}
a:hover {font-family: 웹폰트이름;font-size: 9pt;}
a:acvite {font-family: 웹폰트이름;font-size: 9pt;}
body,div,table,tr,td,p,span {font-family: 웹폰트이름;font-size: 9pt;}
-->
</style>

마이크로소프트 오피스 최근 버전을 설치하면 '맑은 고딕'이라는 폰트가 설치된다. 

맑은 고딕 폰트 다운로드

보기에 나쁘지도 않고 블로그에 적용할 경우 조금은 달라보여서 사용하는 블로그들이 간혹 보인다. 

텍스트큐브 : 관리화면 -> 꾸미기 ->스킨편집 의 style.css 영역
티스토리 : 관리화면 -> 스킨 -> HTML/CSS 편집의 style.css 영역

낯선 분들도 많겠지만 어렵게 생각하지 마시고 ctrl-f 를 클릭해서 검색창을 연다. 'body' 라고 검색을 하면 아래의 그림과 같은 부분이 보일 것이다.

 
아래의 2가지 경우가 존재하며 각 경우에 맞게 내용을 입력한다.

첫번째, body  {....} 안에 'font-family' 라는 것이 없는 경우...  '{' 다음에 font-family: 맑은 고딕;
두번째, body  {....} 안에 'font-family' 라는 것이 있는 경우...  'font-family:' 다음에 '맑은 고딕,'

이렇게 하면 전체적인 폰트의 모양이 '맑은 고딕'으로 변경된다. 블로그 페이지에서 확인하시길.

body 외에도 font-family 를 지정되어 있는 경우가 있다.
이런 경우는 ctrl-f 를 클릭해서 'font-family'를 검색한다.
style.css 영역에서 'font-family:' 다음에 '맑은 고딕,' 라고 입력하면 된다.

<추천>해 주시면 더욱 많은 분들이 글을 볼 수 있습니다.
Posted by 명섭이
TAG , , , , , , , , ,
트랙백 2개, 댓글 15개가 달렸습니다

트랙백 주소 :: http://blog.bsmind.co.kr/trackback/109 관련글 쓰기

  1. Subject: 하츠의 생각

    Tracked from itry's me2DAY 2009/09/06 11:09  삭제

    [블로그팁] 폰트변경·위젯·관심블로그 설정방법 텍스트큐브와 티스토리는 태생이 같기 때문에 유사한 기능이 많다. 특히나 두가지 모두 블로그화면 HTML 편집 기능을 제공하여 아는 사람들은 다양하게 블로그를 운영할 수 있는 자유를 제공한다. 하지만, HTML이나 CSS..

  2. Subject: 블로그에 새싹이 자라고 있어요

    Tracked from Jump! You Might Just Fly~ 2009/09/18 09:27  삭제

    안녕하세요? Jmi예요. 오른쪽 메뉴를 보면 알겠지만 제 블로그에 새싹이 올라왔어요. 한번씩 햇볕도 쬐어주고, 물도 주고, 거름도 주고,,, 또 이쁘게 자라라고 음악도 틀어준답니다. 살아 있는 것이니깐 신경써서 잘 관리해주면 정말 예쁜 꽃으로 자랄 거예요. ㅎㅎ 먼저 어떻게 제 블로그에 새싹이 피게 되었는지 알려드릴게요. 웹상에서 이곳 저곳 놀러를 다니다가 알록달록 귀여운 계산기 위젯을 발견했어요. 넘 귀엽고 깝찍해서 처음 그 계산기 위젯을 본 순간..

댓글을 달아 주세요

  1. BlogIcon 참좋은미시 2009/09/06 23:30  댓글주소  수정/삭제  댓글쓰기

    텍큐에 대해서 모를는 것이 많았는데 많은 공부가 되었네요.
    잘 읽고 갑니다. 주말 잘 보네시길....

  2. BlogIcon 怪獸王 2009/09/09 15:35  댓글주소  수정/삭제  댓글쓰기

    Div 태그 알고 가네요 감사합니다 ㅠㅠ.

  3. BlogIcon 채플린이 2009/09/10 18:32  댓글주소  수정/삭제  댓글쓰기

    블로그 폰트를 바꾸고 싶었는데,
    덕분에 손쉽게 바꿨습니다. ^^
    좋은 글 감사합니다.

  4. BlogIcon 엘카 2009/09/14 12:44  댓글주소  수정/삭제  댓글쓰기

    감사합니다.

  5. 그저 감사감사 2009/09/30 22:05  댓글주소  수정/삭제  댓글쓰기

    덕분에 블로그 폰트 바꿨어요 ㅎㅎ 감사합니다~

  6. BlogIcon 아네모네 2010/02/27 20:25  댓글주소  수정/삭제  댓글쓰기

    요즘 저는 맑은 고딕에 필이 꼿여있답니다.

    • BlogIcon 명섭이 2010/03/14 15:14  댓글주소  수정/삭제

      아네모네님 글을 이제서야 읽게 되었넨요..
      맑은고딕도 좋고, 글자간 사이띄기나 줄간 사이띄기도 매우 중요하네요.
      막눈이라서 좋게 맞추기가 쉽지 않네요^^

  7. BlogIcon 천재가리 2010/08/29 21:31  댓글주소  수정/삭제  댓글쓰기

    끄..응 저만 어려운건가봐요..ㅠㅠ
    열심히 이해해보고 폰트도 바꿔보도록 노력하겠습니다 +_+

    • BlogIcon 명섭이 2010/08/30 00:12  댓글주소  수정/삭제

      처음에는 다 어렵죠.
      제가 많이 알지는 못하지만 아는 범위에서는 도와드릴테니 자주 자주 놀러오세요^^

      글고 저번처럼 블로거들 모이는데 자주 찾아가서 같이 이야기하다보면 뭐가 필요한 지 빨리 알 수 있을 꺼예요.
      꼭 폰트나 글자크기가 문제는 아니거든요^^

  8. BlogIcon 천재가리 2010/08/30 15:34  댓글주소  수정/삭제  댓글쓰기

    네 ^^ ! 이거 혹시 폰트가 다른거를 저장해놓은게 컴퓨터안에 있으면
    맑은고딕 외에도 이름그대로 하면 되는건가요?! 예를들어 '짱구'글씨체면
    저 안에 짱구 라고 치면 제 컴퓨터에 저장되어있던것 그대로 나오나요..?!
    아..제가 시도해보면되겟군욬ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ해보고올게요 +_+
    저 너무 염치없게 자주와서 물어볼거같아요 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
    잘부탁드립니다!

페이의지 맨위로