Breaking

2019. 5. 2.

구글 블로거 특정 게시물에 사이드바를 숨기고 전체넓이로 만들기


Blogger 게시물 페이지에서 사이드 바를 숨기려고하는 유저들이 있습니다.
이 트릭의 주요 기능은 Blogger 홈 페이지에
Header, post, sidebar, footer와 같은 모든 항목이 표시되지만
특정 게시물을 클릭하면 그 게시물에만 사이드 바가 표시되지 않습니다.

조건부 태그를 사용하면이 작업을 쉽게 수행 할 수 있습니다. 
이 트릭은 일반적으로 블로그 게시물을 전체 너비 페이지에
표시하려는 블로그에 적용됩니다.
또한 전체 너비 관련 게시물 위젯으로 넓은 이미지를 표시 할 수 있습니다.
일부 블로그 유저는 이 트릭을 사용하여 Blogger 템플릿을 조정합니다. 




1. 기본테마 Blogger 템플릿 유저

기본 및 사용자 정의 Blogger 템플릿 사용자 모두이 트릭을 적용 할 수 있습니다.
먼저 Simple, Picture Window, Awesome int와 같은 기본 Blogger 템플릿 사용자로 이동합니다. 따라서 지시 사항을 따르십시오.

단계 # 1 : 당신에 로그인 블로거 계정 및 이동 블로거 대시 보드

2 단계 : 지금 클릭  -> 템플릿 -> HTML 편집

3 단계 : + (Windows) 또는 + (Mac) 을 눌러 </ b : skin> 을 찾습니다.

4 단계 : 아래에서 코드를 복사 한 후 코드를 붙여 넣기 </ b : skin>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<b:if cond='data:blog.pageType == "item"'>
<style>
.main-inner .columns {
padding-left: 0px !important;
padding-right: 0px !important;
}
.main-inner .fauxcolumn-center-outer {
left: 0px !important;
right: 0px !important;
}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {
display: none !important;
}
</style>
</b:if>
cs
5 단계 : 템플릿 저장 버튼을 누르기 만하면 됩니다.




2. 사용자 정의 Blogger 템플릿 유저


이제 Custom Blogger 템플릿 사용자를위한 차례입니다. 그러나 모든 디자이너가 코딩에서 동일한 단어를 사용하지 않기 때문에이 코드에는 문제가 있습니다. 주 래퍼 선언의 경우 일부 디자이너가 메인 영역을 사용한다고 가정합니다. 사이드 바 래퍼 대신 일부 디자이너는 오른쪽 래퍼를 사용합니다. 따라서 코드가 작동하지 않으면 코딩에 사용 된 정확한 코드를 찾아야합니다. 따라서 지침에 따라 템플릿 코딩에 따라 코드를 변경하십시오.

단계 # 1 : 당신에 로그인 블로거 계정 및 이동 블로거 대시 보드

2 단계 : 지금 클릭 -> 템플릿 -> HTML 편집

3 단계 : + (Windows) 또는 + (Mac) 을 눌러 </ b : skin> 을 찾습니다.

     CtrlFCMDF



4 단계 : 아래에서 코드를 복사 한 후 코드를 붙여 넣기 </ b : skin>


1
2
3
4
5
6
7
8
9
10
11
12
13
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#main-wrapper .post {
padding-left: 1px !important;
padding-right: 1px !important;
}
#main-wrapper { width:99%!important;}
.post { width:99%!important; }
#sidebar-wrapper,#sidebar-wrapper .left,#sidebar-wrapper .right, #midsidebar-wrapper .post-header-line-1, .post-footer{
display:none !important;
}
</style>
</b:if>
cs


5 단계 : 템플릿 저장 버튼을 누르기 만하면 됩니다.

댓글 없음:

댓글 쓰기