-티스토리에 구글번역기를 스킨 상단부터 사이드바까지 달 수 있는 설치방법 포스팅-
이번에 방문자 분께서 필자에게 질문을 해오시며 궁굼해 하셨던
구글번역기 다는 방법을 이렇게 포스팅 할 수 있게 될 기회가 먼저 찾아와
다른 포스팅에 앞서 먼저 작성 하고자 한다.
먼저 아직 티스토리를 시작한지 얼마 안된 저에게 이런 질문을
해주셔서 감사한 마음이고,
그만큼 필자의 설명이 도움을 드릴 수 있게 되면 좋겠다.
설명에 앞서 구글번역기를 단 이유는 해외 방문자 분들에게 도움이
되지 않을까 싶어서다. 물론 미약하게나마 들어오시는 타지의 방문자
분들이지만, 그분들에게도 편의를 제공하고 싶었고, 무엇보다 Kpop등 코리아 열풍 덕에
대한민국에 대한 위상이 높아진만큼 관심이 많아진 외국인들에게
한국의 맛집들과 문화등등을 소개 시켜 드리고 싶었기 때문이다.
이제 본론으로 얼른 돌아와 구글번역기를 본인의 티스토리 스킨에 달아보자.
필자의 티스토리 스킨처럼 구글번역기를 상단에 위치시키는 방법부터 설명드리겠다.
위 사진처럼 티스토리 상단에 구글 번역기를 설치 하시기 위해선
먼저 다음이나 네이버에서 구글번역기를 검색한다.
혹은 밑의 링크를 누르시길 바란다.
그럼 위와같은 사진이 뜰 거고,
구글 번역 오른쪽 링크를 클릭하셔서 들어가시면 밑 사진과
같은 화면이 뜰 것이다.
그럼 사진에 노랑 형광펜으로 쓴 웹사이트 번역기를
클릭 하시면 된다. 그럼 또 밑의 사진과 같은 화면이 뜬다.
위 사진의 화면이 뜨시면
바로 웹사이트에 지금 추가 버튼을 누른다.
그럼 구글계정에 로그인 하라고 할 것이다.
혹시 없는 분들은 나중의 구글애드센스를 위해서도
꼭 가입을 하자.
차근차근 잘 따라오시는 거길 바란다^^
이 다음도 한단계 한단계 조급해 하지말고 보시면
굉장히 쉽다는걸 아실 거다.
자 구글계정에 로그인 하셨다면 위와 같은 화면이 뜰텐데
본인의 웹사이트 주소를 웹사이트URL에 정확하게 적으시면 된다.
웹사이트 언어는 본인이 사용하고 계신 지금의 언어를
선택하시면 되겠다. 99프로 한국어라고 생각된다.^^
다 되신거면 파란색의 다음 버튼 클릭.
구글 번역기를 본인의 웹사이트에 추가를 하시려면
위와 같은 과정을 거치시면 된다. 번역 언어는 모든언어 클릭,
표시모드는 드롭다운만 선택하셔서 가장 깔끔하게 보이도록 하자.
고급 부분에선 페이지에 표시된 언어와 다른 언어를 사용하는 사용자를
위해 자동으로 번역 배너 표시를 선택하시면 되겠다.
그다음 파란 코드받기 버튼 클릭.
그럼 위와 같은 화면이 뜬다.
검은색으로 된 부분은 필자가 일부러 한거니 개의치 마시고
구글번역기 코드의 모든 html글자를 미리 복사 해놓자.
이제 본인의 티스토리로 돌아와 admin 관리자 모드로 들어가자.
구글번역기를 티스토리 상단에 설치하기 위해선
HTML/CSS편집을 눌러 아까 복사한 코드를 추가 하셔야 한다.
아주 간단하니 미리 겁먹지 말자.^^
스킨마다 HTML/CSS 형식이 조금 다를 거니 이 부분이
다르다고 걱정 하지 않으셔도 된다.^^ 자 본인의 블로그나 웹사이트
가장 상단에 구글번역기를 설치하기 위해서는 HTML 코드 <head> 바로 밑이나
필자처럼 </head>바로 위에 아까 구글번역기에서 복사한 코드를 그대로
노란색 큰 네모안처럼 붙혀넣기 해주시면 되겠다. 혹시라도
가운데 위치 하지 않는다면 <div id ....> 앞에 <center>만 붙혀주시면 된다.
그리고 저장을 누르시고 본인의 티스토리블로그나 웹사이트를 보시면
상단에 생긴 구글번역기를 보실 수 있을 거다.
빠르게 이어서 구글번역기를 사이드바에 설치하는 방법에 대해 설명해 드리겠다.
이건 HTML을 사용할 필요가 없어서 더 쉽다.
위 방법대로 그대로 진행하시면 된다.
엄밀히 구글 번역기에서 코드를 받고 복사하는 부분까지만 동일하다.
이 다음, 위 사진과 같이 본인의 티스토리 관리자모드로 들어오셔서,
별표 옆에 숫자 순서대로 진행하시면 되겠다.
1번 별표의 사이드바를 누르신후 , 2번 별표 옆의
HTML 배너출력 가장 오른부분의 플러스+ 버튼을 누른다.
그다음 3번 별표 처럼 사이드바 밑에 HTML 배너출력 바가
추가가 될 것이다. 그러면 편집을 누르셔서
4번 별표처럼 작은 하얀색 창이 뜨면 이름과,
구글번역기 복사한 코드를 HTML 소스 빈칸에
붙혀 넣기 해주시면 되겠다.^^
필자의 설명이 이해가기 쉬우셨길 바란다.
전혀 모르시는 분들까지 구글번역기 설치방법
포스팅을 이해하기 쉽도록,
천천히 설명하고, 진행하고자 개인적으론 노력하였다.
혹시라도 모르시는 분들은 방명록이나 댓글에 남겨주시면
필자가 아는 선에선 최대한 도와드리고자 노력할테니
언제든지 반갑게 문의해 주시고, 이러한 오고감이
온라인 상에서라도 길게 남는 인연이 되었음 하는 바람이다.
|
관련 포스팅
|
여러분의 관심과 사랑은 저를 춤추게 합니다.^^
로그인 없이 가능한 즐겨찾기와
하트추천 꾸욱.
'라진의 일상속 정보 > 유용한 이야기' 카테고리의 다른 글
| 내년에 꼭 가봐야하는 해돋이 명소 12선 (10) | 2016.12.28 |
|---|---|
| 당신이 모르는 고양이가 알려주는 8가지 신호 (14) | 2016.12.25 |
| 구글애드센스 신청 1차 2차 승인방법 (60) | 2016.11.04 |
| 베스킨라빈스 이벤트 2016 코리아 세일 페스타 정보 (13) | 2016.10.07 |
| 임파선염 증상에서 중이염 증상 까지 (30) | 2016.09.02 |
