일반 템플릿 꾸미기


  1. 우클릭 & 드래그 방지
  2. 저작자 표시 구성(** 템플릿. Blogger 제공) 삭제하기
  3. 저작자 표시 구성 숨기기 #2
  4. 애드센스 중앙 정렬
  5. 게시물과 사이드바 사이에 경계선 삽입하기
  6. 헤더 이미지 중앙, 또는 우측으로 정렬시키기
  7. 포스트 타이틀과 날짜 타이틀 중앙 정렬시키기
  8. 페이지 탭 중앙 정렬시키기
  9. 이미지의 최대 폭 제한하기
  10. 패딩(padding), 마진(margin) 개념을 이해하는데 도움이 될 만한 도면 모음
  11. 레이아웃 간격 조절 코드 몇가지
  12. 구글 블로그(blogger)의 조건 태그
  13. 조건 태그를 이용하여 페이지별로 위젯 설정하기
  14. 헤더 클릭 범위 설정하기
  15. Navbar의 높이 조절하기
  16. "레이블이 ***인 게시물을 표시합니다." 메세지 커스터마이징
  17. 포스트 이미지 가장자리에 그림자 효과 주기
  18. 포스트 이미지에 투명 효과 주기
  19. 본문 이미지 호버 효과 #1
  20. 태그 클라우드 꾸미기 #1
  21. 태그 클라우드 꾸미기 #2
  22. 태그 목록 꾸미기 #1
  23. 링크목록, 태그 가젯 list style 설정
  24. 태그·레이블을 이용한 페이지 탭 활용
  25. 라벨 페이지와 글목록 페이지에 글제목만 나오게 하는 방법 (+K. Hong 님의 글)
  26. 포스트 하단의 '최근 게시물', '홈', '이전 게시물' 을 이미지로 대체하기
  27. 포스트 하단의 '피드 구독하기: 게시물 (Atom)' 메세지 보이지 않게 설정하기
  28. 블로그 보관함 위젯의 드롭다운 메뉴 너비 설정
  29. CSS의 transition을 이용한 링크 색상의 부드러운 전환
  30. 블로거 모바일 템플릿에 위젯 추가하기
  31. 본문 요약 및 이미지 썸네일 처리하기
  32. 관리자만 볼 수 있는 가젯 만들기
  33. 인용 상자 꾸미기



템플릿 수정할 때 코드들이 엉키면 고생을 심하게 할 수 있습니다. 코드 입력 전에는 반드시 템플릿을 백업해두시고, 테스트용 블로그를 만들어서 테스트를 꼭 해보시기 바랍니다.

위의 내용들은 웹디자인이나 프로그래밍 관련 지식 없이 Blogger를 운영하면서, 제가 하나 하나 찾아보며 알게 된 내용들을 정리해둔 것입니다. 혹, 위의 글 가운데 필요로 하는 내용이 없다면, 댓글을 남겨주시기 바랍니다. 다음 글을 작성할 때 참고하겠습니다.




댓글 10개:

  1. 구글블로그를 개설하고 정보를 찾아 헤맸는데 정말 감사합니다. 많은 도움이 되고 있습니다.

    답글삭제
  2. 정말 큰 도움이 됩니다. 감사합니다.

    답글삭제
  3. 감사해요 복 많이 받으실거에요^^

    답글삭제
  4. 좋은 글 감사합니다.
    여쭤보고싶은 것이 있는데, 본문 레이아웃이 main, sidebar(?) 두개가 있어서 sidebar는 HTML 편집으로 지웠습니다.
    지우고나니 main이 사이드바 영역을 빈공간으로 두고 크기가 작게 배치되어 있더라구요.

    main 레이아웃 크기를 키울 수 있을까요?

    답글삭제
  5. 제가 간절히 원하던 포스팅이네요!! 컴맹 구제해주셔서 감사합니다ㅠㅠ

    답글삭제
  6. 와웅! 큰 도움이 되었습니다.

    답글삭제
  7. 안녕하세요! 사진블로그를 만드는중인데 사진하나 클릭하면 하나만 확대되어서 크게 볼수있는게 아니라 갤러리타입처럼 여러게 쭉 볼수있게 하고싶은데ㅜㅜ 이것도 방법이 있을까요!

    답글삭제
  8. 두둥...선댓글 후감상 잘보겠습니다~~

    답글삭제
  9. 올해 7월부터 blogger에서 처음으로 블로그라는것을 만들어보았어요. 컴퓨터 언어는 하나도 모르고 있었기에 정말 어려움을 많이 겪었습니다. 블로그라는게 진입장벽이 이렇게 높은 줄 몰랐네요ㅠ. 그러나 여기서 많은 정보를 얻고 현제는 남 부럽지않은 개인 홈페이지가 생겼어요~~ 이런 소중한 정보를 공유해 주셔서 정말 감사합니다!!!

    답글삭제
  10. 첫눈에 고생하신게 보이네요. 하나라도 사용할때 감사히 생각하겠습니다. 대단하십니다.

    답글삭제