[구글 블로그] 구글 블로그(블로거) 글 템플릿 양식 지정하기

-

구글 블로그(블로거) 글 템플릿 양식 지정하기

구글 블로그는 네이버나 티스토리에 비해서 너무 불친절하다. 블로그 꾸미는 것 부터 해서 게시물 적는 것도 이쁘게 적을려면 시간이 많이 든다. 하지만 글 템플릿을 미리 지정을 해두면 새로운 게시물을 작성 할 때 마다 원하는 양식에서 바로 작성 할 수 있다. 한번 알아보자.


글 템플릿 지정하기.


1. 설정 -> 글 템플릿(선택 사항) 클릭




2. 이 소스 코드 복사.

<!--주제목란-->
<h1 style="text-align: left;">주 제목

<!--주제목 내용, 회색박스-->
</h1><div style="background-color: whitesmoke; padding: 16px 10px; word-break: break-all;">
   <div> 
주 제목 내용</div>
</div>

<!--공백-->
<div><br /></div><div><br /></div>

<!--제목란 순서-->
<div style="border-left: 5px solid rgb(100, 180, 255); padding: 8px; text-align: left;">
   <h2 style="margin: 0px; padding: 0px; word-break: break-all;"><span>제목 순서</span></h2></div>

<!--공백-->
<div><br /></div>

<!--부제목 1-->
<h3 style="margin: 0px; padding: 0px; word-break: break-all;"><span style="font-size: large;">1. 부제목 1</span></h3>

<!--제목 순서 내용, 회색박스-->
<div style="background-color: whitesmoke; font-size: 14px; padding: 16px 10px; word-break: break-all;"><div>부제목 내용</div>
</div>

<!--공백-->
<div><br /></div>

<!--부제목 2-->
<h3 style="margin: 0px; padding: 0px; word-break: break-all;"><span style="font-size: large;">2. 부제목 2</span></h3>

<!--제목 순서 내용, 회색박스-->
<div style="background-color: whitesmoke; font-size: 14px; padding: 16px 10px; word-break: break-all;"><div>부제목 내용</div>
</div>

<!--공백-->
<div><br /></div>

<!--부제목 3-->
<h3 style="margin: 0px; padding: 0px; word-break: break-all;"><span style="font-size: large;">3. 부제목 3</span></h3>

<!--제목 순서 내용, 회색박스-->
<div style="background-color: whitesmoke; font-size: 14px; padding: 16px 10px; word-break: break-all;"><div>부제목 내용</div>
</div>

<!--공백-->
<div><br /></div>

<!--부제목 4-->
<h3 style="margin: 0px; padding: 0px; word-break: break-all;"><span style="font-size: large;">4. 부제목 4</span></h3>

<!--제목 순서 내용, 회색박스-->
<div style="background-color: whitesmoke; font-size: 14px; padding: 16px 10px; word-break: break-all;"><div>부제목 내용</div>
</div>


<!--공백-->
<div><br /></div><div><br /></div>

<!--제목란1-->
<div style="border-left: 5px solid rgb(100, 180, 255); padding: 8px; text-align: left;">
   <h2 style="margin: 0px; padding: 0px; word-break: break-all;"><span>제목 1</span></h2>
</div>

<!--제목 내용, 회색박스-->
<div style="background-color: whitesmoke; font-size: 14px; padding: 16px 10px; word-break: break-all;">
   <div>제목 내용</div>
</div>

<!--공백-->
<div><br /></div><div><br /></div>

<!--제목란2-->
<div style="border-left: 5px solid rgb(100, 180, 255); padding: 8px; text-align: left;">
   <h2 style="margin: 0px; padding: 0px; word-break: break-all;"><span>제목 2</span></h2>
</div>

<!--코드 보여주는 소스-->
<pre style="background: rgb(0, 0, 0); color: white; overflow: auto; white-space: pre-wrap;">#include&lt;stiod.h&gt;
void main()
{
    int a;
}</pre>

<!--공백-->
<div><br /></div>

3. 붙여 넣기 -> 저장 클릭




4. "새 글" 클릭.


5. 템플릿이 지정 되었다. 앞으로 새 글을 쓰면 다음과 같은 양식을 사용 할 수 있다.



템플릿 전체 부분


마치며

HTML 템플릿 지정하는 방법에 대해 알아봤다. 구글 블로그는 이렇게 해야 그나마 타 블로그 처럼 꾸밀 수 가 있다. 마음에 들지 않는 부분은 HTML을 들어가서 양식을 지워 주면 된다. HTML을 하다보면 양식 하나 지우기도 힘들다. 하지만 주석 처리 다 했으니 본문이랑 비교하면서 지우면 된다. 수정해서 자신만의 글 양식을 만들어보자^^

댓글

댓글 쓰기

이 블로그의 인기 게시물

[Arduino] 아두이노 초음파 센서(HC-SR04) 사용하기

-
이미지
아두이노 초음파 센서(HC-SR04) 사용하기 초음파 센서의 값을 받아서 시리얼 모니터에 출력하는 예제다. 초음파 센서 거리 구하는 순서   1. Trigger에서 초음파를 쏜다. 2. 물체를 만나면 반사를 한다. 3. Echo 에서 반사된 초음파를 읽는다. 회로도 Trigger 가 13번 핀, Echo가 12번 핀이다. 만약 작동이 안되면 Trigger 핀과 Echo핀을 서로 바꿔서 해보면 된다. 코드 구현 TRIGGER_PIN : 초음파를 쏜다. ECHO_PIN : 물체를 만나 반사 되는 초음파를 받는다. #define TRIGGER_PIN 13 #define ECHO_PIN 12 void setup () {   Serial . begin ( 9600 ) ;   pinMode ( TRIGGER_PIN, OUTPUT ) ;   pinMode ( ECHO_PIN, INPUT ) ; } void loop () {   int duration, distance;   digitalWrite ( TRIGGER_PIN, HIGH ) ; //초음파 발사   delayMicroseconds ( 1000 ) ;   digitalWrite ( TRIGGER_PIN, LOW ) ;   duration = pulseIn ( ECHO_PIN, HIGH ) ; // 초음파 받기   distance = duration / 58 ; // cm로 거리 구하기     Serial . print ( distance ) ;   Serial . println ( "cm" ) ; //시리얼 모니터 출력   delay ( 100 ) ; }
다른 게시물 보기

[Arduino] 아두이노 조이스틱 사용하기

-
이미지
아두이노 조이스틱 사용하기 조이스틱은 X, Y, Z 값을 얻을 수 가 있다. X, Y 는 아날로그 값. Z 는 디지털 값(0 , 1) 조이스틱을 활용해서 미니카를 움직일 수 있다. 회로도 그림 잘 보고 연결 해야 한다. 그림이 반전 되어 있을 수 도 있으니 GND 위치 확인하고 연결. 코드 구현 조이스틱의 x, y, z축 값을 출력하는 코드다. #define X_PIN A0 #define Y_PIN A1 #define SW_PIN 2 void setup () {   pinMode ( SW_PIN, INPUT_PULLUP ) ;   pinMode ( X_PIN, INPUT ) ;   pinMode ( Y_PIN, INPUT ) ;   Serial . begin ( 9600 ) ; } void loop () {   int x = analogRead ( X_PIN ) ;   int y = analogRead ( Y_PIN ) ;   int z = digitalRead ( SW_PIN ) ;   if ( !z ) // 스위치가 안 눌렸으면 x, y, z 값 출력   {     Serial . print ( x ) ;     Serial . print ( ", " ) ;     Serial . print ( y ) ;     Serial . print ( ", " ) ;     Serial . println ( z ) ;   } }
다른 게시물 보기

[자연 환경] 농약의 장단점 농약이 환경과 인간에게 미치는 영향

-
이미지
농약의 장단점 농약이 환경과 인간에게 미치는 영향 21세기에 농약은 없어서는 안되지만 환경에 좋지 않은 영향을 미친다. 현재 사용하는 농약을 대체 할 수 있는 해결 방안이 있어야 한다. 농약 이란? 농약이란 농사를 짓는데 필요한 약이다. 사람의 질병을 치료하는데 약을 사용하는 것처럼 농식물의 질병을 치료하는데 농약이 필요하다. 농약의 장점 - 작물 수확량 증진 - 농산물 해충 방제 - 인류의 보건 증진과 식량 증신에 크게 이바지 함 농약의 단점 - 환경 오염 - 농약에 내성이 생긴 해충 출현 - 생태계 파괴 - 익충 피해 아래에서 더 자세한 내용을 다룸 농약이 생태계에 미치는 영향 농약을 사용할 때 해충만 선택 적으로 죽이기는 어렵다. 때문에 이로운 익충 까지도 모두 죽게 된다. 농약 사용 후 빈 통을 버리지 않고 강물에 버려 수생생물에게도 영향을 끼친다. 또 한 비가 내리면 농약을 과다 사용한 토지에서 빗물을 타고 하천 까지 유입되어 영향을 끼친다.  농약이 인간에게 미치는 영향 농약을 친 농산물은 결국 사람이 섭취하게 된다. 요즘 농약은 분해 속도가 빨라 장기간 남는 경우가 별로 없다고 한다. 하지만 여전히 농약에 중독되는 사고가 발생한다. 농약의 미래 요즘 자연에서 추출한 물질을 농약 대용으로 사용하는 사례가 생겼다. 예를 들어 마요네즈, 식용유 등 식자재를 혼합하여 사용하는 것이다. 하지만 확실하게 독성이 없다고 장담 할 수 없으며 살충효과를 장담하지 못한다.  과거 20세기 농약은 살충제를 뿌렸다가 새들이 다 죽는 사례가 있을 정도로 엄청난 독성이 있었다. 현재는 독성이 많이 줄었다고 해도 수천, 수만개가 되는 농약의 안전성은 검증 할 수 없다.
다른 게시물 보기