구글문서에서 단락스타일을 지정하면 문서에서 일관적인 스타일을 유지할 수 있다.

일반텍스트와 제목1부터 6까지는 ctrl+alt+0,1,2,3,4,5,6 에 단축키가 지정되어 있으므로 좀더 편리하게 사용할 수 있다. 예를 들어 선택한 단락을 일반텍스트 스타일로 지정하려면 ctrl+alt+0을 누르면 된다.



특정 단락의 들여쓰기는 상단의 줄자의 막대모양의 마커를 끌어서 조정할 수 있다.

이 마커를 조정하면 캐럿(caret, 커서)이 위치한 단락의 들여쓰기가 조절된다. 또한 밑을 향하고 있는 삼각형도 줄자의 아래부분에 있는데 이것을 끌어서 좌우여백도 조절할 수 있다. (좌측 여백을 조절하기 위해서는 ctrl+[,] 단축키를 이용해도 된다.)



하지만 이렇게 조절해도 캐럿이 위치한 단락만 조절되고 다른 곳에는 영향을 미치지 않는다. 동일한 단락스타일 전체에 적용되도록 하려면 조절하고 나서 해당 단락스타일을 업데이트하면 된다.



단락스타일에는 좌우여백과 들여쓰기 정보도 포함되기 때문이다.

n{gdoc001}


Posted by 살레시오
,

  티스토리 블로그에서 타이틀 링크를 업애려면 다음과 같이 HTML 편집기로 들어가서 comment out시킨다.


<div id="headerBox">
<div id="header">
<!--
<h1><a href="https://studymake.tistory.com/" title="스터디메이크">스터디메이크</a></h1>
-->
<div class="blogMenu"></div>
</div>

그런데 이렇게 하면 메뉴바가 밀려올라오게 된다. 메뉴바의 상하좌우 마진은 css파일의 다음을 편집하면 된다.


#header .blogMenu a { color:#0000ff;}
.blogMenu li {
list-style:none;
float:left;
       margin:0px 0px 0px 0px;/*top, right, bot,left*/
padding:0 4px;
background:url(images/menu_div.gif) no-repeat 0 3px;
}

여기서 처음 숫자가 위쪽 방향의 마진을 정하는 것이다. 이렇게 하면 타이틀 링크를 없애고 이미자와 메뉴바의 위치를 적절히 조절할 수 있다.



n{tistory001}


Posted by 살레시오
,

 애드센스 수익금이 10달러가 처음 넘으면 등록된 주소를 인증해야 하는데 구글에서는 등록된 주소로 핀(PIN) 번호라는 것을 적은 엽서를 보내 사용자가 수령 후 그 번호를 애드센서에 입력하는 것으로 인증을 하게 된다. 그런데 애드센스를 가입할 때 주소에 아파트 동호수를 적지 않아서 주소를 다시 수정해야 했다. 애드센스 도움말에는 다음과 같이 나와있다.

그런데 아무리 여기 나온대로 톱니바퀴>설정>계정 정보 에 들어가도 ‘주소 수정’항목이 없어서 한참을 헤맸다. 좀 더 검색해 보니다음과 같은 절차를 따르면 된다.


 먼저 애드센스에 로그인한 후 ‘톱니바퀴>지급’ 항목으로 들어가야 한다.



위에서 보는 대로 ‘지급’ 항목으로 들어가는 것이 중요하다.


수취인 프로필로 들어가서 바로 있는 ‘수정’ 링크를 클릭한다.



여기서 주소를 수정한 후 ‘저장’ 버튼을 누른다. 이러면 된다.


 하지만 여기서 주소를 수정했다고 하더라도 이미 잘못된 주소로 발송된 핀번호 엽서는 어쩔수 없다. 3~4주 기다리면 다시 발송된다고 하니 기다리는 수 밖에 없다.



Posted by 살레시오
,

아래 코드를 템플릿 편집모드에서 ]]<\b:skin> 바로 앞에 복사해 넣는다.


--------------------------------------------------------

.code {

background:#f5f8fa;

background-repeat:no-repeat;

border: solid #5C7B90;

border-width: 1px 1px 1px 20px;

color: #000000;

font: 13px 'Courier New', Courier, monospace;

line-height: 16px;

margin: 10px 0 10px 10px;

max-height: 200px;

min-height: 16px;

overflow: auto;

padding: 10px 10px 10px; width: 90%;

}


.code:hover {

background: #FAFAFA;

background-repeat:no-repeat;

}

--------------------------------------------------------


이제 html 편집모드에서 아래와 같이 입력하면


<div class="code">

프로그램

</div>


코드박스가 생겨난다.


main(){

printf

}

[#00006]


Posted by 살레시오
,

블로거에서 포스트의 폰트를 조절하려면 [레이아웃]에 들어가면 [템플릿 디자이너]로 갈 수 있는 링크가 있다. 여기서



  •  템플릿디자이너>고급>페이지텍스트



로 찾아 들어간다.



여기에서 글꼴을 선택할 수 있다.


줄간격을 조절하려면 [템플릿편집모드]에서 다음과 같은 부분을 찾는다.


---------------------------------------------------------------------------

.post-body {

  font-size: 12pt;

  line-height: 1.8;       // 줄간격

  position: relative;

}

---------------------------------------------------------------------------


여기에서 숫자를 조절하면 된다. 1.0이면 줄과 줄사이가 딱 붙게 되고 2.0이면 줄과 줄 사이에 한 줄 공백이 들어간다.

[#00004]

Posted by 살레시오
,

블로거에서 LaTex 을 사용하여 수식을 입력할 수 있다.

그러기 위해서 템플릿의 HTML 소스 <head> 태그 바로 밑에 아래 코드를 삽입한 후 저장하면 된다. 아래 코드 조각은 이 포스트를 참조하였다. 수식 번호를 자동으로 붙이게끔 하는게 찾기 어려웠는데 추가적인 옵션은 이 포스트를 참조하였다.


<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js">
MathJax.Hub.Config({
 extensions: ["tex2jax.js","TeX/AMSmath.js","TeX/AMSsymbols.js"],
 jax: ["input/TeX", "output/HTML-CSS"],
 tex2jax: {
     inlineMath: [ ['$','$'], ["\\(","\\)"] ],
     displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
 },
 "HTML-CSS": { availableFonts: ["TeX"] },
  TeX: { equationNumbers: {autoNumber: "AMS"} } //수식번호 옵션
});
</script> 


이제 $\sqrt{x^2+1}$ 과 같이 본문 내에 수식을 입력할 수도 있고 한 줄 수식도 입력할 수 있다.

$$y(x)=\frac{x+1}{x^3+x+1}cos(x)$$

'\tag{}'를 이용하여 수식 번호도 입력할 수 있다.

$$E=mc^2\tag{1}$$

LaTex문법을 안다면 이와 같이 블로그에도 아름다운 수식을 출력할 수 있다.



Posted by 살레시오
,

  블로그에 이미지를 업로드할 경우 저작권에 신경을 써야 한다. 국내의 경우 사진에 대한 공유가 활발히 이루어지지 않고 있지만 해외 싸이트에서는 많은 곳에서 자율적으로 공유가 이루어지고 있다.


  구글 이미지 검색에서도 '재사용 가능'한 이미지를 필터링할 수 있다. 다음 그림과 같이 [검색 도구]->[재사용 가능]탭->재사용 가능 옵션을 이용하면 된다. 단 재사용시 반드시 출처를 밝혀주어야 한다.



  아래 리스트는 무료로 고 퀄리티의 사진을 이용할 수 있는 사이트 모음이다. 심지어 상업적인 용도로도 사용할 수 있다.


unsplash.com : '(무엇을 하든지) 무료 고해상도 사진들' 라고 대문에 딱 써 있음.

picjumbo.com : '상업적/개인적으로 이용할 수 있는 완전 무료 사진들'

pixabay.com :'상업적 혹은 개인적 용도로 pixabay 의 모든 이미지를 자유롭게 사용하세요'

gratisography.com : 'you can use on your personal & commercial projects'

compfight.com : 검색옵션에 'commercial' 이 있다.



Posted by 살레시오
,