티스토리 뷰

ETC

반응형 스킨 사이드바에 구글 번역기 설치

HER-ZONE KOREA & THAILAND D-BIO 2016. 4. 15. 00:49




오늘 스킨을 반응형으로 바꾸고 나서 구글 번역기를 한번 설치해 봤습니다.

처음에는 사이드바 (현재 반응형에서는 하단) 안보이더니 항목 몇개를 제거하니까 나오네요.

 

 

 

 

먼저 구글번역기 사이트로 접속합니다.

이상한 주소 아니니까 걱정 안하셔도 됩니다.

 

http://translate.google.com/manager/website/?hl=ko 

 

 

 

그럼 이제 본인의 티스토리 주소를 복사해서 웹사이트 지금추가 에 입력(복사) 붙여넣기 하시고

 

 

다음로 넘어가기 전에 웹사이트의 원래 언어가 무엇입니까? 를 클릭하시고 한국에 설정하고 다음을 클릭해 주세요

 

여기에서는 번역해줄 언어 선택과 번역기의 디자인을 설정래 주는 페이지 입니다.

 

전세계 언어를 설정하셔도 되고 특정 언어만 설정 하셔도 됩니다.

 

 

특정 언어만 필요한 경우 선택해서 클릭 하시고 아래의 디자인을 고를 차례입니다.

 

번역기는 세가지가 있는데 반응형 스킨의 경우 사이즈가 넓기 때문에 저 같은 경우는 중간 가로형으로 선택했습니다.

 

 

 

 

이렇게 3가지 중에 원하는 디자인으로 선택하면 됩니다.

 

이제 마지막 단계인 코드 받기를 클릭합니다.

 

코드 받기를 클릭하면 아래와 같은 화면이 나오는데 아래 빨간박스안에 코드를 복사해 주시고

티스토리 관리 페이지로 들어갑니다.

 

 

 

티스토리 관리 페이지로 들어와서 꾸미기-> 사이드바 -> HTML 배너출력 추가 -> 사이드바 맨 상단에 추가 -> 편집 -> 코드입력 -> 확인

 

 

 

 

 

아까 복사해둔 코드를 HTML배너출력 옆에 편집을 (클릭하고) 붙여넣기 해 주시면 끝나는데

처음에는 번역기 위치가 왼쪽으로 나오는데 저는 정 중앙에 위치를 잡기위해서

코드를 복사해서 붙여넣고 코드 맨 앞쪽에 <CENTER> 로 추가해 주면 번역기가 저 처럼 정 중앙에 위치하게 됩니다.

그리고 다른 글들과 너무 가깝게 번역기가 붙어 있기 때문에 코드 맨 마지막에는 <BR>를 추가해 주시면 다른 글들과

겹치지 않고 번역기만 깔끔하게 잘 보입니다.

 

<CENTER> 와 <BR> 코드를 넣지 않으면 이렇게 보입니다.

 

 

이 상태에서 코드 맨앞에 <CENTER>를 넣고 마지막에 <BR>를 추가해주면 이렇게 번역기가 깔끔하게 위치해 있습니다.

 

 

 

이렇게 간단한 코드를 입력해 주시면 아래와 같이 마무리 됩니다.

 

 

 

다른 분들도 그런지는 모르겠지만 저 같은 경우는 네이버에서 검색하는 비중보다는 구글에서 검색을 하고 정보를 얻는 경우가 많은데

아무래도 전세계 사이트로 다 들어가다 보니 영어가 아닌 다른 언어일때는 아예 알아볼 수 가 없으니 번역기의 힘을 빌려 대충이라도

정보를 얻는 편인데 가끔 구글번역기가 달려 있어서 바로 볼 수 있는 경우도 있고 아니면 크롬으로 접속해서 번역기를 눌러서 보는

경우도 있는데 없는 것 보다는 있는게 더 좋지 않을까 해서 반역기를 넣어 봤습니다.

누군가에게는 도움이 되지 않을까 싶기도 하고 ...뭐 그렇다고 번역기를 돌려서 보고 싶을만큼의 블로그는 아니지만 그래도 혹시

필요한 사람이 있지 않을까요!!

 

마지막으로 테스트 이미지 입니다. 다른 나라 언어로 메뉴까지 변경 되어 나오네요.

 

 



댓글