구글블로그 사용법: 블로그 헤더 이름옆에 그림, 가젯, 위젯, 애드센스, 광고 ... 넣기

구글 블로그의 블로그 이름(이미지) 옆에 애드센스 광고를 넣거나, 트위트나 페이스북 같은 소셜버튼을 달아 놓은 경우를 볼 수 있다.

사용법 어찌
여기에 그림, 가젯, 위젯, 애드센스..... 등 원하는 것을 넣음

블로그 헤드 공간을 블로그 이름 공간과 가젯 공간으로 나누어, 블로그 이름 옆에 가젯을 추가하려면 아래와 같이 하면 된다.

1. 헤더에 공간 나누기
구글 블로그, 헤더 영역에 가젯 공간 만들어 넣기
=> 블로그 대시보드 > 템플릿(Template) > HTML편집(Edit HTML)을 눌러 위의 그림과 같은 HTML 편집창을 연다.
=> 위젯 바로가기(Jump to widget) > 헤더1(Header1)을 선택하여, 아래와 같은 '헤드(Header1) 코드부분으로 이동한다.
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='자신의 블로그 이름 또는 이미지' type='Header'/>...</b:widget>
</b:section>

=> 위의 코드 바로 아래에, 아래의 코드를 붙여 넣는다.
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

=> 그러면, 아래와 같이 된다.
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='자신의 블로그 이름 또는 이미지' type='Header'/>...</b:widget>
</b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

=> 저장하기(Save Template)를 눌러 추가한 내용을 저장한다.


2. 블로그 이름(또는 이미지) 공간과 가젯 공간 속성 설정코드 넣기

#header, body#layout #header {width: 30%; display: inline-block; float: left;}
#header-right, body#layout #header-right {width: 60%; display: inline-block; float: right; padding: 3px 5px 5px 3px;}
#header-right .widget {margin: 0;}

CSS 코드를 넣는 방법은 2가지가 있다.

1) HTML 편집창에서 직접 넣기
현재 작업중인 HTML 편집창에서, [컨트롤 + F] 키를 쳐서 '찾기' 입력란을 열고,
" ]]></b:skin> "을 찾은 다음, 아래와 같이, 바로 그 위에 코드를 붙여 넣어면 된다.
 여기에 위의 코드
 ]]></b:skin>

=> 저장하기(Save Template)를 눌러 저장한다.

※ 이 방법으로 하면, 템플릿 저장이 잘 안되거나, 저장하는데 시간이 한 참 걸리기도 하므로, 가급적이면, 아래의 두 번째 방법으로 하는 것이 편하다.


2) 템플릿 디자이너에서 넣기
현재 작업중인 HTML 편집창의 저장(Save Template)을 눌러 위 "1. 헤드 공간 나누기"에서 추가한 내용을 저장하고
=> 뒤로가기(Back)를 눌러 이전단계로 빠져 나온다

=> 템플릿(Template) > 사용자정의(Customise)를 눌러 아래와 같은 블로그 템플릿 디자이너(Blogger Template Designer)를 연다
구글 블로그, 템플릿 디자이너에서 CSS 코드 넣기
=> 왼쪽 항목에서 고급(Advance) > 세부메뉴의 맨 아래에 있는 CSS 추가(Add CSS)를 눌러 입력창을 연다
=> 입력창에 위의 코드를 붙여 넣고, 블로그에 적용(Apply to Blog)를 눌러 저장한다.

※ 위의 코드에서, 각 공간의 너비(width)와 안쪽 여백(padding), 바깥 여백 (margin)을 알맞게 조정하여 맞추면 된다.


3. 가젯 넣기
블로그 대시보드 > 짜임새(Layout) >를 눌러 레이아웃 페이지로 가보면,

구글 블로그 가젯 추가하기=> 옆의 그림과 같이 블로그 이름(Header) 가젯 아래에 새로운 가젯을 추가할 수 있는 "가젯 추가(Add a Gadget)" 버튼이 추가 되어 있다.

=> 이제는 다른 가젯을 추가하듯이 원하는 가젯을 추가하면 된다.

※ 다른 기능도 마찬가지지만, 이 기능도 다이나믹 템플릿(Dynamic Template)에서는 적용이 되지 않는다.
주인으로 삽시다 !
우리 스스로와 사랑하는 후세대를 위하여 !
사람(人) 민족 조국을 위하여 !!



《조로공동선언 : 2000년 7월 19일 평양》
반제자주 다극세계 창설 - 공정하고 합리적인 국제질서 수립



>> 조선 땅을 점령함 : 점령자(침략자) 미제국 맥아더 포고령

>> 한국인 마루타 : 주한미군 세균전 실체

>> 강제 백신(예방) 접종 : 강제 인구감축 대량학살 무기

>> 끊임없이 전쟁을 부추기는 피아트 머니 - 사기.착취.략탈.강탈 도구

>> 현금금지(캐시리스) 전자화폐(CBDC 씨비디씨) 특별인출권(에스디알)

>> 미국 달러 몰락, IMF SDR 특별인출권 국제기축통화 부상과 금

>> 딮 스테이트 : 그레이트리셋, 유엔 아젠다 2030, 2021, SDG 17, 아이디 2020, 4차산업혁명, 세계경제포럼, 세계화, 신세계질서, 세계단일정부, 세계재편



민족자주 승리에 대한 굳건한 믿음으로, 한미동맹파기! 미군철거!!

주권主權을 제 손에 틀어쥐고, 주인主人으로서 당당하고 재미나게 사는 땅을 만들어, 우리 후세대에게 물려줍시다.