구글 블로그에 영문 번역 버튼 달기 - Gloogle blogger, blogspot(블로그 스팟)
해외로부터의 트래픽
구글 번역기 활용
글을 읽어주세요.
레이아웃 메뉴에서 가젯 HTML/자바스크립트코드 입력하기
가젯을 추가하는 방법을 모르시면 여기를 눌러주세요.
가젯의 추가는
설정의 레이아웃 -> 가젯추가 -> HTML/자바스크립트 추가 -> 코드입력의 순서로 진행됩니다.
1. 구글 블로그의 blogger.com으로 로긴하면 좌측에 뜨는 메뉴들입니다.
이 중에서 레이아웃을 선택합니다.
 |
| 설정의 레이아웃을 누르고 |
2. 레이아웃을 누르면 나오는 화면에서 가젯 추가 라고 되어 있는 타일을 클릭합니다.
화면 어디에 있는 타일이든 상관 없습니다.
 |
| 가젯추가를 누르고 |
3. 그 다음 팝업 되어 나오는 가젯 종류들 중에 HTML/자바스크립트 라고 되어 있는 타일을 클릭합니다.
 |
| HTML/자바스크립트를 선택합니다. |
 |
| HTML/자바스크립트 입력 화면 |
HTML/자바스크립트 코드를 보시려면 이 부분을 클릭하세요
<!-- 언어 선택 라벨 및 드롭다운 (한 줄 오른쪽 정렬) -->
<div style="text-align: right; font-size: 110%; margin-bottom: 10px; display: flex; justify-content: flex-end; align-items: center; gap: 8px;">
<span class="notranslate" style="font-weight: bold; color: white;" translate="no">Select Language:</span>
<div id="google_translate_element"></div>
</div>
<style>
/* 드롭다운 텍스트 및 스타일 */
#google_translate_element,
#google_translate_element .goog-te-gadget,
#google_translate_element .goog-te-combo {
color: white !important;
background-color: transparent !important;
}
.goog-te-combo {
border: 1px solid #ccc;
padding: 4px;
}
.goog-te-gadget span {
display: none !important; /* "Powered by Google" 숨김 */
}
/* 자동 번역 방지 */
.notranslate {
unicode-bidi: isolate;
}
</style>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ko',
includedLanguages: 'en,ko',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
autoDisplay: false
}, 'google_translate_element');
}
</script>
<script type="text/javascript">
(function() {
var gt = document.createElement('script');
gt.type = 'text/javascript';
// 인터페이스 언어를 영어로 고정 (hl=en)
gt.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit&hl=en';
document.getElementsByTagName('head')[0].appendChild(gt);
})();
</script>
가젯 HTML/자바스크립트코드 배치하기
댓글
댓글 쓰기