구글 웹사이트 번역기 사이드바에 추가 [Fast Boot 스킨 꾸미기]

이전 포스팅과 아주 유사한 부분이 많으므로 바로 앞에 포스팅을 한번 읽어보시는것도 도움이 될것 같습니다.

국가별 접속자수 사이드바에 추가하기 [Fast Boot 스킨 꾸미기]

http://disital.tistory.com/34

구글 웹사이트 번역기를 설치해 놓으면 다른 나라에서 자신의 블로그로 유입되었을때 해당 나라의 언어로 번역해줌으로써 보다더 블로그에 있는 시간을 늘여줄수 있다고 생각합니다.

그래서 이번에는 구글 웹사이트 번역기를 사이드바에 설치 하는 방법을 알려드리고자 합니다.

먼저 아래 주소를 클릭하세요.

https://translate.google.com/manager/website/

접속하면 위와 같은 페이지가 나옵니다.

웹사이트에 지금 추가 버튼을 눌러주세요.

자신의 블로그 주소를 넣고 다음 버튼을 눌러주세요.

위와 같이 체크하시고 코드받기 버튼을 눌러주세요.

빨간 네모 박스에 코드가 들어 있습니다.

이제 이걸 복사해 놓으세요

이코드를 복사해서 아래  소스에서 6번째 라인에 붙여넣으면 우리가 원하는 코드가 완성이 됩니다.

※위소스가 제대로안보이면 아래를 보세요(모바일)

<s_sidebar_element>

<!-- 구글 웹사이트 번역기 모듈 -->

<div class="panel panel-default">

<h4 class="panel-heading"><i class="fa fa-globe"></i> Google Translator</h4>

<div class="panel-body" style="text-align:center;">

여기에 코드를 넣어주세요

</div>

</div>

</s_sidebar_element>

위 코드를 복사해서 사용해도 되지만 혹시 잘 안되시면 파일을 첨부할테니 이걸 사용하세요.

Fastboot 사이드바 구글번역기 모듈 .txt

자 이제 이 코드를 가지고 티스토리 사이드 바에 등록하도록 하겠습니다.

우선 티스토리 블로그 관리 화면으로 가셔서 플러그인에서 배너출력이라는 항목이  사용중이여야합니다.

사용중이 아니라면 사용중으로 변경하세요.

그런다음  블로그 관리 메뉴에서 사이드바를 클릭한후 사이드바 메뉴중 html 배너출력 을 클릭한하면 우측에 사이드바에 html 배너가 추가가 됩니다.

이제 이것을 클릭하면 소스를 입력하는 창이 뜨는데 거기다가 아까 만든 소스를 붙여넣으면 됩니다. 소스를 붙여 넣고나서는 변경사항 저장이라는 버튼을 눌러줘야만 적용이 완료됩니다. 혹시나 하시다가 잘안되거나 궁금한점있으면 언제든지 질문하세요. 감사합니다.

제 글이 도움이 되셨다면  "공감 (♡)" 한번씩 클릭해주시고 응원의 댓글들도 남겨주세요.