레이블이 Blog인 게시물을 표시합니다. 모든 게시물 표시
레이블이 Blog인 게시물을 표시합니다. 모든 게시물 표시

2015년 12월 17일 목요일

Blog : 구글 블로그에 첨부된 이미지의 고해상도 이미지 보기

구글 블로그는 다른 편리한 블로그에 비해 단점이 많지만, 다른 블로그에 비해 특출난 장점이 하나 있으니...
바로 (첨부 할 수 있는 파일이 제한되어 있기는 하지만...) 이미지와 동영상은 무제한으로 등록 할 수 있다는 것이다.

물론 단점도 있어서, 그대로 업로드 할 수 있는 것은 아니라, 업로드시 변환해서 용량을 줄여버리기 때문에 원본 크기 그대로 볼수는 없다. 하지만, 그렇더라 하더라도 무제한이라는 장점은 꽤 크다.

하여간 업로드시 이미지 변환을 해버리기 때문에 블로그에 첨부한 이미지를 클릭해서 확대해 볼때, 원본 크기에 비해 작은 이미지를 보여준다.
하지만, 일반적인 방법으로 보여주는 이미지 보다 큰 이미지를 볼 수 있는 방법이 있다.

예를 들어 어떤 구글 블로그에서 특정 이미지를 클릭해서 볼때...


해당 이미지를 클릭하면 새창으로 이미지를 띄워 주는데, 그 이미지는 일반적으로 실제 업로드한 이미지 보다 작은 이미지를 보여 준다.


하지만, 실제로는 그것보다는 큰 이미지가 업로드 되어 있다.
단지 보여줄때 작은 이미지를 보여 줄뿐...
이때, 좀더 큰 이미지를 볼려면...


해당 이미지의 경로중, "s1600" 이라는 항목을 찾아서 바꿔 주면 된다.


예를 들어 "s3200" 이라고 바꿔 주고 이미지를 조회해 보면...


이렇게 훨씬 고해상도의 이미지를 읽어 올 수 있다.
더 큰 이미지를 원한다면? 더 큰 값을 넣어 주면 된다.
당연히 무한정 큰 이미지를 볼 수 있는것은 아니다.


이렇게 아주 큰 값을 넣어 주더라도...


이렇게 현재 구글 서버에 있는 원본의 크기를 넘는 이미지를 보여 주지는 않는다.

구글 내부적으로 어떻게 이미지를 처리하는지는 모르겠으나, 아마도 최초에 업로드한 이미지를 DataStrim 으로 변환해 DB 에 저장 한 다음, 그 이미지를 필요할 때마다 적당한 크기로 실시간으로 변환해서 보여 주고 있는게 아닌가 ... 라고 추측된다.

암튼 이런식으로 하면 구글 서버에 저장된 가장 높은 해상도의 이미지를 볼 수 있다.



2015년 8월 26일 수요일

Google : Blog 에서 태그를 수정 & 추가 하기

블로그를 하다 보면 기존글의 태그을 변경하거나, 아니면 기존글에 새로운 태그를 넣고 싶을 때가 있다. (구글 블로그에선 태그와 라벨이란 말을 어중간하게 섞어서 사용하지만, 여기선 태그로 통일)

그러나 안타깝게도, 구글 블로그는 기존 태그를 수정하는 기능은 없다.
따라서 태그 수정을 하고 싶다면 원하는 태그를 넣고, 기존 태그를 삭제 하는 수 밖에 없다.

그나마 다행인 것은 이것을 일괄 처리하는 방법은 있다.


일단 이렇게 게시물들이 있다고 치고... 이대로 작업 해도 되겠지만, 보통은 전체 게시물이 아닌 일부 게시물을 수정 하고 싶을 것이다.

나의 경우는 "잡담" 태그를 "잡담 & 기타" 로 변경 할 것이다.

그러니 검색 조건에서 "잡담" 으로 태그를 지정하면 "잡담" 태그가 달린 게시물들만 리스트에 나타난다.


전체 게시물을 선택하거나, 태그를 수정할 게시물을 선택한다.


라벨 아이콘을 클릭하고 "새 라벨..." 을 선택.


추가할 태그를 입력한다.


그럼 이렇게 새로운 태그가 추가가 된다.
이제 필요 없게된 태그를 삭제 해보자.
삭제는 훨씬 간단한데...


그냥 상단에서 태그 아이콘을 클릭하고 삭제할 태그를 선택하면 된다.
이때, 선택한 태그가 선택된 게시물에 이미 존재하는 태그면 삭제를 하고, 없는 태그라면 추가가 된다.
이렇게 손쉽게 태그를 넣었다 뺐다 할 수 있다.

이렇게 "잡담" 이라는 태그를 선택해 태그를 삭제하면...

이렇게 글이 없다고 나오는데, 이것은 글이 삭제 된것이 아니라, 현재 검색 조건인 "잡담" 태그에 해당하는 글이 없기 때문이다.
그러므로, 검색 조건을 다시 변경하면...


이렇게 검색조건을 "잡담 & 기타" 라고 지정하면...

이렇게 기존 글들에 "잡담 & 기타" 라고 태그가 지정되어 있는 것이 보일 것이다.

2014년 11월 9일 일요일

현재 (2014년 11월 9일) 애드센스 가입버튼에는 오류가 있다. 활성화 되어 있어도 가입이 안될 수 있음.

애드센스로 돈을 벌어보려 블로그를 시작한건 아니지만, (일 방문자가 10명도 안되는 블로그로 어떻게 .... ㅎㅎㅎ) 애드센스가 어떻게 운영되고 있는건지는 늘 궁금했기에 블로거의 수익 탭에 있는 "애드센스 가입" 버튼은 늘 주시하고 있었다.

문제는 이 버튼이 가입 조건을 충족하지 않는다면 아예 활성화가 안된다는것.
즉, 다른 블로그 들은 가입 신청서를 쓰고 심사를 받는다면 구글 블로그의 경우는 가입 조건을 채우지 못하면( 대부분은 컨텐즈 부족 ) 아예 가입 신청서 자체를 쓸수 없다.

(그렇기 때문에, 현재 블로그가 뭐가 문제라서 가입신청이 안되는지 알 방법이 없음.)

만약, 에드 센스 사이트에 가서 직접 가입신청서를 작성하려고 하면, 블로그 주소를 적는 란에 구글 블로그 주소를 넣는 순간, 구글 블로그 "수익" 탭에서 신청하라고 매몰차게 거절 당하고 더이상 진행이 안될 것이다.
(편법으로 다른 도메인을 등록해 놓고 그 도메인으로 심사를 신청하는 수도 있다.)

하여간, 이 블로그를 운영한지 벌써 8달 정도가 되어 가는데, 며칠전 버튼이 활성화 되길래 "오!! 드디어 신청 조건을 채운건가?" 하고 버튼을 클릭해 봤지만...

버튼이 활성화 되어 있는데도 불구하고, 클릭하면 "로딩중..." 라는 작은 창만 잠깐 뜰뿐 아무런 반응이 없었다.

혹시 활성화 되더라도 어느정도 대기 시간이 있는것은 아닐까?

... 하고 며칠을 기다려 봤지만 역시 아무런 반응이 없다.

결론만 말하면, 현재는 버그가 발생한 상태이며, 버튼을 클릭해도 아무런 반응이 없는 경우는 아직 조건을 채우지 못한 상태라는것.
즉, 버튼 비활성화가 되어야 할 상태인데, 버튼이 활성화 되는 버그가 발생...

... 으...

이미 구글 그룹스에선 많은 사용자들이 동일한 오류를 호소하고 있으며, 구글 측에서도 버그가 발생했다는 것을 인식한것 같다.
https://productforums.google.com/forum/#!msg/blogger/yFqv_K_OWtg/nTxZV4534fgJ


테스트 해보니, 새로만든 아이디에 지금막 생성한 블로그도 "애드센스 가입"이 활성화 되어 있다.

결론은 버튼을 클릭해도 아무 반응이 없으면 그냥 안된다는 얘기인데... 이미 이 사태를 인식하고 있다면, 하다 못해 메시지창이라도 하나 띄워 주던가 할 것이지...

암튼, 괜히 헛물만 켯다.




2014년 4월 24일 목요일

Blogger 에서 google analytics 사용하기.

여러가지 잡다한 기능을 제공하고 있는 구글에서는 사이트 방문자 분석 기능역시 제공한다.

https://www.google.com/analytics



여기가 그곳인데... 일단은 무료다. 물론 유료 버젼도 있는것으로 알고 있지만, 아직은 쓸일이 없으므로 패스...

사용방법은 일반적으로 이런류의 사이트들이 다 그렇듯 회원가입하고... 코드 생성하고... 생성한 코드를 운영중인 사이트에 삽입하고... 뭐, 그렇게 하면 되지만.
구글 Blog 를 사용하는 경우에는 좀 다르다.

일단 회원가입 후. 계정을 등록하는 과정을 거치면 삽입 코드를 생성하는 것 까지는 동일하다.
그 후에, 추적 ID 를 알아 내야 하는데...
이 추적 ID 는





관리 페이지에서 찾을수 있다.

문제는 사이트에 삽입 방법인데...

타 사이트라면 고민할 필요도 없이, 위에 생성된 추적 코드를 사이트내에 삽입하면 되겠으나, 검색해 보면 구글 블로그에는 적용방법이 2가지로 나온다.

한가지는 일반적인 방식대로 템플릿에 코드를 삽입하는 방법.
또 한가지는 사이트 설정에 추적 ID 를 등록하는 방법이다.

문제는 일반적인 검색에서는 첫번째 방법이 나오는 반면, 구글 도움말에는 두번째 방법을 적용하도록 나와 있다는 것이다.


첫번째 방법은 템플릿에서 추가 하면되고...



두번째 방법은 "설정 > 기타" 에서 "웹로그분석 웹 속성 ID" 에 추적 ID 를 기록해 주면 된다.



둘 중 어느 것이 정답인지 애매모호 한것이.
두번째 방법으로 아이디만 등록해 놔도 실시간 로그에 나타나는것으로 봐선 실제로 적용되기는 하는것 같지만...


관리에서 보면 코드가 설치 되지 않았다고 나온다는것...


아무래도 google analytics 가 구글 블로그와 완전히 연동되어 있지는 않은듯 하다.
구글 블로그 내에도 분석 메뉴가 있는데도 불구하고, 따로 등록해줘야 하는것도 그렇고...

일단은 구글이 시킨대로 해놨다.
좀 찝집하지만, 일단은 좀더 지켜보다가 제대로 동작하지 않는다면 그냥 첫번째 방식으로 적용을 해봐야 겠다.

----- - 추 가 - --------------------------------------

하루정도 지나니 설치되지 않았다는 메시지는 없어졌다.




2014년 4월 11일 금요일

Google Blog 에 소스 코드 게시용 SyntaxHighlighter 적용하기.

블로그에 소스를 올릴때 "preetyPrint" 라는 코드를 사용했다.
물론 보기에는 좋았지만, 이 preetyPrint 라는 것은 소스를 복사해 쓰기에는 좋지 않았는데...
텍스트를 선택해서 복사하면 엔터키가 제대로 안먹히는 문제가 있었다.

그래서 찾아 본것이, "SyntaxHighlighter" !!

http://alexgorbatchev.com/SyntaxHighlighter/

이게 가장 흔히 사용되는 듯하다.
적용하는 법은 간단하지만, 문제는 최신 버젼을 적용할 경우 아무리 해도 클릭시 소스코드를 복사 할수 있는 팝업이 뜨지 않는다.



결국 해당 기능이 동작하는 다른 사이트를 참고해서 하위 버젼을 적용할 수 밖에 없었다. (ㅜ.ㅜ)

적용하는 법은 템플릿에서 </body> 태그 바로 앞에...




















를 추가하고.


<pre class="brush: js">
/**
 * SyntaxHighlighter
 */
function foo()
{
     if (counter <= 10)
     return;
    // it works!
}
</pre>


글을 쓸때 이렇게 쓰면 된다.
이제 해당 소스 위에 마우스를 올리면 툴바가 오른쪽 상단에 나타나고, 소스버튼을 클릭하면 새창이 뜨면서 소스를 복사할 수 있는 별도의 창이 뜬다.

어째서 인지는 모르지만 최신 버젼은 툴바를 제대로 지원하지 않는다.

디자인은 preetyPrint 쪽이 맘에 들지만...
뭐 어쩔수 없지.

2014년 4월 9일 수요일

글을 등록할 때 Html 태그 처리

블로그에서 글을 등록할 때 블로그에서 제공하는 웹에디터를 사용하여 글을 등록하는 경우는 Html 태그 때문에 골치 썩일 일이 없겠지만, 프로그램 소스 같은것을 별도의 스크립트를 사용해서 보여 줄때는 Html 태그 때문에 글이 깨어질때가 있다.

당연히 < 나 ", & 같은 특수 문자 때문인데, 이경우 간단히 특수문자를 변경해주는 프로그램을 쓰던가, 아니면 일반적으로 쓰이는 웹에디터 (한메일나 네이버 카페 같은...) 에서는 html 태그 변경기능을 제공하고 있으므로, 에디터 모드로 글을 쓰고, html 모드로 변경해 보면 변환된 html 코드가 있으므로 그걸 사용하면 간단히 해결된다.

하지만, 그냥 간단히 몇문장 변경하기 위해서 탭을 이리 저리 바꾸고하는게 귀찮다면, 간단히 특수문자를 변환해주는 사이트를 사용해 미리 변환후 글을 등록하면 된다.
나의 경우는 www.tools.stylifyyourblog.com 라는 사이트를 블로그에 링크해두고 필요할때 마다 쓰곤한다.
이 사이트는 한 화면에 입력부분과 결과 부분이 같이 있어 이리저리 탭을 변경할 필요 없이 바로바로 변환이 되어 편리하고, 공백문자 제거 같은 몇가지 편리한 옵션도 제공하니 프로그램 소스 같은 특수문자가 많은 글을 작성할때 새창으로 하나쯤 열어 두고 작성해보면 편리하고 좋을 것이다.

http://www.tools.stylifyyourblog.com/p/postify.html


블로그에서 글 접고 펼치기


다른 블로그에선 기본적으로 편집에서 제공해 줬던거 같은데 구글 블로그에선 그런게 없다.
구글이 외국 기업이라 그런지 주기능 이외에는 별로 신경을 안쓰는것 같다.
그래서 스크립트로 처리해 줘야 한다.

이럴때는 그냥 차라리 네이버같은 국내 블로그를 쓰는 편이 좋을것 같다는 생각이 들지만, 어찌보면 쓸데없는 군더더기가 없어 오히려 깔끔하다는 생각이 들기도 한다.

하여간 그다지 구현하기 어려운 기능은 아니니 필요할때마다 구현해 넣어도 된다.
그냥 레이어 하나 만들어서 클릭시마다 토글되게 만들면 된다.
클릭할때 마다 특정 레이어가 보이고 안보이게 토글이 되면 되므로 그다지 이해하기 어렵지도 않다.

단지, 주의 해야 할점은

<span id="more02">
<div id="story02">

와 같이 각 레이어의 ID 가 같은 페이지에서 중복되면 안되므로 적당히 변경 해야 한다.
한페이지에 여러개의 게시물이 나올경우도 있으므로 가급적이면 id 를 날짜나 일련번호를 할당하던지 해서 그런 경우가 생기지 않도록 주의 해야 한다.

<span id="more01" style="CURSOR: hand" onclick="if(story01.style.display=='none') {story01.style.display='';more01.innerText='[접기]'} else {story01.style.display='none';more01.innerText='[펼치기]'}">[펼치기]</span>
<div id="story01" style="display: none">

<pre class="prettyprint linenums">
.kwd{color:#93C763}
.com{color:#66747B}
.
.
.
</pre>

</div>


------ 적용 예제 -------

[펼치기]

소스코드 이쁘게 적용


소스코드를 그냥 적으면 알아 보기도 힘들고 복사해서 쓰기에도 불편하다.
그런데, 마침 딱좋은 기능을 제공하고 있는 곳이 있다.

http://www.stylifyyourblog.com/2012/07/syntax-highlighting-in-blogger-using.html

라는 곳인데, 아래와 같이 코드를 이쁘게 만들어 줄뿐만 아니라 소스를 복사할 수 편리하도록 소스코드만 따로 팝업창으로 띄워 주기도 한다.


public class preetyPrint
   {
     public void HelloWork()
     {
       System.debug("Hi Java World !!");
     }
   }



적용방법은 링크된 사이트를 참고하면 된다.
간단하게 정리하면.

1. 블로그 관리에서 '템플릿 > HTML 편집' 메뉴에서 '</body>' 아래에 스크립트를 추가한다.

[펼치기]




2. ']]></b:skin>' 태그 바로 위에 아래 스크립트를 추가한다.


[펼치기]


3. 아래와 같이 스크립트를 사용하면 끝.

<code class="prettyprint">
...
</code>