Blogger의 CSS를 통해 내 탐색 메뉴의 중심에 배치하는 방법

Google의 Blogger 웹 로그 플랫폼은 블로그 상단에 정렬 된 탭을 사용하여 탐색 할 수있는 최대 20 개의 개별 페이지를 만드는 옵션을 제공합니다. 기본적으로 Blogger 페이지를 나타내는 탭은 왼쪽으로 정렬되지만 사이트를 구성하는 CSS를 구성하면 위치가 변경 될 수 있습니다. 웹 표준 CSS에는 페이지에 DIV 정렬을위한 "가운데"값이 없지만 Blogger 사이트의 탭 요소가 페이지 중앙에 나타나도록 구성 될 수 있습니다.

1.

Blogger.com으로 온라인 가서 계정에 로그인하여 Blogger 계정의 대시 보드에 액세스하십시오.

2.

대시 보드에서 편집하려는 블로그 옆의 "설정"을 클릭하십시오.

삼.

"디자인"탭을 선택하고 "HTML 편집"을 클릭하여 블로그를 구성하는 CSS와 HTML을 표시하십시오.

4.

아래로 스크롤하여 "* / Tabs"와 아래에 나열된 ".tabs-inner .widget ul"요소를 찾으십시오.

5.

"margin-left :"다음에 값을 강조 표시하고 "350px;"를 입력하십시오. 일반적으로 Blogger 사이트의 크기는 약 800 픽셀이므로 페이지 탐색을 중앙에 배치하려면 350 픽셀이면 충분합니다.

6.

"미리보기"를 클릭하여 CSS에 대한 변경 사항을 표시하는 새 탭을 엽니 다. 페이지 네비게이션의 중심이 맞지 않으면 ".tabs-inner .widget ul"요소로 돌아가 그에 따라 "margin-left"값을 변경하십시오.

7.

Blogger 탐색을 변경하고 나면 "템플릿 저장"을 클릭하십시오.

인기 게시물