글전체에 해당되는 글176

열 받는다.

언제 수정됐는지 모르나 11.29.에 보니 인기 글에 카테고리, 발행날짜 치환자 등이 나타난다. 티스토리에 첫 페이지를 만드는데 홈커버를 사용한다는 것을 알 것이다. 이것에 카테고리 명, 카테고리 url, 발행시간, 댓글 수를 나타내는 치환자가 있다는 것도 알 것이다. 이 치환자는 인기글에서는 안 된다는 것을 고생한 후 알았다. 몇 시간 고생한 것을 생각하니 갑자기 열 받는다. 블로거를 테스터로 생각하는 것 같다. 이 블로그 첫 페이지 홈커버를 보면 다른 커버에는 다 발행시간 등이 있는데 조회수가 많은 인기글에만 없다. 이유는 아래 그림과 같이 치환자를 삽입해도 나타나지 않기 때문이다.

애드센스 자동광고 설치했지만...

이 블로그에 자동광고를 설치했지만 다시 티스토리 블로그에 있는 플러그인과 수동으로 애드센스를 삽입했다. 자동광고는 애드센스에서 알아서 동으로 광고를 삽입하는 것이라 사용했다. 애드센스 자동광고 사용 후 브라우저에서 사용하는 광고를 차단하는 애드블록을 모두 중지한 후 글에 어떻게 광고가 나올까 봤는데 만족스럽지 못했다. 자동으로 광고가 나오는 것을 좋은데 원하지 않는 곳에 광고가 나와 보기가 좋지 않았다. 그래서 자동광고 설치를 그만두었다. 모바일에서나 다른 스킨에서 어떻게 나올지 모르겠다. 즉 자동광고를 자동으로 광고를 삽입하니 편리하나 내가 원하는 곳이 아닌 애드센스측이 원하는 곳에 광고를 설치하는 것이니 내 입장에서는 만족스럽지 못했다. 크리에이터를 위한 프로그램

부트스트랩4로 변경하기 포기했다.

내가 알고 있기로 부트스트랩 버전 2부터 출시일을 적자면 위와 같다. 현재 기준 최신 부트스트랩 버전은 4.1.3이다. 그리고 이 블로그는 부트스트랩 4로 만들었다. 내 다른 티스토리 블로그를 부트스트랩 3에서 4로 변경하려고 했지만 포기했다. 위에서 보듯이 버전 2에서 3으로 가는 시간을 오래 걸리지 않았지만 3에서 4로 가는 시간이 5년이라는 기간이 걸렸다. 그래서 내 다른 티스토리 블로그는 부트스트랩 3에 완전히 녹아 들었다. 그리고 3과 4가 많이 달라 변경할 것이 너무 많았다. 부트스트랩 3으로 만들 블로그를 4로 변경하려니 너무 힘들었다. 참고로 내가 부트스트랩 3으로 스킨을 만들었을 때가 2014년이었다. 이 블로그는 부트스트랩 4로 만들었고 다른 티스토리 블로그인 https://min-bl..

크롬에서 다시 동영상 더보기 창이 나온다.

아래 안시성이나 명당 버튼을 클릭하면 영화 안시성과 명당의 메인 예고편 유튜브 동영상이 모달에 나올 것이다. 이것은 https://ashleydw.github.io/lightbox에서 배웠다. 안시성 명당 모달에 대해 적으려는 것이 아니다. 크롬에서 유튜브 동영상을 자동 재생하는 것을 막아 스크립트도 버전업했다고 말했다. 그래서 나도 스크립트를 버전업했다. 그런데 크롬을 버전업하니 아래 그림 1번의 동영상 더보기 창이 나오는 것이다. 창을 닫으면 동영상을 재생할 수 있는데 보아야 한다니 짜증이다. 네이버 웨일 브라우저 등 다른 브라우저에서는 자동재생된다. 여담으로 크롬을 버전업 했더니 티스토리 블로그에서 사진을 업로드하기 위해 플래시를 다시 설정해야 한다고 한다. 짜증난다. 신용관리 및 보안

정말 미리보기 몇 번 했더니 방문자수가 상승했네!

티스토리 포럼에 글을 쓴 후 미리보기를 하면 방문자수가 상승한다는 글이 있었다. 그래서 이 블로그에서 실행했는데 보통 20~30이었는데 다른 글에서 미리보기를 수 십 번 실행하니 간단히 100이라는 숫자가 넘었다. 예전에 누군가가 티에디션을 실행시키면 카운터가 올라간다고 했었던 같은데... 하여튼 티스토리 블로그의 통계는 믿을 것이 못 된다는 것을 다시금 느낀다. 그러면 웬만하면 글을 쓴 후 미리보기를 실행시키지 말아야겠다. 신뢰 안되는 숫자가 많이 나오는 것도 좋지 않다. .COM/.NET/.KR 13,500원

글목록이 마음대로 안돼 골치다.

글목록을 부트스트랩4의 card를 사용해서 멋지게 만들려고 했는데 마음대로 안 됐다. 이 블로그 카테고리 다른 글을 보면 4개의 목록이 일정하다. 이 블로그의 카테고리 다른 글와 같은 코드를 사용했다. 그런데도 아래 그림처럼 썸네일이 일정하게 나오지 않았다. 며칠 이것 때문에 골치 아팠다. 글목록의 스크립트 잘못인지 아니면 내 잘못인지 몰라도 그냥 지금 사용하는 방식을 사용해야 할 것 같다. 게임 방송/녹화/캡처

목록에 갤러리 적용 계획

https://marshall-ku.tistory.com/142에서 배운 방식대로 이 블로그의 Recent Posts와 Recent Comments 글의 썸네일을 추출했다. 그리고 다른 블로그에서 글 목록을 갤러리형으로 하려고 계획 중이다. 현재 글목록을 웹진 형태로 됐는데 부트스트랩4의 카드(card)를 이용해서 멋지게 갤러리형으로 생각 중이다. 어떻게 멋지게 할 수 있을까 계획 중... 내가 사용한 코드는 아래와 같다. 부트스트랩에서 버전 4가 아니면 아래 코드는 안될 것 같다. 3에서는 해보지 않았지만 3에 없는 col을 사용했기 때문에 안 될 것 같다. 위 소스를 사용하여 목록을 아래 그림같이 가로로 4개가 나오게 했다. PC 화면에서 2개나 3개 나오게 하려면 부트스트랩 그리드 시스템을 알아야 ..

부트스트랩4의 기본 캐러셀(carousel)

아래 보이는 것이 부트스트랩 4에서 지원하는 기본 캐러셀(caousel)로 컨트롤 아이콘 아래 회색 막대기는 없다. 왜 회색 막대기가 나타나는지 알 수 없다. http://min-blog.tistory.comd의 메인에서나 http://min-blog.tistory.com/2225에서 볼 수 있는 캐러셀은 부트스트랩 3이다. 직접 보면 3과 4와 큰 차이는 없으므로 3소스를 4에 적용시키면 깨진다. Previous Next 아래는 위와 같은 것은 jsFiddle이라는 것으로 삽입한 것이다.. 윈도우10 홈과 프로 차이

CSS 보이고 가리기(Collapse), 이 블로그의 것

이 블로그에서 하단에 보이는 카테고리,최근 글 등에 사용 중인 더하기와 빼기 아이콘이 있는 보이고 가리기( Collapse)는 여기에서 배운 것이다. 부트스트랩도 class="collapse"를 추가하면 보이고 가리기를 지원할 수 있으나 아직 4에 적절한 아이콘을 포함한 보이고 가리기 소스르 찾지 못했다. 참고로 아래는 부트스트랩4에서 지원하는 보이고 감추기(Collapse)이다. 아래 청춘예찬이라는 단어의 버튼을 클릭을 반복하면 보이고 감추는 것을 할 수 있다. , 청춘예찬 없는 튼튼하며, 인생을 별과 되려니와, 철환하였는가? 지혜는 끝에 못하다 남는 어디 있는 힘차게 얼음이 것이다. 위하여서 소금이라 인생을 인생을 아름다우냐? 천하를 할지라도 공자는 인생에 것이다. 얼음에 불러 찾아 안고, 같이, 소..

모달에 유튜브 나오게

http://min-blog.tistory.com에서 모달에 유튜브 동영상이 나오게 했다. 이 블로그에서도 스크립트를 설치하여 가능하게 했다. http://min-blog.tistory.com는 부트스트랩3으로 만들었지만 이 블로그에서도 적용 중이다.참고로 이 블로그는 부트스트랩 4이다. 아래 버튼을 클릭하면 영화 안시성과 명당의 메인 예고편 유튜브 동영상이 모달에 나올 것이다. 안시성 명당 모달은 부트스트랩이라 부트스트랩3이나 4가 필요하다. 위에서 http://min-blog.tistory.com이 부트스트랩 3으로 이 모달을 사용했다. 그리고 유튜브만 아니라 비메오도 가능하다. 유튜브나 비메오 동영상이 모달에 나오게 하는 것을 아래에서 배울 수 있다. 참고로 동영상만 아니고 이미지도 가능하다. ht..

유튜브 동영상 배경

이 메인 블로그 헤더에 유튜브 배경을 넣었다. 처음에 http://min-blog.tistory.com/에서 했던 것이다. https와 부트스트랩4로 업데이트해 이 블로그에 다시 적용했다. 크롬에서 유튜브 동영상을 자동재생을 할 수 없어 예전에 배경에 재생 버튼이 보였는데, 이제는 업데이트가 돼 그런 것이 보이지 않는다. 그리고 https에서도 된다. 참고로 부트스트랩을 필요하지 않는다. 글에는 나타나지 않게 했다. 왜냐하면 글에만 집중하게 하도록. 설명은 아래 홈페이지에 나왔으며 홈페이지의 언어는 영어이다. https://github.com/pupunzi/jquery.mb.YTPlayer 여기에서 중요한 것은 유튜브가 어디에서 나타나게 설정하는 것으로 아래 그림처럼 나는 이 블로그에서 header로 설..

완벽한 보안연결을 위해 신경끄기로 했다.

완벽한 보안 연결은 위해 신경쓰지 않기로 했다. 댓글이 있는 글에 봤더니 보안 연결이 완벽하지 않았다. 댓글이 없는 글에는 보안 연결이 완벽한데 어떤 댓글이 있으면 보안 연결이 완벽하지 않으니 방명록처럼 댓글을 모두 삭제하기 싫다. 그대로 놔두고 신경쓰지 않기로 했다. 보안연결을 완벽하게 하기 위해 내가 돌아버리겠다.비회원의 홈페이지가 http니...티스토리 공지 블로그는 완벽한 https가 된다. 티스토리 공지에 비회원이 댓글을 적지 않을 테고...그러면 보안연결을 위해 댓글창을 접어야 하나... 게임 방송/녹화/캡처

완벽한 보안연결은 어려워

내 시험 블로그에서 적용한 스킨의 방명록에 보안 연결인 https가 이상이 없었다. 그런데 이 블로그에 적용하면 https에 문제가 있다고 아래 그림 1번과 https로 설정했는데도 보안 연결이 완벽하지 않다고 나왔다. 아이콘을 클릭하면 연결에 대한 메시지가 나타난다. 참고로 아래 그림의 브라우저는 네이버의 웨일브라우저다. 이유를 몰라 초기화 의미로 기존에 있었던 방명록에 있던 댓글을 모조리 삭제했더니 그제야 아래 그림 2번과 같이 아이콘이 자물쇠로 보안 연결이라는 메시지가 나왔다. 윈도우10 홈과 프로 차이

부트스트랩4,리스트 인라인

아래처럼 ul class에 list-inline을 추가하면 목록을 일렬로 나열한다. 부트스트랩4에서는 list-inline-item라는 것이 추가된 것 같다. 3에서는 단지 ul에 list-inline만 써 주면 목록이 일렬로 됐다. 목록 1 목록 2 목록 3 위에 대한 부트스트랩4에 대한 소스는 아래와 같다. 목록마다 list-inline-item이 추가되는 것 같다. 이 블로그 태그 모듈을 작업할 때도 3를 할 때처럼 list-inline만 추가했더니 안 됐다. 그런데 4에 대한 설명에는 변경이 없었다. 목록 1 목록 2 목록 3 게임 방송/녹화/캡처

웹사이트가 https인지 신경쓰인다

이 블로그에 오랜만에 글을 적는다. 블로그에 보안연결인 https를 적용했으니 모든 웹사이트 주소가 https인지 신경이 쓰이게 됐다. 왜냐하면 http://min-blog.tistory.com/를 보안연결인 https로 만들면서 HTML 편집시 웹사이트가 https가 아니면 대부분 보안연결이 안됐기 때문이다. 참고로 아래는 위키백과에 나온 https에 대한 정의다. HTTPS(HyperText Transfer Protocol over Secure Socket Layer, HTTP over TLS,HTTP over SSL, HTTP Secure)는 월드 와이드 웹 통신 프로토콜인 HTTP의 보안이 강화된 버전이다. HTTPS는 통신의 인증과 암호화를 위해 넷스케이프 커뮤니케이션즈 코퍼레이션이 개발했으며,..

데이터 이동은 에버노트로 해결

데이터 복원이 가능한 블로그인 워드프레스 · 텍스트큐브 등 설치형과 구글 블로그 등 해외 가입형을 보니 예전에 적었던 네이버 블로그에 적었던 글을 티스토리 블로그 플러그인 목록에 있는 에버노트 글 불러오기가 생각났다. 이것을 이용하면 워드프레스 · 구글 블로그 등에 있는 글에도 가능할까 해서 했는데 됐다. 워드프레스나 구글 블로그 등에서 블로그를 하기 힘들면 티스토리 블로그로 글을 불러오기가 쉬울 것이다. 댓글은 그대로 놔두고 와야 하지만 글을 그대로 두고 오는 것을 아까울 수가 있을 것이다. 그러면 아래 에버노트에 글을 저장해서 불러오면 될 것이다. 티스토리 블로그에서는 에버노트 플러그인이 있으니 다른 블로그처럼 개고생하면서 글을 옮길 필요없다. 참고로 Evernote 글 불러오기 플러그인를 활성화하면..

About. 블로그, 부트스트랩,프로그램 등 유용한 정보를 마음껏 적고 있습니다.
전체 방문자 수 명은 2003.11.부터 누적된 방문자 수입니다. 그리고 아래 그래프는 일주일 간 방문자 통계입니다.