구글블로그 사용법: 다이나믹뷰(Dynamic View)의 각종 컨트롤과 도구요소를 숨기는(표시되지 않게 하는) 방법 정리
다이나믹 뷰를 컨트롤하는 코드들을 정리한 것이다.
코드는 블로그의 "블로거 템플릿 디자이너, Blogger Template Designer"에서 간단히 추가할 수 있다. 템플릿디자이너의 코드 입력창을 여는 경로는 블로그 대시보드에서 템플릿(Template) > Customise > Advanced > Add CSS 이다.
코드를 추가하는 자세한 방법은 아래의 링크 페이지를 참조하면 된다.
구글블로그 CSS코드 추가하는 방법 2가지 http://howways.blogspot.kr/2014/02/Google-Blogger-how-to-Add-or-Customize-CSS-code.html >>
각코드에 대한 대한 상세한 내용은 각각의 페이지에서 설명되어 있으므로 이 블로그에서 찾을 수 있다.
공유버튼(Sharing buttons)
글(포스트) 맨 아래에 있는 페이스북, 트위터, 구글플러스 등의 공유버튼을 표시되지 않게 하는 코드
[HOME]버튼
블로그 왼쪽 맨 위에 있는 [Home]버튼을 표시되지 않게 하는 코드
가젯상자(Gadget Dock)
블로그 오른쪽에 보여지는 가젯상자를 표시되지 않게 하는 코드
피드백(Feedback)
블로그 오른쪽 맨 아래의 피드백 링크를 표시되지 않게 하는 코드
플립카드 컨트롤(Flipcard Controls)
플립카드 뷰로 볼 때, 윗 부분에 있는 컨트롤 란을 표시되지 않게 하는 코드
검색창(Search Box)
블로그 오른쪽 맨 위에 있는 검색창을 표시되지 않게 하는 코드
뷰(Views)
블로그 오른쪽 맨 위의 메뉴바에 있는 뷰 선택기능을 표시되지 않게 하는 코드
날짜 리본(Date Ribbon)
클래식 뷰 등에서 글(포스트) 왼쪽 맨 위에 보여지는 날짜표를 표시되지 않게 하는 코드
발행정보(Publish Information)
글(포스트) 맨 아래에 보여지는 글쓴이, 날짜 등의 발행정보를 표시되지 않게 하는 코드
가젯상자(Gadget Dock) 항상 펼침
블로그 오른쪽에 보여지는 가젯상자가 항상 펼쳐 있게 하는 코드
코드는 블로그의 "블로거 템플릿 디자이너, Blogger Template Designer"에서 간단히 추가할 수 있다. 템플릿디자이너의 코드 입력창을 여는 경로는 블로그 대시보드에서 템플릿(Template) > Customise > Advanced > Add CSS 이다.
코드를 추가하는 자세한 방법은 아래의 링크 페이지를 참조하면 된다.
구글블로그 CSS코드 추가하는 방법 2가지 http://howways.blogspot.kr/2014/02/Google-Blogger-how-to-Add-or-Customize-CSS-code.html >>
각코드에 대한 대한 상세한 내용은 각각의 페이지에서 설명되어 있으므로 이 블로그에서 찾을 수 있다.
공유버튼(Sharing buttons)
글(포스트) 맨 아래에 있는 페이스북, 트위터, 구글플러스 등의 공유버튼을 표시되지 않게 하는 코드
.share-controls { display: none !important; }
[HOME]버튼
블로그 왼쪽 맨 위에 있는 [Home]버튼을 표시되지 않게 하는 코드
#pages ul li:first-child { display: none !important; }
가젯상자(Gadget Dock)
블로그 오른쪽에 보여지는 가젯상자를 표시되지 않게 하는 코드
#gadget-dock { display: none !important; }
피드백(Feedback)
블로그 오른쪽 맨 아래의 피드백 링크를 표시되지 않게 하는 코드
a.feedback { display: none !important; }
플립카드 컨트롤(Flipcard Controls)
플립카드 뷰로 볼 때, 윗 부분에 있는 컨트롤 란을 표시되지 않게 하는 코드
.flipcard #controls{ display: none !important; }
검색창(Search Box)
블로그 오른쪽 맨 위에 있는 검색창을 표시되지 않게 하는 코드
.header-bar #search{ display: none !important; }
뷰(Views)
블로그 오른쪽 맨 위의 메뉴바에 있는 뷰 선택기능을 표시되지 않게 하는 코드
#views { display: none !important; }
날짜 리본(Date Ribbon)
클래식 뷰 등에서 글(포스트) 왼쪽 맨 위에 보여지는 날짜표를 표시되지 않게 하는 코드
.ribbon.date { display: none !important; }
발행정보(Publish Information)
글(포스트) 맨 아래에 보여지는 글쓴이, 날짜 등의 발행정보를 표시되지 않게 하는 코드
.publish-info { display: none !important; }
가젯상자(Gadget Dock) 항상 펼침
블로그 오른쪽에 보여지는 가젯상자가 항상 펼쳐 있게 하는 코드
#gadget-dock {right:0px !important;}