2013년 4월 1일 월요일

구글 블로그 동적뷰 이미지 가장자리 없애기


Blogger 동적뷰 템플릿에서 이미지를 올리면 왼쪽 그림처럼 가장자리에 테두리가 둘러지고 옅은 그림자 효과가 나타납니다. 이런 효과 없이 이미지만 깔끔하게 올리고 싶은 경우 아래의 코드를 적용시키면 됩니다.

 .entry-content img{  
 box-shadow: none !important;  
 padding: 0px !important;  
 border: 0px !important;  
 }  

코드 적용 위치는 "대쉬보드 → 템플릿 → 맞춤설정 → 고급 → CSS추가"에 삽입.

※ 우클릭/드래그 방지 때문에 복사가 안되는 경우 구글Docs 에서 코드를 복사하시기 바랍니다.

댓글 8개:

  1. 블로그에 사진을 많이 올려야 하는데 저놈의 테두리 때문에 골치였었습니다.
    올려 주신 소스 덕분에 한방에 해결이 되었네요... 감사합니다~ ^^

    답글삭제
  2. 구글 블로그 시작한지 얼마 안되어서 막막했는데 좋은 정보 감사합니다 :D

    답글삭제
  3. 이부분이 골치 아팟엇는데 덕분에 해결했습니다 감사합니다!

    답글삭제
  4. 완전 꿀팁... 감사합니다.

    답글삭제
  5. 감사합니다! 저도 사진테두리때문에 골치아팠었는데 덕분에 해결했습니다.:)

    답글삭제
  6. 감사합니다~ 새해복 많이 받으세요

    답글삭제
  7. 우와 감사합니다 乃乃乃乃乃乃乃

    답글삭제