Category (29) 구글 블로그 하위 카테고리 만들기 하위 카테고리는 각 라벨 왼쪽에 패딩(padding) 여백을 CSS 코드로 넣어주면 그만이다. 라벨 보이는 위치를 한 칸 띄워주면 그게 하위지 뭐 별건가? 구블은 같은 포스트에 라벨을 1개 이상 지정할 수 있어서 이게 가능하다. 2022. 3. 16. https://wlsfl1.blogspot.com/ 구글 블로그 한국형 카테고리 디자인 CSS 코드 아래 코드를 CSS에 삽입해주면 된다. /* 카테고리 기본 스타일 */ .list-label-widget-content li { display: block !important; /* 한 줄에 하나씩 배치 */ background-color: transparen.. pravda.tistory.com 구글 블로그 카테고리 순서 마음대로 바꾸기 구글 블로그에선 아.. 구글 블로그 카테고리 순서 마음대로 바꾸기 구글 블로그에선 아쉽게도 카테고리 순서를 알파벳 순과 포스트 수로만 정렬이 가능하다. 따라서 원하는 순으로 카테고리 라벨을 두려면 코드를 좀 만져야 한다. 1. [대시보드 - 레이아웃 - 사이드바(하단)]에서 'HTML/자바스크립트' 가젯 추가를 선택한다. 2. 창이 뜨면 제목은 비우고 콘텐츠 란에 아래 코드를 넣어준다. 라벨1 라벨2 ⋮ ⋮ 라벨3 * 라인을 원하는 순서로 원하는 만큼 배치시킬 수 있다. 새로운 라벨은 수동으로 추가해야 한다. 3. [대시보드 - 레이아웃 - 사이드바(하단)]에서 '라벨' 가젯 추가를 선택한다. 창이 뜨면 '라벨당 글 수 표시' 옵션을 키고 저장한다. (사용하지 않을 임의의 위젯이기에 다른 것들은 신경 쓸 필요 X) 4. 사이드 바에 있는 'HTML', '라벨' 가젯 위.. 구글 블로그 하단 페이지 넘버링 번호 붙이기 숫자 페이징 기능 (Pagination) 추가하기 구글 블로그에는 워드프레스처럼 하단에 페이지 넘버링, 숫자를 매겨주는 플러그인이 없기 때문에 따로 코드를 입력해야 한다. 1. 다음 코드를 ]]> 바로 위에 복붙한다. #blog-pager { clear: both; margin: 30px auto; text-align: center; padding: 7px; } .blog-pager { background: none; } .displaypageNum a, .showpage a, .pagecurrent { padding: 3px 7px; margin-right: 5px; background: transparent; color: #757575 !important; } .displaypageNum a:hove.. 구글 블로그 사이드바 여닫이 탭 지우기 사이드 바에 거슬리는 '자세히 보기'와 '간략히 보기' 탭을 제거하려면 아래 코드를 CSS에 추가하면 된다. #Label2 .extendable .show-less, #Label2 .extendable .show-more { display: none; } 2022. 3. 15. https://wlsfl1.blogspot.com/ 구글 블로그 링크 리스트 간격 띄우기 링크 가젯 목록 사이에 띄우고 싶은 라인 번호를 괄호 안에 입력한 후 코드를 CSS에 붙여넣기 하면 된다. /* Link List 1 Widget Padding */ #LinkList1 li:nth-child(2), #LinkList1 li:nth-child(6) { padding-bottom: 15px; } 2022. 3. 15. https://wlsfl1.blogspot.com/ 구글 블로그 요약문 글자 수 조정하기 메인 블로그 페이지에 표시되는 스니펫의 글자 수 조절 및 각종 연관된 기능들을 설정하고 싶다면 1. Blog1 위젯 안에 아래 진한 부분의 코드를 통째로 삽입해줘야 한다.1) ⋮ ⋮ ⋮ ⋮ 2. 변수 인자를 원하는 값으로 지정해준다. length : 스니펫 글자 수 길이, 최소값 50, 기본값 350, 나는 기본값의 절반인 175자를 사용 중; 구블에선 1줄이 42자고 175자면 대략 꽉 채운 4줄이라 보통 8~12줄에 점프 브레이크 선을 긋고 있다. links : 이건 아직 잘 모르겠는데 아마 링크를 바로 클릭할 수 있게 하는 기능인 듯; linebreaks : 줄바꿈 허용 여부;2) ellipsis : 스니펫 끝부분 구두점 3개(...) 표기 여부 1) 코드 안에 여러 하위 코드 블록이 존재하는데 어.. 구글 블로그 인기 게시글 요약글 클릭 활성화하기 인기글의 요약 부분은 클릭이 안되게 기본 세팅이 되어있는데 이것을 수정하려면 다음과 같은 작업을 진행해야 한다. 1. 먼저 PopularPosts1 위젯 안에서 해당 코드를 찾는다. (아니면 아무 줄이나 복붙해서 찾자) Add a 'keep reading' link to the item-content. 2. 위의 코드를 아래와 같이 변경한다. Add a 'keep reading' link to the item-content. 3. 저장 후 인기 포스트 위젯의 요약문이 제대로 눌러지는지 확인할 것. 2022. 3. 14. https://wlsfl1.blogspot.com/ 구글 블로그 썸네일 요약글 클릭 시 본문으로 이동하게 만들기 구글 블로그의 기본 세팅은 제목을 눌러서 게시.. 구글 블로그 썸네일 요약글 클릭 시 본문으로 이동하게 만들기 구글 블로그의 기본 세팅은 제목을 눌러서 게시물을 볼 수 있게 링크가 걸려있다. 이것을 썸네일/대표 이미지와 본문 요약 글을 클릭해도 이동할 수 있게 하려면 코드 수정을 해줘야 한다. 1. Blog1 위젯 안에 있는 다음과 같은 코드를 찾는다. (아니면 아무 줄이나 복붙해서 찾자) 2. 위의 코드를 아래와 같이 변경한다. 3. 첫번째 가 썸네일 부분이고 두번째 가 스니펫 부분이다. 2022. 3. 14. https://wlsfl1.blogspot.com/ 구글 블로그 인기 게시글 클릭 활성화 하기 인기글은 본래 구글 블로그에서 클릭이 안되게 기초 세팅이 되어있는데 이것을 수정하려면 다음과 같은 작업을 진행해야 한다. 1. 먼저 PopularPosts1 위젯 안에서 아래와 같은 코드를 찾는다. pravda.. 구글 블로그 '댓글 쓰기' 메세지 바꾸기 구글 블로그에서 '댓글 쓰기', '댓글 (숫자)개'라는 메세지를 원하는 텍스트로 바꾸려면 1. 먼저 html 코드 편집기로 들어가서 num_comments로 검색한다. 그러면 아래와 같은 코드가 동일하게 여러개 나오는데 2. 위의 코드들을 전부 다음과 같이 고쳐준다. 을 포함한 원하는 문자열 삽입 원하는 문자열 삽입 는 해당 포스트에 달린 댓글 수가 0개 초과일 경우 숫자 값을 반환하는 인수다. 만약 달린 댓글이 없으면 그 아랫줄의 문자가 출력된다. 예를들면 개의 댓글이 달렸습니다! 댓글이 하나도 안달렸어요 ㅠ 3. 마지막으로 댓글 아이콘을 작게 축소하려면 다음 코드를 CSS에 삽입할 것; /* Comment Icon Size & Padding */ .svg-icon-24.touch-icon { heig.. 구글 블로그 검색 창 '전체 보기' 글자와 링크 변경 라벨 검색 페이지나 상단의 서치 박스를 통해 키워드로 검색 시 옆에 뜨는 '전체 보기' 글자를 원하는 문자로 바꾸고 링크 주소를 변경하려면 먼저 1. [대시보드 - 테마 - HTML]에 있는 코드 편집 창에 들어간다. 2. Ctrl + F를 이용하여 코드 라인을 찾는다. 3. 그러면 아래와 같은 코드가 나타나는데 해당 코드를 다음과 같이 바꿔준다. * 여기서 target='_blank'는 새 창에서 열기 옵션이다. 원하지 않는다면 지워도 상관없다. 4. 바로 밑에 를 지우고 원하는 글자, 표시할 문자 텍스트를 입력한다. (따옴표 없이 한글만) 예시 - 상세 검색 상세 검색 5. 저장 후 카테고리 라벨을 클릭하거나 특정 단어를 검색해서 변경 사항을 확인한다. 6. 카테고리 페이지의 라벨 이름이나 검색 페이.. 이전 1 2 3 다음