(adsbygoogle = window.adsbygoogle || []).push({}); 구글 블로거(블로그스팟)을 보면 글에 삽입된 이미지, 동영상 등은 썸네일로 나타난다. 아래 그림 1번을 보면 글에 유튜브 동영상이 있으니 동영상이 썸네일로 나타난 것이다. 참고로 스킨에 따라 다르지만 내가 구글 블로거에서 사용하는 스킨(테마)은 유튜브 동영상만 나온다.아래도 구글 블로거(블로그스팟) 스킨인데 동영상을 운영하는 사람을 위해 만든 스킨인 것 같다. 썸네일에 나타난 아이콘을 보면 동영상이라는 것을 알 수 있다. 포털 등에서 많이 봤을 것이다.썸네일을 클릭하여 글을 보면 이미지는 없고 유튜브 동영상을 볼 수 있다. 유튜브 동영상에서대표 이미지를 추출하는 스크립트로 썸네일을 나타내는 것 같다.아래도 구글 블로거 스킨으로동영상을 글에서 재생하지 않고 목록에서 바로 재생할 수 ..

(adsbygoogle = window.adsbygoogle || []).push({}); JSFiddle을 사용하여 HTML, CSS, 스크립트 등을 테스트한다. 예로 나는JSFiddle에서 아래와 같은 부트스트랩4의 캐러셀(Carousel)이라는 것을 테스트한 적이 있다. 부트스트랩4의 여러 가지 기능을 보고자 할 때 JSFiddle을 이용한다.이 블로그에서도 할 수 있지만 이 블로그는 부트스트랩3으로 만들어 불가능하다. 하여튼 JSFiddle은 소스를 퍼가도록 하는데 티스토리 블로그는 자바스크립트를 지원하므로 글에 삽입이 가능하다. 티스토리를 제외한 네이버, 다음, 이글루스 모두 안될 것이니 개고생하지 말았으면 한다. JSFiddle을 삽입하면소스를 멋지게 표현하고 방문자가 쉽게 소스를 퍼갈 수 있다. 또한 결과도 보여준다. 여러 모로 JSFiddle은 편리하다. (adsbygoogle = window.adsbygoogle || []).push({}); 과거에 JSFiddle을 사용했는..

(adsbygoogle = window.adsbygoogle || []).push({}); 오래 사용했고 사양이 낮은 노트북을 어떻게 활용할까 생각하다가 크롬OS와 유사한 무료 운영체제(OS)인 클라우드레디를 설치한 후 거기에서 게임을 하면 생각이 들었다. 다른 무료 운영체제인 리눅스도 생각해봤는데, 예전에 사양이 같은 노트북에 리눅스의 우분투와 클라우드레디를 설치했더니 우분투는 클라우드레디에 비해 무거웠다.그리고 클라우드레디를 USB에 설치해 사용해도 가벼웠다.그렇지만 활용 범위를 생각하면 우분투가 많을 것 같았다. 아래 그림의 국내 데스크탑의 운영체제 통계를 보면 Chrome OS를 클라우드레디라 생각하면 리눅스(Linux)는 1%도 안 되지만 그래도 크롬OS보다 8배나 많다. 그만큼 우분투(리눅스) 사용자가 많으니 사용할 프로그램이 클라우드레디에 비해 상대적으로 많았다. 하지만 ..

(adsbygoogle = window.adsbygoogle || []).push({}); 알고 있듯이 랜섬웨어에 감염되면 PC 등 시스템을 구동하지 못하게 할 뿐만 아니라 시스템이 구동되더라도 파일을 열지 못한다. PC나 파일 등에 접근하기 위해서 랜섬웨어를 배포한 해커에게 돈을 지불해야 한다. 이런 랜섬웨어는 불법 소프트웨어를 다운로드 받으므로 인해 감염된다. 그러니 랜섬웨어를 예방하기 위해 신뢰할 수 없는 사이트에서 소프트웨어를 다운 받지 말라고 한다. 그리고 신뢰할 수 있는 정품 소프트웨어를 사용하라고 한다.작년 랜섬웨어로 인한 피해액은1조 5000억원이라 하고 복구액은 7000억이라 한다. 1조 5000억원이나 7000억원에 포함되는 피해자가 되지 않았으면 한다.포토샵, MS오피스 등 유료 소프트웨어를 무료로 배포한다고 유혹하니 그 유혹에 넘어가면 안된다. 예로 오토데스크 홈페이..

(adsbygoogle = window.adsbygoogle || []).push({}); 지난 8일에 페이지 에디터가새에디터로 변경됐고 HTML를 지원한다는 것을 알았다. 그래서 페이지에서 HTML을 지원하므로 디스커스(Disqus)를 삽입했는데, 예전에 디스커스 설정에한국어 옵션이 있었지만 이제는 없었다. 그래서 설치 후 영어를 사용하다가 구글 검색을 통해 https://dololak.tistory.com/663에서 아래 그림처럼 영어가 아닌 한글로 나타내는 방법을 알았다. 그래서 이 글에서 크롬이 아닌 웨일 브라우저로 한글 옵션을 나타내는 것을 설명해보려고 한다. 참고로 아래는 디스커스의 요금제로 예전에는 유료가 없고 무료였다. 나는 무료인 Basic을 사용 중이다. (adsbygoogle = window.adsbygoogle || []).push({}); 본론에 들어가면 아래와 같다. 디스커스 언어 설정인 English를 마우스 오른쪽 버튼을 클릭한 후 검사를 클..

(adsbygoogle = window.adsbygoogle || []).push({}); /*********************** Demo - 1 *******************/ .box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s} .box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center} .box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""} .box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden} .box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px} .box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic} body{background-color:#f1f1f2} .mt-30{margin-top:30px} .mt-40{margin-top:40px} .mb-30{margin-bottom:30px} .box1 .icon,.box1 .title{margin:0;position:absolute} .box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative} .box1:after,.box1:before{height:50%;background:rgba(0,0,0..

(adsbygoogle = window.adsbygoogle || []).push({}); 지난 토요일에 티스토리 블로그 페이지를 우연하게 둘러보다 HTML이 적용되고 거기에 예전에 봤던 에디터가 아닌 신 에디터로 변경됐다는 사실을 알았다. 예전 것은 HTML도 안되고 티스토리에서 고심하고 노력해서 만들었겠지만 나에겐 굉장히 허접한 에디터였다. HTML이 불가능하니 중간에 애드센스를 삽입할 수도 없었다. 그리고 그 에디터엔 HTML 부가능할 뿐만 아니라 임시저장도 없었다. 그 당시 에디터는 SNS에서 볼 수 있는 HTML, 임시저장 등이 없는 허접한 에디터라고 생각됐다. 워드프레스, 구글 블로거(블로그스팟), 텀블러도 페이지를 만들 수 있다. HTML/임시저장이 가능할 뿐만 아니라 글에 사용하는 에디터와 동일하다. 즉, 글쓰기에 사용하는 하나다. 만약 티스토리 블로그에 구 에디터(이전 에디터)가 없어..

(adsbygoogle = window.adsbygoogle || []).push({}); /* 비디오배경 */ #background_memo { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } 아래 소셜 댓글창은 디스커스(Disqus)로 관리자만 글을 적을 수 있습니다. 그런데 로딩이 짜증나게 느리네요. /** * RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS. * LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/ /* var disqus_config = function () { this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier v..