잡스러운 것의 집합

블로그에 프로그래밍 관련된 여러가지 코드를 올릴때 보기 좋게 꾸며주는 것들이 있다.이런 것들을 적용할려면 스킨 또는 템플릿의 html 편집이 가능해야 한다.구글 블로그도 가능하기는 한데 해당하는 js 파일을 올리는 기능이 없다. 그렇다면? CDN 에서 제공하는 것을 이용하면 된다. jQuery 및 javascript 외부에서 추가하는 여러가지 방법 위글에서 3번째 cdnjs 에서 SyntaxHighlighter를 호스팅하고 있다.이것을 이용하여 구글 블로그에 코드 구문 강조 기능을 넣으면 된다. 1. 블로그 설정에서 템플릿 --> HTML 편집을 선택하여 들어간다. 2. html 코드가 나오는데 부분을 찾는다. 3. 그 위에 다음과 같은 코드를 넣어야 합니다. 4. 위 설정을 완료했으면 저장을 하면 됩니..

공식사이트 http://www.ivythemes.com/2012/12/gremble-blogger-template.html 브라우저 사이즈가 변경되면 화면이 자동으로 변하는 반응형 템플릿이다.상단에는 메뉴바를 구성하여 필요한 것을 구성할수 있도록 되어 있다.카테고리(Categories)는 라벨(Label)에 의한 분류이다.왼쪽에는 인기글, 댓글, 전체글 목록을 보는 탭으로 구성되어 있다.아래쪽에는 Footer 토글을 두어서 클릭을 통하여 나타나는 것이 있고 맨꼭대기 화면으로 가는 버튼이 있다. 데모사이트 보기 http://gremble-ivy.blogspot.kr/다운로드 http://ivy-hosting.googlecode.com/files/Gremble.zip 적용하는 방법은[블로그 꾸미기] - 구글..

공식 사이트 : http://www.ivythemes.com/2012/12/thetuts-responsive-blogger-template.html 반응형 웹이 적용되어 있어 페이지 크기에 따라서 화면이 자동으로 변경된다.상단에는 소셜과 관련된 것이 적용되었고 라벨에 따른 메뉴가 있어 구분이 편리하다.검색창은 라벨을 검색하도록 적용되어 있고 오른쪽에는 인기글, 댓글, 전체글 목록을 보는 탭으로 구성되어 있다. 데모사이트 보기 http://thetuts-ivy.blogspot.kr/다운로드 http://ivy-hosting.googlecode.com/files/TheTuts_Blue.zip 스킨 적용법은[블로그 꾸미기] - 구글 블로그 (blogger.com) 스킨(템플릿)을 바꾸는 방법

공식사이트 : http://urang-kurai.blogspot.com/2013/05/dcm-white.html 템플릿 다운로드(Download) 데모 사이트 실행(Demo Site) jQuery를 이용한 사진 갤러리 형태의 템플릿반응형 웹이 적용되어 있어 화면이 축소되면 그 화면에 맞도록 다시 배치를 수행한다. 왼쪽의 메뉴는 좌측에서 우측으로 슬라이딩 형태로 동작한다. 스크린샷 구글 블로그에 적용을 하는 방법은 * 구글 블로그 (blogger.com) 스킨(템플릿)을 바꾸는 방법 http://crazyits.tistory.com/117 을 참고하면 됩니다.

구글 블로그 (blogger.com) 스킨(템플릿)을 바꾸는 방법 구글 블로그에서 제공되는 스킨이 있지만 외부에서 만들어진 것을 사용하거나 직접 만든 스킨을 적용할려면 다음과 같은 순서를 따라 가면 된다. 1. blogger.com 에 로그인을 해서 우측에 보이는 문서를 클릭하여 나오는 메뉴에서 템플릿을 선택한다. 2. 현재 적용된 템플릿과 모바일에 관한 미리보기가 보이는데 우측 상단에 보면 백업/복원이 있습니다. 이것을 클릭하여 들어갑니다. 3. 위에서 백업/복원 을 눌렀다면 다음과 같은 창이 생성됩니다. 찾아보기를 선택하여 인터넷에서 받은 템플릿 파일을 보면 ~~~~.xml 파일을 업로드 하면 됩니다.