묵상,미술,책,여행,블로그,일상 / 글도 쓰고 그림도 그립니다

Posted
Filed under Blog-Apps-SNS

블로그에 구글 번역기/페이스북 좋아요 단추 달기 - 텍스트큐브로 이사하기 10

설치형 블로그로 이사하고 나면 한동안 이것저것 달아보고 싶기 마련이다. 티스토리 블로그도 비슷하지만 Addthis같은 공유단추며 여러가지 위젯도 주렁주렁 달아본다. 그러다 안정기에 접어들면 꼭 필요하다 싶은 것만 유지하게 되지만 한동안 실험기를 거치게 된다. 그중 많이 달아보는 것이 오늘 소개할 구글 번역기와 페이스북 좋아요 단추다.

 

1. 구글번역기

요즘은 한국어와 한글을 배우는 사람들이 점점 늘어나고 있다는 반가운 소식을 자주 접하게 된다. 앞으로는 보다 많은 사람들이 한국어로 정보를 검색하고 생산하고 소비하는 시대가 오게 될 것이다. 하지만 그것은 미래의 일. 보다 많은 사람들이 왔다가 그냥 돌아서지 않고 블로그를 돌아보고 글을 읽고 가게 된다면 즐거운 일일 것이다. 물론 구글번역기의 기능이 아직 완벽하지는 않다. 영어를 우리말로 번역했을 때의 어색함을 생각하면 그 반대의 경우도 얼마나 우스울지 짐작할 수 있다. 그래도 대강의 뜻을 파악하는 데는 도움이 되지 않을까 한다.

 

1) 웹사이트 정보 입력

  • 구글 웹사이트 번역기로 간다.
  • 웹사이트 URL에 내 블로그 주소를 적는다.
  • 웹사이트의 원래 언어(한국어)를 선택한다.

2) 플러그인 설정

가. 번역언어 - 모든 언어/특정언어 중 하나를 고른다.

나. 표시모드

  • 본문에 표시, 탭으로 표시, 자동 중 하나를 고른다.
  • 세로, 가로, 드롭다운 가운데 하나를 고른다.

다. 고급

기타 원하는 옵션을 설정한다.

3) 코드 받기

  • 코드받기 단추를 누른다
  • 코드를 복사해 control panel>꾸미기>스킨편집>skin.html으로 가서 원하는 위치에 붙여 넣는다.
  • 이 블로그의 경우엔 control panel>꾸미기>사이드바 위젯으로 가서 태그입력기에 코드를 넣고 맨 아래 위치시켰다.

 

2. 페이스북 좋아요 단추

1) 페이스북 소셜 플러그인

2) 좋아요 버튼 구성 도구의 빈 칸을 채운다

좋아요버튼구성도구

  • 좋아요를 누를 URL - 빈칸으로 남겨둔다.

    • 빈칸으로 남겨둬야 페이지마다 좋아요가 적용된다.
    • 사이드바 같은 곳에 두고 블로그 전체에 대한 좋아요를 표시할 경우에는 내 블로그 주소를 쓴다.
  • 폭(width) - 그냥 둬도 된다.

  • 레이아웃 - 스탠다드, 박스-카운트, 버튼-카운트, 버튼 등 좋아요 단추 모양을 정한다.

  • 액션유형 - 좋아요(like)로 할지 추천(recommended)으로 할지 정한다.

  • 버튼 크기 - 작게, 크게 중에서 고른다

  • 친구 프로필 사진 표시 여부를 정한다.(친구가 아니면 단추를 눌렀어도 사진은 보이지 않는다.)

  • 공유하기 단추 포함 여부를 정한다.

    (위 사진은 스탠다드-좋아요-스몰-프로필사진표시-공유버튼 포함으로 정한 단추 모습이다.)

 

3) 코드 받기

  • 코드받기 단추를 누른다.
  • 코드를 복사한다.
  • 내 텍스트큐브 블로그의 control panel>꾸미기>스킨편집>skin.html로 간다.
  • 좋아요 단추를 표시할 위치에 코드를 붙여넣는다.
  • 이 블로그의 경우에는
    <div class="desc-content">[##article_rep_desc##] 바로 아래에 붙였다.

 


<설치형 텍스트큐브로 이사하기 관련글>

2017/03/12 21:31 2017/03/12 21:31