라벨이 Google인 게시물 표시

구글 블로그 애드블록 감지 소스 추가

이미지
테마 > HTML 편집에서 /head> 앞에 넣으면 된다. <style type='text/css'> /* Animation */ @keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}} @keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}} /* Say Hi to Adblock */ #arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s} #arlinablock .header{margin:0 0 15px 0} #arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s} #arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all ....

구글 블로그에 올린 사진은 어디에 있을까?

이미지
https://photos.google.com/ 구글 포토 (옛 구글 피카사) 사이트가 있지만,  구글 블로그에서 올린 사진이나 그림은 찾아볼수없다. 컴퓨터에 있는 파일은  구글 드라이브로 올려서 써도 되지만 블로그에서 직접 업로드한 파일은 역시나 구글 포토엔 없다. 블로그에서 올린 파일들은 어디에 있을까? 구글 피카사를 없앤 이후,  앨범 아카이브라는 곳에  아래의 파일들이 보관된다. 프로필 사진 유튜브 아트 행아웃 사진 블로그 사진 https://get.google.com/albumarchive 검색으로도 찾기가 어려웠다.  북마크 해두고 쓰는걸 권장한다. p.s 구글은  서비스를  많이 만들기도 많이 없애기도 한다. 한때 유명세를 떨쳤던,  자바스크립트를 대체할 GWT 구글 웹 툴킷도 서비스 하다말고, 구글 브라우저 콘솔 게임 서비스로 주목받던 STADIA (스테이디어, 스테디어, 스타디아)도 개발부서를 없애버렸다. 또 노트북 아니 브라우저 운영체제 크롬북을 밀더니, 아무도 쓰지 않고 자바스크립트를 대체한다며 다트와 플러터를 밀지만, 상승세는 없다. 푸크시아 OS 또한 나온다며 안드로이드 OS 가 없어질것처럼 하더니, 아직.. 길어야 5분~10분 밖에 안간다는 보스턴 다이내믹스 인간 로봇도 팔아버리고, 창업주가 물러나고, 알파벳으로 출자 이후 손대는 족족 사업을..ㅎㅎ 유튜브 광고 수입배분도 솔까말 조회수 추천수 뻥튀기하는건줄 누가 알겟슴?  아무도 모름.. 광고주만 억울하지 않을까? 싶긴한 부분.  내가 광고주라면 쓸떼없는 먹방 룩북 이런데다 돈을 왜 줘야 하나? 의문이 들 듯

CI에서 Google API 를 사용해보자 1

이미지
CI (코드이그나이터)에서 구글 API 를 사용하려면 순서는 이렇다. (코드이그나이터 설치는 되어있다면) 1. 먼저 Google API 신청을 해야한다. Google API Library 를 보면, 종류가 많은데 Google+ API 를 신청하면 소셜 로그인을 사용 할 수 있게 된다. 회원가입을 받지 않고, 구글 아이디로 사이트를 이용할 수 있는 것이다. 요론 자세한 설명은 앞으로 생략하겠다. 2. 신청이 완료되면 API KEY 를 주는데, 잘 받아 적어둔다. 3. 코드이그나이터 컴포저를 이용해 Google API Client 를 다운로드 받는다. (시간이 꽤 걸린다) 컴포저 주소는 google/apiclient:^2.0 코드이그나이터에서 컴포저 사용법은 앞전에 본 블로그에서 알려줬다. 4. Google API 설치가 끝났다면, 코드이그나이터에서 예제 프로그램을 실행해 본다. View단의 소스는 아래와 같다. // include your composer dependencies require_once 'vendor/autoload.php'; $client = new Google_Client(); $client->setApplicationName("Client_Library_Examples"); $client->setDeveloperKey("YOUR_APP_KEY"); $service = new Google_Service_Books($client); $optParams = array('filter' => 'free-ebooks'); $results = $service->volumes->listVolumes('Henry David Thoreau', $optParams); foreach ($results as $item) { echo $item['volumeInfo']['t...

안드로이드 개발자 모드 활성화 방법

이미지
안드로이드 > 설정 > 디바이스 정보 > 빌드번호 ( 터치 X 999999999 !!! ) Android > Settings > About > Kernel Version ( TOUCH X 999999999 !!! ) ( 란마 1/2 火中天津甘栗拳 군밤권법처럼 광속 터치를 하면 활성화 된다 )

윈도우에서 apk 안드로이드 어플 실행하는 방법

이미지
1. 크롬 브라우저에서 apk 를 실행할 수 있는 ARC Welder 크롬 브라우저 주소창에 https://chrome.google.com/webstore/detail/arc-welder/emfinbmielocnlhgmfkkmkngdoccbadn 엔터 하면 설치할 수 있다. 설치가 완료되면 크롬에 설치된 apk 가 보이는데, ARC 아이콘을 누르면 실행된다. 1) ARC 실행 2) CHOOSE 폴더 선택 3) Add Apk 파일 선택 non-Chrome OS device 어쩌고 저쩌고 경고문구가 뜨는데, TEST 를 누르면 실행된다. 다시 실행하고 싶다면 크롬 브라우저 주소창에 chrome://apps/ 엔터 하면 된다. 근데 실행 안되는 apk 가 더 많다는.. 2. 안드로이드 운영체제 ISO 파일 Android-x86 와 RemixOS 아래 주소로 가면 받을 수 있다. http://www.android-x86.org/download http://cn.jide.com/remixos-player 파일 크기는 각각 CD 1장, DVD 1장 크기이다. USB에 ISO 파일을 풀어넣어 USB로 부팅한다음 설치하면 된다. 윈도우나 리눅스와 듀얼 부팅하도록 운영체제를 또 설치할 수 있겠다. 3. 윈도우 안의 태블릿PC 같은 느낌의 블루스택 좋지만, 무거운... 그리고 반드시 구글계정이 있어야 사용가능하다. http://www.bluestacks.com/ko/index.html 블루스택 이외에 Nox, koplayer , memu 등 여러 아류작들이 쏟아져 나오는 상황이다. 4. 구글 안드로이드 스튜디오 SDK 구글 안드로이드 앱을 만들때 사용하는 공식 IDE 프로그램이다. 인텔리J 플랫폼을 기반으로 만들어졌다. 가장 안정적이지만, 상당히 무겁다. https://developer.android.com/studio/index.html?hl=ko 결론. 유웨이브를 썼었는데, 쓰다보니 버...

구글앱엔진에 코드이그나이터 올리기

이미지
결론 부터 말하면 상당히 쉽고, 빠르고 좋지만 처음 접근하기가 까다롭다.. 랄까? GAE 초보자는 삽질의 연속일듯. 사실 뭐든 설정하는게 어려운듯. GAE 에서 주는 런처 프로그램을 써도되는데, 둘다 써보니 콘솔이 더 나은거 같다. 작업순서는 1. 파이썬을 설치하고 2. GAE 개발킷을 설치하고 3. 아파치같은 WAS 와 포트가 충돌날 수 있으므로 포트는 알아서 잘.. 설정 4. GAE 에서 여러가지 서비스 신청하고 ( 도메인 연결 등 ) 5. 앱 설정하고 ( 이부분이 상당히 어렵기도 하고 쉽기도하고 ... 그렇다.) 6. 콘솔에서 연결하여 업로드 ( 버전 관리는 년월일시로 알아서 해주므로 상당히 편하다 ) 7. 접속 > 테스트 > 끝. 5,6번이 제일 어려웠고 (한 3시간 삽질한듯) 나머지는 정말 쉬웠다. (속도도 빠르다. 아시아 선택했는데 진짜 빠름) 따로 코드이그나이터에서 건드릴 부분은 없고 설정하고 연결만 잘하믄 로컬에서 처럼 잘 실행된다. 게다가, 트래픽이 늘어나거나 줄어들거나 하면 구글에서 알아서 가상 서버를 늘려주고 줄여주고 한다고 하니 카페24같은 일반 호스팅, 서버보다 정말 괜찮은거 같다. 게다가 일정 부분까지 무료 ! SQL 쿼리당 돈을 받는다는게 좀 흠이긴 하지만.. 쿼리를 주로해야하는 프로그램이나 웹사이트인 경우는 사용 요금이 ㅎㄷㄷ GAE 관리하는 어플도 있던데, 써보니 오나전 신세계 ! AWS 도 좋다고 하는데, GAE 가 관리측면에서 더 나은듯 하다. 폰으로 슥슥 ㅋㅋ AWS는 아직 어플이 없더랏.

구글 blogspot 블로그에서 퀵 수정 버튼 없애려면

이미지
구글 blogspot 블로그에 보면  이런 버튼이 보인다. 안보이게 하려면 레이아웃 > 기본 > 수정을 누르면 창이 뜨는데 빠른 수정 표시 체크를 해제하면 된다. 그리고 또  이런 버튼이 보인다. 안보이게 하려면 템플릿 > HTML편집으로 들어가 Ctrl + F 로 아래의 퀵에디트가 인클루드 된것을 모두 찾아서 <b:include name='quickedit'/> 이렇게 수정해준다. <!--b:include name='quickedit'/--> 가젯 추가시 매번 수정 해줘야 한다.

크롬 브라우저 배경색 검정색으로 바꾸는 방법

구글 크롬 브라우저는 '크롬 웹 스토어' 라는것 있어서 크롬에 여러가지 프로그램을 설치할 수 있는데 그 중에 유용한 프로그램을 소개하고자 한다. 저녁/밤 시간대에 컴퓨터로 인터넷을 하다보면 하얀색 배경화면 때문에 눈이 부셔 아프기까지 한데 흰색 계통을 검정색 계열로 자동으로 바꿔주는 프로그램이다. https://chrome.google.com/webstore/ 크롬 웹스토어에 들어가 왼쪽 위 검색창에 care your eyes 라고 검색하면 초록색 선글라스 로고의 확장프로그램이 나오는데 CHROME에 추가 > 라는 파란색 버튼을 눌러 설치를 하면된다. 설치가 완료되면 크롬 오른쪽 상단에 선글라스 아이콘이 생긴다. 초록색 선글라스를 누르고 Enabled 영어를 누르면 활성화되며 켜진다. 다시 한번 더 누르면 Disabled 비활성화로 꺼진다. Blacklist Mode 를 선택하고 Night Mode 를 선택하면 된다. 적용하고 싶지 않은 사이트가 있을 경우 Disable at this site 에 체크하면 된다. Shortcuts 를 누르면 단축키를 확인할 수 있다. 저녁 늦은 밤 시간대 눈에 부담을 주지 않고 인터넷 하기에 좋다.

구글 블로그에 Syntax Highlighter 적용하기

구글 블로그 > 디자인 > 템플릿 > HTML 편집에서 </head><body...> 헤드가 끝나는 앞 부분에 아래 코드를 넣어주면 된다. <!-- Syntax Highlighter Additions START --> <link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/styles/default.min.css" rel="stylesheet"></link> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/highlight.min.js"></script> <script>hljs.initHighlightingOnLoad();</script> <!-- Syntax Highlighter Additions END --> 사용법은 블로그에 글을 쓸때, 소스 부분은 HTML 을 누르고 <pre><code class="html">...</code></pre> 이런식으로 pre로 감싸주고 code 안에 내용을 쓰면 된다. class 에는 php, html, css, sql, ini ... 자세한 사항은 아래 주소에서 확인할 수 있다. https://highlightjs.org/download/ 스타일은 여기서 https://github.com/highlightjs/highlight.js/blob/main/SUPPORTED_LANGUAGES.md https://github.com/isagalaev/highlight.js/tree/master/src/styles

지금 보는 인터넷 사이트, 내일도 보고 싶을때..

이미지
인터넷을 하다보면, 이럴 경우가 있다. 지금 보는 인터넷 사이트,  내일도 또 보고 싶은데 그러려면 구글 들어가서 검색해서 사이트 들어가서 또 검색어 입력해서 보거나 아니면, 인터넷 브라우저 열자마자 해당 사이트가 열리도록 시작페이지를 그 사이트로 설정하거나 아니면, 북마크에 저장해 두었다가 브라우저 열어서, 북마크 열어서  북마크 해놓은 사이트 들어가서 인터넷을 하거나... 북마크 편하긴 한데, 이것보다 더 편한 방법이 크롬에는 있다! 크롬 > 설정 > 또는 주소창에 chrome://settings/ 시작 그룹 > 기본값은 새 탭 페이지 열기인데, 중단한 위치에서 계속하기로 변경 이렇게 하면, 크롬을 닫고, 다시 크롬을 열면 크롬을 닫기전에 열어놨던 사이트가 다시 열린다. 컴퓨터를 껐다켜도 마찬가지로 열린다. 대신, CCleaner 같은 프로그램으로 청소를 해버리면 다 삭제되니, 주의!

유튜브 embed 태그

이제 유튜브에서 iframe 밖에 지원을 안하기 때문에...embed 태그를 정리 embed 는 PC 에서만 재생가능, 모바일에서는 iframe 태그로 해야한다. <embed width = "512" height = "384" src = "http://www.youtube.com/v/주소" type = "application/x-shockwave-flash" allowscriptaccess = "always" allowfullscreen = "true"> </embed> 옵션 - 기본 360, 240-360-480-720-1080 &vq=light &vq=medium &vq=large &vq=hd720 &vq=hd1080 - 자동재생 &vq=&autoplay=1 - 반복재생 ?version=2&loop=1 - 시작지점,끝지점 &start=30 &end=300 - 추천동영상 표시 &rel=1 <embed width = "512" height = "384" src = "http://www.youtube.com/v/주소?version=2&loop=1&vq=hd720&autoplay=1&start=30&end=60&rel=0" type = "application/x-shockwave-flash" allowscriptaccess = "always" allowfullscreen = "true"> </embed> ...