구글블로그 사용법: 다이나믹 뷰 - 가젯상자(가젯독) 항상 펼치기
사용법과 팁: 구글블로그, 텀블러, 크롬, 파이어폭스, 애드센스, HTML...
구글 블로그의 다이나믹 뷰(Dynamic View) 템플릿의 오른쪽 위에는 가젯상자(gadget dock)가 있다.
가젯상자는 페이지가 열릴 때 펼쳐졌다가 잠시 뒤에 닫히며, 방문자가 마우스를 올리면 다시 펼쳐지도록 기본설정되어 있다.
방문자가 쉽게 가젯상자의 메뉴를 사용할 수 있도록 가젯상자가 항상 열려 있도록 하려면, 아래의 코드를 추가하면 된다.
[다이나믹 뷰 가젯상자를 열린상태로 유지하는 코드]
코드를 추가하는 방법은
1) 대시보드 > 템플릿(Template) > HTML편집(Edit HTML) 창을 열고 ]]></b:skin> 코드 바로 앞에 추가하고 저장한다.
2) 대시보드 > 템플릿(Template) > 사용자 최적화(Customise) > 고급설정(Advanced) > CSS추가(Add CSS) 창을 열고 코드를 추가한다.
두 번째 방법이 쉽고 오류도 적으므로, 두 번째 방법으로 하는 것이 편하다.
CSS코드 추가하는 방법 자세히 보기 >>
구글 블로그의 다이나믹 뷰(Dynamic View) 템플릿의 오른쪽 위에는 가젯상자(gadget dock)가 있다.
가젯상자는 페이지가 열릴 때 펼쳐졌다가 잠시 뒤에 닫히며, 방문자가 마우스를 올리면 다시 펼쳐지도록 기본설정되어 있다.
방문자가 쉽게 가젯상자의 메뉴를 사용할 수 있도록 가젯상자가 항상 열려 있도록 하려면, 아래의 코드를 추가하면 된다.
[다이나믹 뷰 가젯상자를 열린상태로 유지하는 코드]
/* Keep Gadget opened
------------------------------------ */
#gadget-dock {right:0px !important;}
------------------------------------ */
#gadget-dock {right:0px !important;}
코드를 추가하는 방법은
1) 대시보드 > 템플릿(Template) > HTML편집(Edit HTML) 창을 열고 ]]></b:skin> 코드 바로 앞에 추가하고 저장한다.
2) 대시보드 > 템플릿(Template) > 사용자 최적화(Customise) > 고급설정(Advanced) > CSS추가(Add CSS) 창을 열고 코드를 추가한다.
두 번째 방법이 쉽고 오류도 적으므로, 두 번째 방법으로 하는 것이 편하다.
CSS코드 추가하는 방법 자세히 보기 >>