'구글 블로그'에 해당되는 글 2건

  1. 2019.04.06 구글 블로그 카테고리 최신글 리스트 만들기

구글 블로그 해당 카테고리별 최신글 목록 만들기



구글 블로그 카테고리 만들기에 관해서 알고 싶으면 아래 링크를 클릭하세요

구글 블로그(블로그스팟) 카테고리 만들기




위 그림처럼 선택된 카테고리에 해당하는 최신글 리스트를 보여주는 가젯을 만들도록 하겠습니다.




카테고리를 만들때처럼 먼저 본인 블로그의 디자인화면으로 들어가서 레이아웃을 선택합니다



레이아웃 화면에서 가젯 추가 버튼을 눌러서 가젯추가 화면으로 넘어갑니다.




가젯 추가 선택화면에서 HTML / JavaScript 를 선택합니다. 




HTML / JavaScript 구성 화면이 나오는데 

제목에는 본인이 원하는것으로 (예:카테고리별 최신글) 입력해 줍니다.


내용에는 아래에 첨부된 소스코드를 복사 해서 넣어줍니다.

소스코드는 본인이 원하는 부분은 수정할 수 있습니다. 그 부분은 아래에서 설명하겠습니다.



카테고리 리스트 출력 소스코드 (아래 첨부파일을 다운받으세요)

구글블로그 카테고리별 리스트만들기 소스.txt





위 그림처럼 소스코드를 다 복사해넣고 저장 버튼을 눌러줍니다.




가젯이 성공적으로 추가되었습니다. 이 가젯의 위치는 원하는대로 바꿀수 있습니다.

배치를 저장하고 본인 블로그 보기를 하시면 카테고리별 최신글이 나오는걸 확인할수 있습니다.






소스코드에 대한 간단한 설명


3군데에 대한 설명입니다


첫번째) 소스코드중에서 중간쯤에 보시면 

//검색 결과를 뿌리는 함수 로 시작하는 부분을 볼수 있습니다.


여기서 리스트를 표시할때 글씨 크기와 글씨색깔을 지정할 수 있습니다.

9pt 라고 되어 있는 부분을 8pt 10pt 12pt 등으로 바꿀수 있습니다.


darkblue로 되어 있는 부분을 black, red, blue, green, gray, orange, yellow 등등으로 바꿀수 있습니다.

dark를 앞에 붙이면 진한xxx 가 됩니다. 

blue는 밝은 파랑색이고 darkblue는 진한 파랑색입니다.

해보고 원하는 색깔로 하시면 되겠습니다.





두번째) 윗부분 소스코드를 조금 지난 밑에를 보시면

//page를 뿌려주는 함수 로 시작하는 부분을 볼수 있습니다.


그림 윗부분의 빨간색으로 밑줄친 10 부분(4군데)은 블로그에서 목록리스트가 표시되고 그아래

<< 1 2 3 4 5 6 7 8 9 10 >> 이렇게 나오는 부분입니다.


그  숫자의 표현하는 갯수입니다. 

저 부분을 5로(4군데 모두) 바꾸면  << 1 2 3 4 5 >> 이렇게 나옵니다.

뭔지 잘 모르겠다 싶으면 그냥 놔두셔도 됩니다.




세번째) 소스코드중에서 마지막 부분에 보시면


사이트 주소를 넣는 부분이 있습니다. 이부분은 반드시 본인의 구글 블로그 주소로 바꿔야 합니다.


그리고 그옆에 숫자 8는 한번에 표시할 리스트의 개수 입니다. 원하시는대로 바꾸시면 됩니다.


이렇게 해서 카테고리별 최신글 목록을 나오게 하는 가젯을 만들었습니다.




구글 블로그 카테고리 만들기에 관해서 알고 싶으면 아래 링크를 클릭하세요

구글 블로그(블로그스팟) 카테고리 만들기



728x90
반응형
Posted by 전화카드
,