구글 블로그 링크 박스 메이커

Photo by D koi on Unsplash

구글 블로그에서 링크를 박스 형태로 만드는 방법

구글 블로그에서 티스토리처럼 예쁜 링크 박스를 만들고 싶으신가요? HTML과 CSS 코드를 직접 추가하여 블로그에 링크 박스 기능을 구현하는 방법을 상세히 알려드립니다.

구글 블로그에서 모바일 화면용 링크 박스 만들기

모바일 사용자에게 더 나은 경험을 제공하세요. 지난번에 만든 구글 블로그 링크 박스를 모바일 화면에 맞게 크기와 디자인을 조절하는 CSS 코드를 소개합니다.

구글 블로그 모바일 화면용 링크 박스 디자인 변경

구글 블로그의 모바일 링크 박스 디자인을 개선하는 방법을 소개합니다. 기존의 미니멀한 디자인을 수정하여 제목과 설명이 모두 표시되도록 CSS 코드를 변경하고, 방문자가 어떤 글인지 한눈에 파악할 수 있도록 만드세요.

이전에 이런 글들을 작성했었습니다.

에디터에 기본적으로 링크 박스를 만드는 기능이 없는 구글 블로그에서 링크 박스를 만드는 방법을 쓴 글인데, 매번 귀찮게 복사・붙여넣기로 어렵게 만들던 링크 박스를 더 편하게 만들기 위해서 구글 블로그 링크 박스 메이커를 만들었습니다.

템플릿에 저장해야 하는 CSS 코드들은 위의 두 포스트를 확인하시길 바랍니다.

참고로 구글 블로그의 링크를 만드는 데에 최적화되어 있어서 네이버나 티스토리 블로그의 링크를 만들어 주지는 못합니다.

타사의 블로그의 링크는 여전히 수동으로 만들어야 할 것 같습니다.

URL을 입력하고, 링크 박스 코드를 자동으로 생성해 보세요.

코드가 복사되었습니다!