라니는 고양이

블로그스팟에 카드뉴스 레이아웃 삽입하기

구글 블로그(블로그스팟) 편집기, 정말 불편하기만 할까요? 자유도의 한계를 뛰어넘는 카드뉴스 레이아웃 활용법많은 사용자가 구글 블로거(Blogger)의 기본 편집기를 처음 접하면 당혹감을 느낍니다. 네이버 블로그나 티스토리의 세련된 UI에 익숙해진 한국 사용자들에게 구글의 인터페이스는 투박하고 불친절해 보이기 때문이죠. 사용자 편의성 측면에서 구글 블로그 편집기는 결코 높은 점수를 주기 어렵습니다.하지만 시각을 조금만 바꿔보면 이야기가 달라집니다. 구글 블로그스팟의 진정한 가치는 바로 무한한 커스터마이징 자유도에 있습니다. 일반 사용자에게는 이 자유도가 오히려 '장벽'으로 다가오지만, HTML과 CSS를 조금만 이해하면 타 플랫폼에서는 구현하기 힘든 독창적인 레이아웃을 만들 수 있습니다. 즉, 단점이 곧..

블로그스팟 최상단 이동 버튼 만들기 | 가젯 활용 팁

구글 블로그 상단으로 이동 버튼 만들기 | 블로그스팟 Scroll To Top 버튼 초간단 설치 방법💡 블로그스팟에서 상단으로 이동 버튼(Scroll To Top)을 추가하면 사용자 체류시간과 가독성이 개선됩니다. HTML/JavaScript 가젯에 코드만 붙여 넣으면 바로 적용됩니다.구글 블로그 상단으로 이동 버튼, 흔히 Scroll To Top 버튼이라고 부릅니다. 긴 글을 읽다 보면 다시 맨 위로 돌아가고 싶을 때가 있습니다. 특히 정보성 콘텐츠나 5천 자 이상 장문 포스팅에서는 이 기능이 체감상 큰 차이를 만듭니다.모바일에서는 비교적 간단합니다. 아이폰의 경우 화면 상단을 터치하면 자동으로 위로 이동합니다. 하지만 PC 환경에서는 이런 기본 기능이 없습니다. 마우스 휠을 계속 돌리거나 스크롤 바..

블로그스팟 레이아웃 설정 방법 | 가젯 추가·HTML 위젯 설치·사이드바 인기글 설정

구글 블로그(블로그스팟, Blogspot)의 레이아웃제 블로그에서는 가젯을 추가하는 방법을 자주 소개할 예정입니다.블로그스팟에서는 가젯으로 할 수 있는 일 들이 정말 많습니다. 그런 특별한 기능들을 활용하기 위해서는 먼저 가젯을 설치하는 레이아웃을 이해할 필요가 있습니다. 구글 블로그 레이아웃구글 블로그(블로그스팟, Blogspot)의 레이아웃이 뭔가요?구글 블로그의 레이아웃은 블로그의 시각적 구성 요소들을 배치하고 관리할 수 있는 편집 도구입니다. 실제 배치되는 화면의 구성요소들을 한눈에 보고 편집할 수 있는 기능을 제공하며, 블로그의 화면 배치와 위젯 구성을 설정하는 화면이라고 생각하시면 됩니다.레이아웃 화면의 역할은 무엇인가요?구글 레이아웃은 여러 섹션으로 구성되어 있으며, 이 구성은 블..

블로그스팟 읽기 스크롤 진행바 만들기 | 블로그스팟 HTML 자바스크립트 설치 방법

내가 지금 읽고 있는 글은 얼마나 남았나요?💡블로그 상단에 스크롤 진행 표시바를 추가하면 독자의 체류시간과 가독성이 함께 개선됩니다.블로그스팟에서도 HTML/JavaScript 가젯만으로 간단히 구현할 수 있습니다.사람들은 막연히 기다리는 것을 싫어합니다. 식당에 입장하려면 앞으로 몇 분을 더 기다려야하고, 지금 읽고 있는 전자책의 몇%를 읽고 있는 중이고, 운전하면 도착 예정시간을 알아야 마음이 편안해지고 현재에 집중 할 수 있습니다.블로그에서 글을 읽을때도 지금 읽고 있는 것이 전체분량의 얼마정도에 와있는지, 얼마나 더 남았는지를 알면 창을 닫고 이탈할지 조금더 읽어볼지를 결정하는데 도움이 될 수 있습니다. 블로그 스크롤 진행바, 또는 읽기 진행 표시바는 이런 독자의 니즈를 해소시켜 줍니다. 특히..