Google Blogger/Blogspot 및 레이아웃 페이지에 가젯 위젯을 추가하기위한 맞춤 컨테이너 만들기

Question

저는 Blogger.com 인터페이스가 새롭고이 플랫폼으로 템플릿을 사용자 정의합니다. Blogger는 익숙한 XML을 사용하여 코딩되었지만 Blogger의 레이아웃 페이지에서 액세스 할 수있는 사용자 정의 컨테이너를 배치하기 위해 Blogger에서 올바른 코딩을 파악할 수 없습니다. 가능한 한 사용자 친화적으로 만들고 싶습니다.

템플릿을 저장하려고하면 오류가 발생합니다. 나는 옳은 방향으로 일반화 된 추진력이 필요하다.

Answer 1

장소는 컨테이너가 배치하려는 섹션의 "몸"다음이 코드 :

 <b:section class='type-of-widget-here-main-sidebar-etc' id='custom-id-for-styling' preferred='yes'/> 

그런 다음 "/ B : 피부"위

장소 :

#custom-id-for-styling { 
width: 100%; 
margin-left: auto; 
margin-right: auto; 
padding:0px; 
} 

는 서로 옆에이 개 컨테이너를 배치하려면 :

<b:section class='new-sidebar' id='magazine-left' showaddelement='yes'/> 
<b:section class='new-sidebar' id='magazine-right' showaddelement='yes'/> 
<div style='clear: both;'/> 

CSS :

 #magazine-left { 
width: 45%; 
float: left; 
} 

#magazine-right { 
width: 45%; 
float: right; 
} 

다음 각 3 개 컨테이너를 배치하려면 :

<b:section class='main' id='container-left' showaddelement='yes'/> 
<b:section class='main' id='container-middle' showaddelement='yes'/> 
<b:section class='main' id='container-right' showaddelement='yes'/> 
<div style='clear: both;'/> 

CSS :

#container-left { 
width: 31.3%; 
float: left; 
margin-left: auto; 
margin-right: auto; 
padding:0px; 
} 

#container-middle { 
width: 31.3%; 
float: left; 
margin-left: auto; 
margin-right: auto; 
padding:0px; 
left:0px; 
right:0px; 
} 

#container-right { 
width: 31.3%; 
float: right; 
margin-left: auto; 
margin-right: auto; 
padding:0px; 
}