klik untuk menyalin
👇
<!-- Google Translate Dropdown -->
<div class="translate-box">
<button class="translate-btn">
<svg viewBox="0 0 24 24" fill="none">
<path d="M4 5h8M8 5c0 6-2 9-5 11m5-11c1.5 3 3.5 5.5 6 7m-3 7l4-10 4 10m-7-3h6"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Translate
</button>
<div class="translate-menu">
<a href="#" onclick="translatePage('id')">🇮🇩 Indonesia</a>
<a href="#" onclick="translatePage('en')">🇺🇸 English</a>
<a href="#" onclick="translatePage('ja')">🇯🇵 Jepang</a>
<a href="#" onclick="translatePage('ar')">🇸🇦 Arab</a>
</div>
<!-- Hidden Google Translate -->
<div id="google_translate_element"></div>
</div>
<style>
.translate-box{
position:relative;
display:inline-block;
font-family:sans-serif;
}
.translate-btn{
display:flex;
align-items:center;
gap:8px;
background:#22c55e;
color:#fff;
border:none;
padding:10px 16px;
border-radius:12px;
cursor:pointer;
font-size:15px;
font-weight:600;
box-shadow:0 4px 10px rgba(0,0,0,.15);
}
.translate-btn svg{
width:20px;
height:20px;
}
.translate-menu{
position:absolute;
top:110%;
left:0;
background:#fff;
min-width:180px;
border-radius:12px;
overflow:hidden;
box-shadow:0 6px 16px rgba(0,0,0,.12);
display:none;
z-index:999;
}
.translate-menu a{
display:block;
padding:12px 15px;
text-decoration:none;
color:#333;
font-size:14px;
transition:.3s;
}
.translate-menu a:hover{
background:#f3f4f6;
padding-left:20px;
}
.translate-box:hover .translate-menu{
display:block;
}
/* sembunyikan widget google */
#google_translate_element{
display:none;
}
.goog-te-banner-frame{
display:none !important;
}
body{
top:0 !important;
}
</style>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id'
}, 'google_translate_element');
}
function translatePage(lang) {
var select = document.querySelector(".goog-te-combo");
if(select){
select.value = lang;
select.dispatchEvent(new Event("change"));
}
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Komentar untuk Script widget Translate Google
Posting Komentar