Blogger 관련글 가젯 제작 방법과 소스 코드
구글블로그는 다양한 가젯을 기본적으로 제공하고 있다. 하지만 게시 글에 대한 가젯은 '인기 글'과 '추천 글'에 대한 것이 전부다. 보다 다양하고 스마트한 블로그 메인 화면을 꾸밈과 동시에 편의성을 도모할 수 있는 카테고리(라벨) 가젯이 없어 늘 아쉬워하던 차제에 베트남 국적의 IT회사로 추정되는 사이트에서 간편하게 훌륭한 가젯을 제작할 수 있는 방법과 소스 파일을 접하게 되어 소개하기로 한다.
이글 마지막 아래에 있는 사이트 주소를 클릭하면 위젯을 만드는 방법이 상세하게 서술되어 있다. 간단한 영문이지만 해독이 불편한 분들은 구글의 번역 기능을 사용하면 상당히 효율적일 것으로 사료된다.
방문 접속한 사이트 페이지에 ‘구글블로그 위젯 추가’와 흡사한 옵션들을 체크하고 일련의 과정을 수행하면 자동으로 본인의 구글블로그에 위젯이 만들어지게 된다. 즉 'HTML/JavaScript 가젯'이 자동으로 추가되어지는 방식이다. 소스파일을 검토한 결과, 악의적 요소가 없는것으로 판단되지만 최종 판단은 독자의 몫일 것이다.
1 위젯 옵션 체크 및 위젯 추가
각 옵션 항목을 체크한 후 검은색 사각형 내의 'Add Widget' 버튼을 누른다. 체크한 옵션들은 나중에 가젯 소스창에서 수정할 수 있다. 빨강색 사각형 안에 가젯에 표시할 라벨(카테고리)글의 출력방식(Latest나 Random}을 선택하면 된다. 그리고 바로 아래 란에 적어야 하는 라벨(카테고리)이름은 해당 블로그의 카테고리 이름(한글 무방)을 그대로 기재해야한다.
2 콘텐츠(html 소스) 확인
'X' 표시한 파랑색 버튼을 클릭하지말고 빨강색 사각형 안의 '콘텐츠 수정'을 클릭하여 'html 소스 코드창'을 팝업시킨다.
3 콘텐츠 (html 소스) 복사
빨강색 사각형 안의 html 소스 코드를 마우스 우 클릭으로 ‘전체 선택’하여 메모장등에 붙여넣기를 한 다음, 소스 파일을 저장한다. 파랑색의 '도구추가' 버튼을 클릭하지 말고 사이트를 종료한다. 이는 개연성은 거의 희박하지만, 악의적인 요소를 근본적으로 차단하기 위한 방편이다.
4 콘텐츠 (html 소스) 검토 및 수정
게시 글 수와 종류, 섬네일 갯수와 크기등을 수정한다.
다수의 가젯을 동시에 사용할 경우, 수정내용이 일괄 적용이 된다. 그러므로 각각의 가젯에 소스를 다르게 적용해야한다. 함수를 다르게 변경하면 간단하게 문제를 해결할 수 있다. 예컨대 함수를 40526, 40527, 40528과 같이 변경하여 가각의 가젯에 다르게 사용하면 된다. 관련 프로그램들의 바꾸기 기능을 이용하면 손쉽게 수정이 가능하다.
5 블로그 가젯 추가하기
블로그의 레이아웃 페이지를 열고 원하는 위치에서 가젯 추가하기를 한다. 팝업된 가젯 종류 선택창에서 'HTML/JavaScript 가젯'을 선택한 후, 수정한 html 소스 코드를 붙여넣고 저장을 하면 된다.
blogger
의 관련글