전에 워드프레스와 블로거를 보니 이미지 URL만 알면 이미지를 삽입할 수 있어 그런 것이 있으면 좋겠다는 생각을 하고 적지 않았다. 이글루스 블로그에 글을 적다보니 이미지 URL로만 이미지를 삽입하는 것이 좋다고 생각했다. 아래 그림은 이글루스 블로그에 이미지 URL로 글에 이미지를 삽입할 수 있다는 것을 볼 수 있다. 워드프레스와 블로거와 이미지 삽입하기가 다른 점은 두 개에서는 에디터의 사진을 클릭하면 되나 이글루스 에디터의 멀티미디어를 클릭해야 하는 것이 다르다. 에디터의 멀티미디어로 이미지를 삽입할 수 있다는 것을 모른다면 소용이 없다. 이것은 티스토리에서 외부콘텐츠를 클릭하여 이미지 삽입하는 것과 비슷하다. 단 티스토리에서는 HTML에서 이미지 태그를 알아야 한다. 아래는 외부컨텐츠로 삽입한 것..
READ MOREhttp://min-blog.tistory.com/1172을 쓰면서 크롬으로 번역하고 번역사이트에서 번역하는 것이 불편하다. 그 댓글에서 파이어폭스에서 부가기능 프로그램으로 번역하는 것에 대해 나와서 크롬에서 확장 프로그램을 설치하면 어떨까 해서 아래 그림에 보이는 ImTranslator 확장 프로그램을 크롬에 설치하니 정말 편했다. 설치방법은 크롬에서 새탭을 만든 후 거기에서 Chrome Web Store를 클릭한다. 그리고 검색어를 번역이라고 하여 ImTranslateor가 검색된다. 크롬의 확장 프로그램을 새탭을 만들어 Chome Web Store에서 찾는다. 스마트폰에서 구글 Play에서 앱을 찾는 것과 비슷하다. 영어가 포함된 페이지에서 원하는 문장을 선택한 후 단지 크롬의 확장 프로그램의 Im..
READ MORE위 그림에서 빨간색 사각형이 네이버 툴바인데 현재 네이버 툴바는 익스플로러와 파이어폭스에 제공하고 있다. 네이버 서비스를 많이 이용한다면 익스플로러를 버릴 수 없을 것이다. 네이버 툴바에 나타난 네이버 서비스로는 네이버 me,네이버 메모,네이버 메일,미투데이,북마크가 있는데 나중에 다른 것이 추가될 지 모르는 사실이다. 위는 네이버 툴바의 일부분이고 더보기를 보면 아래와 같다. 만약 네이버 툴바의 일한번역을 많이 이용한다면 익스플로러라는 브라우저를 버리기가 어려울 것이다. 나는 크롬을 사용하는지라 몰랐는데 네이버 툴바에는 네이버를 이용하는 많은 서비스가 있네요. 툴바의 환경설정에서 더 많은 설정을 할 수 있을 것이다. 툴바에서는 네이버 서비스외에 캡쳐,번역,백신,마우스 제스처 등 많은 것을 제공한다. 크..
READ MORE이 블로그 스킨을 부트스트랩5로 만들었다는 것을 말했다. 이 블로그에 부트스트랩에서 제공하는 컴포넌트를 사용해 다이내믹하게 만드려 했다. 다른 사람이 부트스트랩5를 변형한 소스를 사용하지 않고 다이내믹하게 만들기는 쉽지 않았다. 아래는 부트스트랩5에서 기본으로 제공하는 내가 생각하는 다이내믹한 컴포넌트인 아코디언, 캐러셀, 오프캔버스 3개다. 아코디언 Accordion Item #1 This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the o..
READ MORE글목록을 부트스트랩4의 card를 사용해서 멋지게 만들려고 했는데 마음대로 안 됐다. 이 블로그 카테고리 다른 글을 보면 4개의 목록이 일정하다. 이 블로그의 카테고리 다른 글와 같은 코드를 사용했다. 그런데도 아래 그림처럼 썸네일이 일정하게 나오지 않았다. 며칠 이것 때문에 골치 아팠다. 글목록의 스크립트 잘못인지 아니면 내 잘못인지 몰라도 그냥 지금 사용하는 방식을 사용해야 할 것 같다. 게임 방송/녹화/캡처
READ MORE최근 네이버 앱(어플)을 업그레이드했는데 아래 그림처럼 아주 좋게 변했다. 앱(어플)의 버전은 5.7.3으로 아래 왼쪽에 나온 N이라는 원형 아이콘을 터치하면 원형으로 메뉴가 나온다. 예로 블로그 앱을 들면 티스토리에서 배포한 앱이 현재 최신 버전이 0.9.6이다. 이것이 업그레이드가 없이 계속 정체되면 그저 그렇게 된다. 네이버에서 배포한 블로그 앱이 꾸준한 업그레이드로 좋게 변했다.
READ MORE저는 트위터에서 트위터 위젯을 가져오면 위젯에 사이드바가 생겨 안 가져왔는데 커스텀 설정으로 트윗수를 지정하면 사이드바가 생기지 않는다는 것을 알았습니다. 이 블로그의 사이트바에 있는 트위터를 클릭하여 트위터 위젯이 나오는데 사이드바가 없을 것입니다. 이것은 트위터 위젯을 고급옵션으로 커스텀 설정한 것입니다. 트위터 위젯의 커스텀 설정은 트위터 위젯을 가져올 때 아래 그림에서 커스텀 옵션을 클릭하면 볼 수 있습니다. 참고하라고 트위터 위젯은 자신의 트위터에서 나사모양의 아이콘 > 설정 > 위젯을 클릭하면 됩니다.
READ MORE부트스트랩3에서 그리드 시스템에 헷갈린다. 그래서 어떤때는 템플릿을 보고 무작정 그리드를 쓰거나 내가 이해하는 col-md-*만을 쓴다. 이 블로그도 col-md-*로 그리드를 사용하고 있다. .col-xs-,.col-sm-,.col-lg- 는 봐도 모르니 그냥 이해가 편한 col-md-만 사용하고 나머지는 템블릿을 본다. 참고로 아래 그림의 부트스트랩은 12칼럼인데 이 블로그는 10칼럼으로 하는데 언제 변경될지 모른다.부트스트랩3 그리드에 대한 설명(영어) : http://getbootstrap.com/css/#grid 부트스트랩 3의 그리드시스템을 좋은 것 같은데....헷갈리니 아쉽다.
READ MORE네이버 블로그에서 태그 사용할 때 알아야 할 사항은 네이버에서 보안을 위해 제한하는 태그가 아니면 사용할 수 있다. 이것은 대부분이 태그를 사용할 수 없으므로 거의 태그를 사용할 수 없다고 보면 된다. 아이프레임(iframe) 태그에서 모든 아이프레임 태그를 허용하는 것이 아니라 네이버에서 제한하지 않는 유튜브나 다음뷰 추천 위젯 소스로 알고 있다. 아래는 다음뷰 추천 위젯 소스이로 얼마전에 알았는데 네이버 블로그에서 지원한다. 아래는 유튜브의 동영상으로 네이버 블로그에서 지원한다. 위아래는 모두 아이프레임 소스인데 네이버에서 보안을 위해 허용한 태그이니 되는 것이다. 아이프레임이라고 모든 아이프레임이 되는 것이 아니라는 것을 확실히 알기 바란다. 네이버 블로그만 아니라 다음 블로그도 보안을 위해 다음에..
READ MORE