즐거운 게임과 쉬운 앱테크

표나 박스를 삽입할 경우 별도의 설정을 해두지 않았다면 자동으로 배경색이 회색으로 나타납니다. 기본적인 설정값이 회색으로 나타나도 상관이 없거나, 작성할때마다 원하는 색으로 수정을 하고 싶지 않다면, 아래의 방법으로 기본색상을 원하는 색으로 나타나게 할수가 있습니다. 본문 내 표나 박스내부의 배경색을 원하는 색상으로 변경하는 방법에 대해서 소개해 드리겠습니다.

표나 박스의 배경색 바꾸기

 
표나 박스는 보통 table 이란 태그로 지정되는데 블로그 포스트 본문 부분의 table 속성을 변경하는 방법은 관리자 페이지의 [꾸미기] 에서 [HTML/CSS 편집] style.css 에서 소스값을 수정해 주시면 간단히 해결이 됩니다.

style.css 내에 커서를 위치하고 Ctrl+F 를 눌러 검색창에 'article table' 을 입력하여 해당 위치를 찾습니다.

아래와 같은 부분이 나오는지 확인합니다.

▶ .article table th {background-color:#ccc; } /* 스킨디자인에따라 색상 변경 */

▶ .article table td {padding:2px; background-color:#eee; } /* 스킨디자인에따라 색상 변경 */

background-color:#ccc 부분의 #ccc를 원하는 색깔로 변경합니다.

배경색으로 지정되는 부분이라 무난하게 #fffff (흰색), transparent (투명), none (없음) 등으로 바꿔주시는게 좋습니다.

.article table th {background-color:#ffffff; }

.article table td {padding:2px; background-color:#none; }

위와 같이 수정을 완료하게 되면 색상이 변경되어 나타나게 됩니다.

위 설정은 전체 표나 박스에 적용이 되므로 기존에 소개해 드린 [ 카테고리의 다른 글 보기 - 배경색 바꾸기 ] 의 설정도 포함이 됩니다. 해당 포스팅에서 소개해 드린 소스값을 삭제하게 되면 위 설정값과 동일하게 설정이 되며, 별도로 관리하고 싶다면 기존의 소스를 그래도 두고 원하는 색상으로 별도로 관리하시면 됩니다.

[ 관련 글 : 티스토리 꾸미기 - [카테고리의 다른 글] 배경색 바꾸기 ]

[카테고리의 다른 글] 바탕화면을 수정하였고, 이제 목록 개수와 색상을 수정해 보도록 하겠습니다.

목록 개수와 색상(글자색)은 스킨위자드를 사용하여 쉽게 변경할수 있습니다.

관리자모드 ▶ 플러그인 ▶ 플러그인설정 으로 이동합니다.

꾸미기 - 카테고리 글 더 보기 항목에서 설정을 누릅니다.

해당 설정화면에서 목록 개수와 글자의 색상을 선택하고 미리보기로 확인을 합니다.

확인후 마음에 들면 저장을 합니다.

이상 [카테코리의 다른 글 더 보기] 설정 방법에 대해서 소개해 드렸습니다.

기본적인 티스토리 스킨에서는 [카테고리의 다른 글] 이 본문 하단 태그 상단에 위치하는데 신규로 광고코드를 skin.html 에 삽입하게 되면 [카테고리의 다른 글] 아래에 위치하게 되어 보기에 좋지 않습니다. 그래서 [카테고리의 다른 글]을 본문 하단 태그 원하는 위치에 위치하게 할수 있는 방법에 대해서 소개해 드리겠습니다.

[카테고리의 다른 글] 위치를 수정할수 있도록 소스를 삽입해 놓으면 본문 하단 태그에서 원하는 위치로 쉽게 이동이 가능하기 때문에 광고의 형태와 크기에 따라서 본문 하단에 예쁘게 배치를 할수가 있습니다.

아래는 [카테고리의 다른 글]의 위치를 변경하지 않고 광고코드를 삽입했을때의 배치 모습입니다.

본문과 광고 중간에 [카테고리의 다른 글] 이 자리하고 있어 어색해 보입니다.

[카테고리의 다른 글]의 위치를 " 본문 하단 태그 하단 " 으로 위치를 변경한 후의 모습입니다.

별 차이를 못 느끼시겠다면 아래와 같이 여러개의 광고를 삽입했을때의 모습을 보시면 차이를 느끼실수 있을것입니다.

여러개의 광고를 삽입하려고 할때 [카테고리의 다른 글]의 상단에 위치하는 것이 훨씬 보기 좋은것 같습니다.

배치 전후의 모습을 보시고 수정을 하시려고 한다면 아래와 같이 수정하시면 됩니다.

[카테고리의 다른 글] 위치 변경하는 방법

1.  " 카테고리의 다른 글" 고정을 해제하여 원하는 위치로 이동할수 있도록 명령어 삽입

<!-- 카테고리 다른글 위치 변경 시작 -->
<div id="MF_Reference" class="another_category another_category_color_gray"></div>
<script type="text/javascript">
//<![CDATA[
// Created by MissFlash(http://blog.missflash.com)
var MF_Reference = document.getElementById('MF_Reference');
MF_Reference.setAttribute("id", "MF_Reference" + MissFlash_Div_Num);
MF_Reference.className = "another_category another_category_color_gray";
var ref_source = getElementsByClass(MissFlash_Div_Num,"another_category");
MF_Reference.innerHTML = ref_source;
MissFlash_Div_Num += 1;
//]]>
</script>
<!-- 카테고리 다른글 위치 변경 끝 -->

skin.html 에서 </title> 을 찾아서 바로 아랫줄에 소스를 붙여넣기 합니다.

카테고리위치고정해제.txt

2.  " 카테고리의 다른 글" 을 원하는 위치에 삽입

<!-- 카테고리 다른글 위치 변경 시작 -->
<div id="MF_Reference" class="another_category another_category_color_gray"></div>
<script type="text/javascript">
//<![CDATA[
// Created by MissFlash(http://blog.missflash.com)
var MF_Reference = document.getElementById('MF_Reference');
MF_Reference.setAttribute("id", "MF_Reference" + MissFlash_Div_Num);
MF_Reference.className = "another_category another_category_color_gray";
var ref_source = getElementsByClass(MissFlash_Div_Num,"another_category");
MF_Reference.innerHTML = ref_source;
MissFlash_Div_Num += 1;
//]]>
</script>
<!-- 카테고리 다른글 위치 변경 끝 -->

skin.html 에서 [ ##_article_rep_desc_## ] 을 찾아서 바로 아랫줄에 소스를 붙여넣기 합니다.

카테고리위치변경.txt

[ ##_article_rep_desc_## ] 아래 배치하는 순서에 따라 광고와 "카테고리 다른 글" 의 위치 순서가 결정이 됩니다.

상기와 같은 방법으로 "카테고리 다른 글" 과 광고의 위치를 마음대로 변경할수가 있으니 삽입하려는 광고의 형태 및 크기등을 고려하여 멋지게 배치하시기 바랍니다.

* 작업하시기전에 반드시 skin.html 원본은 별도로 저장해서 잘 보관해 두시기 바랍니다.

티스토리 블로그를 스킨위자드로 기본적으로 꾸몄다면 세부적인 항목에 대한 설정 변경을 해주어야 합니다.

꼭 필요한 설정도 있을것이고, 개인적인 취향에 따라 변경을 하는 경우도 있을것입니다.

이번에 소개해 드릴 티스토리 꾸미기 내용은 블로그 하단에 위치한 [카테고리의 다른 글] 박스에 대한 설정 변경입니다.

초기에 블로그 스킨을 선택했을때의 모습입니다.

회색바탕에 회색글씨로 되어 있어 별로 마음에 들지 않네요. 개인적으로 깔끔하고 단순한 것을 좋아해서 색상을 바꾸고 싶어 졌습니다. 오른쪽의 날짜도 자리만 차지하고 어수선하기만 하네요. 이제 변경하기로 하였다면 그 방법에 대해서 알아보겠습니다.

먼저 HTML/CSS 편집에서 바탕색상을 변경하겠습니다.

관리자모드 ▶ 스킨 ▶ HTML/CSS 편집으로 이동합니다.

style.css 맨아랫줄에 아래 첨부파일의 소스를 붙여넣기 합니다.

아직 HTML 을 완전히 사용할줄 모르기 때문에 해당 변경 내용은 검색으로 구해서 이상유무를 테스트 했습니다.

인터넷상에 동일한 내용의 많은글과 변경코드가 있으며, 실재 적용시 문제가 없음을 확인하였기에 첨부로 올려 드립니다. 

.another_category table th, .another_category table td {background-color: white;}
.another_category td {display:none;}       

카테고리의 다른 글 바탕색 바꾸기.txt

티스토리 꾸미기 - 스킨위자드

티스토리 블로그를 개설하셨다면 이제 스킨위자드를 이용하여 쉽게 자신만의 멋진 블로그를 만들어 봅니다.

최적화된 멋진 블로그는 나중에 각종 설정 및 편집기능을 익히고 난후 만들어 보시고 일단 스킨위자드를 이용해서 쉽게 나만의 블로그를 만들어 보겠습니다.

블로그 스킨은 자신의 블로그를 나타낸주는 대문의 역활을 하므로 공을 들여 만들어 놓아야 하지만, 아무리 공을 들여 만들어 놓아도 100% 만족하지는 못하는 것 같습니다. 여유을 가지고 조금씩 보완해 나가는게 좋을것 같습니다. 처음부터 무리하게 되면 지쳐서 금방 흥미를 잃게 되니 마음을 비우시고 조금씩 나아지는 내 블로그의 모습을 보면서 기쁨을 느껴보시기 바랍니다.

[스킨위자드] 는 만들어져 있는 여러가지 스킨들을 블로그에 쉽게 적용할수 있도록 해주는 기능입니다. 여러가지 스킨의 선택, 선택한 스킨의 색상이나 크기등의 간단한 수정이 가능합니다.

1. 스킨 선택

자신의 블로그에서 관리자 모드로 들어갑니다.

관리자모드 꾸미기에서 스킨을 선택합니다.

나와있는 스킨중 마음에 드는 스킨을 선택합니다.

스킨위자드가 적용되는 스킨인지 확인하고, 적용을 눌러 자신의 블로그에 스킨을 적용합니다. 

2. 스킨위자드 실행 (스킨 꾸미기)

스킨위자드를 실행합니다.

배경, 타이틀, 게시글의 이미지 및 크기, 색상을 원하는 스타일로 변경하고 완료되면 적용을 눌러 변경을 합니다.

블로그에 적용된 스킨이 마음에 들지 않는다면 다시 위의 순서대로 실행하시어 변경하시면 됩니다.

TIP) 블로그의 글자크기와 색깔은 주의 깊게 보셔야 합니다. 글자크기는 일반적으로 10-12PX 이며 이보다 작으면 읽기가 힘들수가 있습니다. 또한 글자색은 지나치게 화려한 색을 선택한다면 글을 읽을때 어지러워 보일수 있으니 주의하셔야 합니다.

티스토리 블로그 개설에 이어 스킨설정으로 내 블로그를 기본적으로 꾸몄다면 이제 포스팅을 하면서 더 자세히 꾸미는 방법을 배워 적용하시면 됩니다.

티스토리 가입 및 블로그 생성

1. 티스토리 초대장 접수

티스토리 초대장을 신청해서 메일로 초대장을 접수하셨다면 회원가입 및 블로그 생성하기를 진행하시면 됩니다.

접수된 초대장 메일의 [ 회원 가입하기 ] 를 누르고 티스토리 회원가입 사이트로 이동합니다.

2. 티스토리 회원 가입

티스토리 아이디는 초대장을 받은 이메일주소가 사용됩니다. 비밀번호 및 필명, 블로그 제목 미 블로그 주소를 입력하시고 회원가입을 마칩니다. (필명, 블로그제목, 블로그주소는 본인이 임의대로 정할수 있습니다.)

3. 티스토리 블로그 생성

티스토리 회원가입을 마쳤다면 개인 블로그를 생성합니다. 나중에 쉽게 변경할수 있으니 고민은 나중에 하시고 일단 블로그를 생성합니다.

티스토리 블로그를 개설을 완료하였습니다. 이제 티스토리 블로그의 새로운 주인이 되셨습니다. 블로그를 만드셨다면 이제 위젯을 붙이고 스킨 및 레이아웃을 변경하여 나만의 멋진 블로그를 만드시면 됩니다.

티스토리 블로그, 이런 점이 좋습니다!

설치의 어려움은 잊어버리세요!
설치? 호스팅? 티스토리는 나만의 블로그를 만드시기 위해 설치형 블로그를 사용하고 싶어도 배경지식이 없어 사용하지 못하는 분들을 위한 서비스 입니다. 또한 설치형 블로그 운영에서의 트래픽 부담도 덜 수 있어 설치형 블로그의 부담에서 해방시켜드립니다. 설치형 블로그의 태터툴즈를 기반으로한 티스토리로 나만의 멋진 블로그를 만들 수 있습니다!

티스토리 초대장 받기

티스토리에 가입해야겠다는 생각이 들었다면 가장 먼저 해야 할일이 초대장을 얻는 것입니다.

티스토리는 초대장이 있어야만 블로그를 개설할수가 있습니다. 초대장을 구하는 방법에 대해서 알아보겠습니다.

티스토리 초대장 구하는 방법

1. 티스토리 홈페이지에서 구하는 방법

티스토리 홈페이지로 이동합니다.     http://www.tistory.com

티스토리 홈페이지 좌측에 보시면 [티스토리 초대신청] 메뉴가 있습니다. 클릭해서 들어가시면 초대장을 나눠주시는분 소개와 초대장을 가지고 계신분 목록이 나옵니다.

위 그림의 1번은 보유한 초대장을 나눠 주겠다는 내용의 소개글입니다. 2번은 초대장 배포 홍보글은 아니고, 초대장을 보유하고 있는 블로거님들의 목록입니다. 1번이나 2번의 목록중에서 클릭해서 해당 블로그로 이동합니다.

1번의 초대장 배포에 대한 글을 클릭해서 들어가신 경우에는 해당들의 댓글에 신청을 하시면 됩니다.

2번의 경우에는 별도의 초대장 배포 안내글이 없으므로 해당 블로그의 방명록에 초대장 신청에 대한 글을 남기셔야 합니다.

초대장이 한정되어 있기 때문에 몇군데 신청을 하시고 기다리시다가 초대장이 안오면 다시 신청하셔야 합니다.

2. 티스토리 초대장 배포 최신글 검색후 신청

티스토리 홈페이지에서 신청하고 기다리시는 것이 가장 좋으나 빨리 가입하고 싶다면 직접 검색하고 신청하는 노력을 하셔야 합니다. 구글이나 네이버에 티스토리 초대장 최신순으로 검색하셔서 해달글에 신청글을 많이 남기셔야 합니다.

3. 티스토리 파워블로거 블로그에서 직접 신청하기

티스토리 초대장은 티스토리 블로그 활동을 열심히 하시는분에게 정기적으로 배포가 됩니다. 그러므로 티스토리 방문자수가 많고 상위 노출되는 블로거는 초대장을 가지고 있을 확율이 매우 큽니다. 해당 블로그 방문하셔서 정중하게 초대장을 부탁하는 방법도 있습니다.

제가 볼때는 초대장 배포 검색하여 개별적으로 신청한것은 경쟁이 심해서 초대장을 받기가 어려울것 같고, 파워블로거 블로그를 방문해서 글 남기는것도 좀 쌩뚱맞은것 같습니다. 평소 아무런 교류가 없다가 불쑥 초대장 보내달라고 부탁한다고 쉽게 받기는 어렵겠지요. 시간이 조금 더 걸리더라도 티스토리 홈페이지에서 정상적으로 신청하는것이 좋은것 같습니다. 저는 티스토리 홈페이지에 초대장 보유하신분 목록에서 한분 선택하여 블로그 방문해서 방명록에 글 남기고 하루만에 초대장을 받았습니다. 좋은분을 만나 빠르게 받을수 있었던것 같습니다. 티스토리 개설 생각하시는 분들도 초대장 빨리 받으셔서 티스토리 블로그 개설 쉽게 하셨으면 좋겠습니다.

티스토리 소개 (티스토리 VS 네이버 블로그)

처음에 블로그를 생각하게 되면 접근하기 쉬운 네이버 블로그를 시작하게 됩니다. 검색노출이 강한 네이버로 인하여 방문자수를 쉽게 늘릴수 있기 때문인것 같습니다. 하지만 네이버 블로그를 운영하다보면 나만의 디자인으로 변경한다던가, 최적화된 블로그 광고를 하고 싶은 마음이 들게 되면 대안으로 티스토리를 생각하게 됩니다. 저도 동일한 경우로서, 네이버 블로그를 운영하고 있지만 티스토리를 새로 개설하여 여러가지를 시험해 보고 있습니다. 오늘부터는 티스토리에 대한 그동안의 방법을 포스팅 해보려고 합니다. 첫번째로 티스토리에 대한 소개입니다. 네이버블로그와 비교하여 설명하도록 하겠습니다.

1. 티스토리

기존에 네이버블로그를 사용하시거나 접하셨던 분들은 외형상의 큰 차이를 느끼지는 못하실 겁니다. 티스토리와 네이버블로그의 차이는 겉으로 들어나는것 보다는 사용자가 디자인과 레이아웃을 자유롭게 변경할수 있다는 것과 다양한 연동이 된다는 점입니다. 이로 인해 공부해야 할것이 너무도 많은 것이 사실입니다.  

- 홈페이지 화면

- 개인 블로그 화면

2. 네이버 블로그

인터넷 사용자라면 자주 보셨을 네이버 블로그의 메인화면입니다. 티스토리의 메인화면과 비교해 보시죠.

- 홈페이지 화면

- 개인 블로그 화면

3. 티스토리와 네이버 블로그의 차이점 (장단점)

티스토리와 네이버 블로그의 차이점을 간단히 정리하였습니다. 각각의 블로그를 선호하는 이유와 새로이 티스토리로 진출하는 이유를 조금은 이해하셨으리라 봅니다.

현재 저의 네이버 블로그는 일방문자 1,000명을 넘어서서 별다른 관리는 하지 않고 티스토리에만 신경을 쓰고 있지만 아직까지는 네이버 블로그에 더 정이 많이 가는건 사실입니다. 하지만 블로그 수익창출이나, 최적화된 나만의 블로그를 가지고 싶은 욕심, 저품질이라는 항상 가지고 가야 하는 숙제로 인해서 티스토리로의 이동은 불가피할것 같다는 생각이 듭니다.