CSS - 이미지 크기가 콘텐츠 창보다 클 때 자동으로 이미지 사이즈 조절

서브 블로그를 키우다보니 뭔가 어색하게 안 맞는 것들이 간혹 보이기 시작합니다. 그래도 일단은 해야하니까 다양하게 여러가지 부분적으로 만져주는데요. 그중에서도 가장 문제가 되는 것 중 하나였던 이미지 사이즈 자동 조절입니다. 몇몇 반응형 스킨에서는 이미지 가로사이즈를 자동으로 조절해주는 기능이 있기도 하지만, 없는 경우도 있어서...제가 사용하고 있는 CSS 의 이미지 사이즈 자동 조절 코드는 다음과 같습니다. img { max-width: 100%; width: auto !important; height: auto: !important; }상-하단으로 이미지의 최대 비율 100% 를 맞추도록 하고, 티스토리에서 쉽고, 빠른 적용을 위해 CSS 상단에 넣기 때문에 width 와 height 뒤에 !imp..

• format_list_bulleted 블로그 배우기
• · 2017. 6. 24.
• textsms

무료 사진 편집 프로그램 포토스케이프 다운로드 및 설치 방법

블로그를 하다보면 많은 부분에서 사진촬영이나, 이미지 편집 을 해야할 일이 종종 생기고는 하는데요, 아무래도 여행 블로그를 하시는 분들에게 있어서 이미지란 곧 포스팅 내용과 직결되기 때문에 많은 분들이 사진. 이미지를 많이 편집하게 됩니다. 물론, 제품 포스팅을 할 때도 사진 편집은 필수라고 할 수 있는데요. 그렇다고해서 포토샵같은 제품들을 불법적인 경로를 통해 무료로 사용하는 것보다는 프리웨어, 무료로 사용할 수 있는 프로그램을 사용하는 것이 훨씬 안정적이고 편리한 방법이라고 생각됩니다. 그중에서도 이번에는 가장 많은 사람들이 사용하고 있는 프로그램인 포토스케이프. 의 설치에 대해서 알아보겠습니다. 포토스케이프를 사용하면 정말 많은 방법의 이미지 편집이 무료로 가능한데요, 사진을 보는 것은 물론이고, ..

• format_list_bulleted 블로그 배우기
• · 2017. 6. 19.
• textsms

다른 유저의 티스토리 블로그 방문객 , 통계 확인하는 방법

다른 티스토리 블로그 사용자의 페이지 방문자가 몇 명인지 확인하고 싶을때, 하지만, 방문객 수가 숨겨져 있을때 주로 사용하는 방법입니다. http://블로그주소/plugins/StatGraph/count/count.php입니다. 위와 같이 티스토리를 사용하는 블로그 유저의 주소 뒤에 /plugins/StatGraph/count/count.php 를 넣어서 링크를 확인하는 것 만으로도 손 쉽게 가려진 티스토리 블로그의 일일 방문객 수를 확인 할 수가 있습니다. plugins/StatGraph/count/count.php 또 다른 방법으로는 직접적인 방법이 아닌, HTML 페이지에서 이를 확인하는 방법인데요, 이를 이용하면 꼭 티스토리 페이지가 아니더라도, 네이버 블로그에서 위젯 등록을 통해서 티스토리의 방..

• format_list_bulleted 블로그 배우기
• · 2017. 5. 17.
• textsms

블로그에 자동 구글 번역기 를 달아보자!

안녕하세요. 간혹 외국 사이트나 블로그를 돌아다니다 보면 분명 외국사이트임에도 한국어로 표시되어 나오거나, 한국어 사이트가 외국어로 자동 번역 되어 표시되는 경우가 간혹 있는데요. 이러한 사이트에서 지원하는 기능이 바로 구글의 웹사이트 자동 번역 , 구글 플러그인 입니다. https://translate.google.com/manager/website/ 위의 사이트로 이동을 하게 되면 구글 웹마스터 도구 중 하나로 이동합니다. 하단의 웹사이트에 지금 추가 버튼을 클릭 하면 웹 사이트 등록 – 플러그인 설정 – 추가 의 단계를 통해 설정을 할 수 있습니다. 웹사이트 URL을 작성 – 입력해 줌으로서 구글의 웹사이트 도구에 자신의 블로그에서 구글 번역 시스템을 사용할 것이다. 라는 것을 등록하는 정도로 보면..

• format_list_bulleted 블로그 배우기
• · 2016. 8. 15.
• textsms

메일을 사용하여 구글 블로그에 글 발행하기

안녕하세요. 구글 블로그를 예전에 잠시, 하지만 크게 운영 했었기 때문에 간간히 들어가 보는데요. 구글 블로그를 제대로 활용할 줄 안다면 매우 크게 키울 수 있지만, 대부분이 영어권에 한정된 얘기고 한국에서의 포털 시스템 상 구글보다는 여전히 네이버, 다음이 강세 입니다. 오늘은 제가 몰랐던 글쓰기 기능이 있어서 간단히 써볼까 합니다. 바로 이메일을 통해서 구글 블로그 에 글을 작성하는 기능 입니다. https://www.blogger.com/home 구글에서 안내 하는 방법은 다음과 같은데요 이메일을 작성합니다. 이메일 제목이 글 제목이 됩니다. 이메일의 본문이 글이 됩니다. 글의 맨 끝에 #end를 입력합니다. 이미지를 포함하려면 이메일에 이미지를 첨부합니다. 고유 이메일 주소(username.[se..

• format_list_bulleted 블로그 배우기
• · 2016. 8. 12.
• textsms

MS 워드를 이용하여 티스토리 / 네이버 블로그 API 설정 하기

무엇보다 자동적으로 이미지가 업로드 되는 점과 MS PPT를 이용한 이미지 편집이 가장 유용한 것 같은데요. 아직 API 를 등록하는 방법에 대해 언급한 적이 없어서 MS 오피스 워드 2016, 에 티스토리 API 적용하는 방법에 대해서 써보고자 합니다. MS 워드 2016에서 파일 – 새로 만들기를 하면 다양한 기본 제공 템플릿 이 나오는데요, 여기서 블로그 게시물 템플릿을 실행 해줍니다. 그럼 상단에 위치한 도구 탭에서 5개의 버튼을 볼 수가 있는데요. 게시 – 지금까지 작성한 글을 블로그에 게시합니다. 홈 페이지 – API가 설정되어 있는 홈페이지 로 이동합니다. 범주 삽입 – 블로그의 하위 카테고리 설정이 가능합니다. 기존 항목 열기 – 블로그에 작성된 글들을 불러 옵니다. (경우에 따라 이미지는..

• format_list_bulleted 블로그 배우기
• · 2016. 7. 25.
• textsms

반응형, 동적 블로그 스킨에서 이미지 사이즈 자동 맞춤, 방법

안녕하세요. 지금 사용하고 있는 반응형 웹사이트 스킨을 사용하던 도중 MS 오피스 워드의 api를 사용하여 이미지를 업로드 할 경우 이미지의 사이즈가 글쓰기 칸, 가로 규격보다 크게 잡혀서 일부 사이즈가 잘리거나, 혹은 모바일로 확인 하였을 때 절반 정도만 보이는 등 이미지의 잘림 현상이 심해서 이를 찾아보았더니, 워드 API 를 통해 수정하는 방법보다 CSS 의 코드 삽입을 통해 이미지를 수정하는 것이 훨씬 쉽다고 생각하여 검색-적용 해 보았습니다. 우선 제가 적용한 CSS 코드에 대해서 설명하자면 CSS 이미지란에 img { display:inline-block; width: auto !important; max-width: 100%; height: auto: !important; } 을 삽입하여 이..

• format_list_bulleted 블로그 배우기
• · 2016. 7. 16.
• textsms

블로그,홈페이지 우클릭/드래그 금지방법 소스 와 크롬브라우저에서 우클릭 해제방법

위의 내용을 입력하면, 특정영역에 대해서 우클릭, 드래그 선택을 금지하는 기능으로, 1가지 혹은 2가지만 적용하여 사용할 수도 있고 body 아래에 3가지 전부 혼합하여 사용하는 것도 가능하다. contextmenu="return false" 마우스 오른 클릭 금지ondragstart="return false" 마우스 드래그 금지onselectstart="return false" 선택 금지 코드 사용 후 를 해서 닫아주는 것도 잊지말자 이 안에 내용을 입력해 줍니다. 텍스트, 그림, 표, 무엇이든 가능합니다. 만약 표

• format_list_bulleted 블로그 배우기
• · 2016. 5. 25.
• textsms

검색 포털에 블로그를 등록하는 방법. 구글 / 빙 / 네이버

블로그를 하다보면 역시 방문자 수에 민감해 질 수 밖에 없는데요방문자들이 많이 들어올 수 있는 요소, 정보성 포스팅을 작성하는 것도 중요하지만, 여러 사이트에 자신의 블로그를 등록 해당 포털 사이트에 자신의 게시글이 검색 되도록 하는 것도 중요하다고 생각합니다. 티스토리는 이미 카카오에서 서비스 중인지라 다음 과 카카오에서 자동적으로 검색이 되기 때문에 별도로 언급하지는 않겠습니다. 우선 구글에서의 블로그 등록 방법입니다. 구글에서는 별도의 입력, 가입 절차가 필요 없으며, 아래의 사이트에 접속 뒤 URL 과 블로그, 사이트의 내용을 적어 준 뒤 등록만 해주면 쉽고 빠르게 등록이 가능합니다. 특히 구글은 2가지의 등록 사이트가 있는데요 1.https://www.google.co.kr/intl/ko/add..

• format_list_bulleted 블로그 배우기
• · 2016. 5. 18.
• textsms