구글 블로그 포스트 본문 하단의 작성자 프로필 삭제 방법

여기저기 손을 봐야 할 부분이 많아서 도전 욕구를 불러일으키는 구글 블로그..

이번에는 또 어떤 문제를 해결해 볼까?

바로 여기다.

꽤 전부터 신경 쓰였던 부분이었다.

포스트의 작성자 프로필이 너무 쓸데없이 크게 표시되고 있다.

스크롤을 올려보면 알겠지만, 작성자 정보는 이미 포스트의 제목 하단에 (작게) 표시가 되고 있고, 또 어차피 이 블로그에 글을 쓰는 사람은 블로그 주인인 나밖에 없는데, 글 작성자가 누구인지 매번 크게 표시되는 것이 별로인 것 같다. 쓸데없이 자리만 차지하는 것 같고..

이건 모바일 화면이다.

모바일 화면에서는 작성자 프로필이 더더욱 큰 자리를 차지한다.

어쨌든 이번에는 이걸 없애보기로 하자.

작동하지 않는 위젯의 토글스위치

처음에는 이 문제를 해결하기 위해 블로그 관리 페이지로 가봤다.

왼쪽 메뉴 '레이아웃'으로 들어가서 블로그 게시물의 연필 아이콘 버튼을 클릭해 보자.

누가 봐도 여기 '작성자 프로필 표시'의 토글스위치를 끄면 해결될 것 같다.

그런데 Amalia 템플릿 무료 버전을 사용하는 나만 그런 것인지, 아니면 모든 구글 블로그가 그런 것인지, 여기의 토글스위치를 끄고 저장을 해봐도 아무런 변화가 없다.

참 이상한 부분이 있는 구글 블로그다.

CSS 코드를 이용해서 작성자 프로필을 제거해 보자

블로그가 열려있는 브라우저에서 [F12] 키를 눌러 개발자 도구를 열고 변경해야 할 클래스 이름들을 찾는다.

작성자 프로필을 없애기 위해서는 about-author 클래스의 CSS를 수정하면 될 것 같다.

그런데 이 과정에서 한 가지 문제를 또 발견했다.

포스트의 태그(라벨 or 카테고리)와 소셜 미디어 공유 버튼들 사이에 공간이 꽤 떨어져 있는데, 이 사이는 원래 '리액션'이라는 위젯이 나타나야 하는 공간인 것 같다.

리액션 위젯이 나타나도록 해보고 싶었지만, 흔적만 남아있고 못쓰는 위젯인 것 같다.

그렇다면 이 리액션 위젯의 빈 공간도 함께 없애버리도록 하겠다.

구글 블로그 관리 페이지에서 '테마' > 'HTML 편집'으로 이동한다.

먼저 리액션 위젯을 보이지 않게 하기 위해서 [ctrl + F] 키를 누르고 .post-reactions를 검색한다.

이 클래스에 있는 display를 none으로 수정해야 한다.

화면 캡처는 생략했지만, .about-author 클래스도 찾아서 마찬가지로 display를 none으로 수정하자.

이렇게 수정하지 말고 그냥 관련 HTML과 CSS 코드들을 삭제해 버리면 템플릿이 조금이라도 더 가벼워지고 좋을 것 같기도 하지만, 처음에는 필요 없다고 생각하고 지워버렸던 것이 나중에는 필요해질 수도 있는 일이니 삭제는 하지 않고 이렇게 숨기기로 했다.

성공이다.

자리만 차지하던 의미 없는 공간을 없앴다.

다음에는 소셜 미디어 공유 버튼들 아래에 구글 애드센스의 멀티플렉스 광고를 넣어보도록 하겠다.

이 글이 도움이 됐거나 유익했다면 스크롤을 조금만 더 내려서 댓글을 남겨주세요. (비로그인도 가능합니다!)
응원이나 피드백이 담긴 댓글은 제가 계속 블로그를 해나갈 수 있는 원동력이 됩니다. 😊

지인에게 보여주고 싶은 글이었다면 URL을 복사해서 메신저나 소셜 미디어에 공유해 주세요.