구글 블로그 사용법: 피쳐드 포스트 (Featured Post) 가젯 속성 제어와 꾸미는 방법 - CSS 코드 추가
구글 블로그가 비교적 최근에 제공한 피쳐드 포스트 가젯 (Featured Post gadget)은 블로거가 늘 게재하고자 하는 글 하나를 올려 놓는 도구이다.
이 가젯을 통하여 글을 게제한 모습은 옆의 그림과 같이 글 제목, 글 본문의 앞 부분 그리고 본문 안의 첫 번째 그림을 보여준다.
쓰임은 여러가지가 있겠다. 예컨데, 년말년시에 이전에 작성한 관련 글 가운데 하나를 게제해 두는 등으로 사용하면 좋을 것 같다.
이 가젯을 사용하면서 아쉬운 것이 있다.
기왕에 만들려면, 여러개의 글을 등록하고 순차적으로 또는 무작위적으로 돌아가면서 게제되도록 하면 더 좋을 것 같다.
물론, 글을 하나만 등록하면 그 하나의 글만 지속적으로 보여지도록 하면, 현재의 기능과 같게 될 것이다.
이와 관련하여, 구글 블로그를 사용하면서 생각하게 되는 것이 있다.
위에서 말한 바와 같이, 블로거가 지정한 글들을 돌려 보여주는 가젯이 있으면 좋겠다는 것과, 블로거가 지정한 라벨(태그)이 포함된 글들을 돌려 보여주는 가젯이 있으면 좋겠다는 것이다.
아마도, 사용자들이 늘어나면 좋은 의견이 나오게 마련이고, 기술적으로도 그렇게 어려운 것이 아닌 것 같으므로, 그에 따라 개선되리라 생각한다.
아래는 피쳐드 포스트 가젯을 추가하고 속성을 제어하는 CSS코드이다.
피쳐드 포스트 가젯 추가하기
>> 블로그 대시보드 > 레이아웃 > [+Add a Gadget / 가젯추가] > 피쳐드 포스트 가젯(Featured Post)
>> 가젯이 열리면, 게제하고자 하는 글을 등록할 수 있도록 검색창과 글 목록이 펼쳐진다. 원하는 글을 클릭하여 선택하고 저장하면 된다.
[피쳐드 포스트 가젯 추가하기]
피쳐드 포스트 가젯 제어하는 CSS 코드
아래의 CSS코드 가운데 제어하고자 하는 용도에 맞는 코드를 추가하고, 테두리, 색상, 글꼴, 배경, 줄간격 ... 등의 속성을 설정하여 꾸미면 된다. (참고: CSS코드 추가 변경하는 방법 2가지)
[피쳐드 포스트 가젯 속성 제어 CSS코드]
이 가젯을 통하여 글을 게제한 모습은 옆의 그림과 같이 글 제목, 글 본문의 앞 부분 그리고 본문 안의 첫 번째 그림을 보여준다.
쓰임은 여러가지가 있겠다. 예컨데, 년말년시에 이전에 작성한 관련 글 가운데 하나를 게제해 두는 등으로 사용하면 좋을 것 같다.
이 가젯을 사용하면서 아쉬운 것이 있다.
기왕에 만들려면, 여러개의 글을 등록하고 순차적으로 또는 무작위적으로 돌아가면서 게제되도록 하면 더 좋을 것 같다.
물론, 글을 하나만 등록하면 그 하나의 글만 지속적으로 보여지도록 하면, 현재의 기능과 같게 될 것이다.
이와 관련하여, 구글 블로그를 사용하면서 생각하게 되는 것이 있다.
위에서 말한 바와 같이, 블로거가 지정한 글들을 돌려 보여주는 가젯이 있으면 좋겠다는 것과, 블로거가 지정한 라벨(태그)이 포함된 글들을 돌려 보여주는 가젯이 있으면 좋겠다는 것이다.
아마도, 사용자들이 늘어나면 좋은 의견이 나오게 마련이고, 기술적으로도 그렇게 어려운 것이 아닌 것 같으므로, 그에 따라 개선되리라 생각한다.
아래는 피쳐드 포스트 가젯을 추가하고 속성을 제어하는 CSS코드이다.
피쳐드 포스트 가젯 추가하기
>> 블로그 대시보드 > 레이아웃 > [+Add a Gadget / 가젯추가] > 피쳐드 포스트 가젯(Featured Post)
>> 가젯이 열리면, 게제하고자 하는 글을 등록할 수 있도록 검색창과 글 목록이 펼쳐진다. 원하는 글을 클릭하여 선택하고 저장하면 된다.
[피쳐드 포스트 가젯 추가하기]
피쳐드 포스트 가젯 제어하는 CSS 코드
아래의 CSS코드 가운데 제어하고자 하는 용도에 맞는 코드를 추가하고, 테두리, 색상, 글꼴, 배경, 줄간격 ... 등의 속성을 설정하여 꾸미면 된다. (참고: CSS코드 추가 변경하는 방법 2가지)
[피쳐드 포스트 가젯 속성 제어 CSS코드]
#FeaturedPost1 { ~~ }
#FeaturedPost1 h3 { ~~ }
#FeaturedPost1 post-summary { ~~ }
#FeaturedPost1 img { ~~ }
.widget FeaturedPost { ~~ }
#FeaturedPost1 h3 { ~~ }
#FeaturedPost1 post-summary { ~~ }
#FeaturedPost1 img { ~~ }
.widget FeaturedPost { ~~ }