7/17/2016

Blogspot 디자인 참조 및 Layout의 구성

1. 디자인 참조사이트 

우선 레이아웃을 설정 및 변경하기 전에 본인이 원하는 전체 블로그를 생각을 하고, 다른 블로그를 참조하여 필요한 부분들을
가져와서 이를 보완한다.

  • Google 사이트
처음 Blogspot의 Gadget 수정을 시작 시도 한 것은, 전부 아래의 사이트 때문이며, 이 과정에서 당연스럽게 
Google의 자연스러운 메뉴 선택 방식과 디자인 맘에 들었으나, 템플릿에 존재하지 않아,
위와 같이 잘 알지도 못하는 Javascript과 style tag까지 공부하기 시작했다.
나중에 보니, 구글은 ajax라고 해야하나 Jquery라고 해야하나 library로 이용해서 자연스럽게 이를 구현했으며,
나또한 이를 이용했다. CSS는 구글의 것이 너무 복잡하여 그냥 구글것을 참조했으나, 이제 알고 있는 지식으로 나만의 것을 구현하였다.

  http://googleappsupdates.blogspot.kr/2014/03/bring-little-something-extra-to-docs.html
  http://googledevkr.blogspot.kr/
  https://googleblog.blogspot.kr/

  • 우측의 메뉴부분이 링크가 들어갈 이미지 필요
  http://siderite.blogspot.com/2010/04/solution-for-widgetmanager-undefined.html#atTuesdayApril132010

  • 상위 메인메뉴가 독특해서 링크를 하지만 디자인을 별로
  http://creatorhong.blogspot.kr/2012/02/blogger-label-posts-list.html

  • 우측의 메뉴와 좌측메뉴 부분 때문에 링크 (디자인 별로)
  http://www.bloggerplugins.org/2008/06/label-cloud-widget-for-blogger-blogspot.html



2. Blogspot의 우측메뉴의 Gadget의 구성 

정확하게 말하면, 디자인->레이아웃으로 간 후, 우측메뉴에 본인 이 원하는 Gadget들을 추가하면 된다.
하지만 솔직히 무엇을 넣을지도 고민이고, 디자인도 매번 고민하고 있으며, 매번 수정중이다.


지금의 경우는 기본 구성을 아래와 같이 했으며, 별도로 중간에 HTML/Javscript을 넣어 내 맘대로 구성했다.
하지만, 항상 변경이 되니 확신을 하지 마시길
  1. 블로그 검색
  2. 태그
  3. 블로그 보관함
  4. 블로그 통계
  5. 가장 많이 본글

  • 아래의 사이트는 구글이 Follow 기능 및 기타 버튼을 소스로 제공
    https://developers.google.com/+/web/follow/


현재 포토샵으로, ICON의 Background를 투명하게 해야하는데, 그부분까지는 아직 못했다.
추후 시간이 된다면, 고려해보겠다.

댓글 없음 :