전체 글 (29) 구글 블로그 인기 게시글 요약글 클릭 활성화하기 인기글의 요약 부분은 클릭이 안되게 기본 세팅이 되어있는데 이것을 수정하려면 다음과 같은 작업을 진행해야 한다. 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. 먼저 본문 최상단에 썸네일로 넣고 싶은 이미지를 추가하고 html 창을 연다. 2. 'HTML 형식 지정' 버튼을 눌러 코드를 가지런히 정렬하고 제일 첫 번째 이미지 주소가 담긴 태그 안에 style 코드 style="margin-left: 1em; margin-right: 1em;"을 다음과 같이 바꿔준다. style="display:none;" 3. 다시 일반 창으로 돌아오면 이미지가 사라진 것처럼 보이지만 대시보드와 메인 홈페이지서는 썸네일 대표 이미지가 변경된 것을 확인할 수 있다. 2022. 3. 12. 구글 블로그 썸네일 요약글 클릭 시 본문으로 이동하게 만들기 구글 블로그의 기본 세팅은 제목을 눌러서 게시물을 볼 수 있게 링크가 걸려있다. 이것을 썸네일/대표 이미지와 본문 요약 글을 클.. 구글 블로그 상단 페이지 메뉴 버튼 제거하기 일반 게시물 상단에는 나타나지 않지만 페이지 글을 열었을 때 위와 같이 페이지 리스트 메뉴가 뜨게 된다. 이것은 페이지 리스트 위젯 때문이 아닌 섹션 항목으로 인한 것이기에 없애려면 PageList1 위젯 코드 바로 윗줄에 section 코드를 수정해 줘야 한다. html 코드 편집 창으로 들어가서 오른쪽 상단에 '위젯으로 이동' 버튼을 클릭한다. 위젯 목록이 나열되면 PageList1을 눌러서 해당 위젯 코드 위치로 이동한다. PageList1 위젯 코드 시작 줄 바로 위에 아래와 같은 섹션 코드를 다음과 같이 바꿔준다. 추가된 코드의 의미는 cond=' ' : 컨디션 조건문 data:view.isHomepage : 메인 홈페이지에만 저 페이지 리스트가 나오게 한다. 저장 및 새로고침 사라졌는지 확인한.. 스크롤바 둥글게 스마트폰처럼 설정하기 PC나 데스크탑에서 각진 사각형 스크롤 바가 나오는데 이걸 스마트폰 스크롤 바 디자인처럼 둥글게 변경하고 싶으면 아래 코드를 CSS에 넣어주면 된다. /* Scrollbar Design */ ::-webkit-scrollbar { width: 10px; /* 세로축 스크롤 바 길이 */ height: 20px; /* 가로축 스크롤 바 길이 */ } ::-webkit-scrollbar-button:start { background-color: white; /* Top, Left 방향의 이동버튼 */ } ::-webkit-scrollbar-button:end { background-color: white; /* Bottom, Right 방향의 이동버튼 */ } ::-webkit-scrollbar-track-.. 구글 블로그 한국형 카테고리 디자인 CSS 코드 아래 코드를 CSS에 삽입해주면 된다. /* 카테고리 기본 스타일 */ .list-label-widget-content li { display: block !important; /* 한 줄에 하나씩 배치 */ background-color: transparent; /* 배경색 투명하게 */ border: 0; /* 테두리의 굵기 0 */ padding: 8px 8px; /* 상하좌우 안쪽 여백 모두 8px */ } 출처 : https://joshua-dev-story.blogspot.com/2020/03/blogger-create-category.html 2022. 3. 9. 구글 블로그 카테고리 순서 마음대로 바꾸기 구글 블로그에선 아쉽게도 카테고리 순서를 알파벳 순과 포스트 수로만 정렬이 가능하다. .. 이전 1 2 3 4 다음