Google Translate hiện tại có thể dịch 1 website ra rất nhiều ngôn ngữ trong nháy mắt, tích hợp ngay trên trang web và dịch diễn đàn XenForo của bạn chẳng hạn ra tiếng Anh, tiếng Pháp... Chức năng này được nhiều website Wordpress sử dụng nhưng chưa thấy trên XenForo hoặc đã có nhưng chưa tối ưu.
Hôm nay, Blue đã thử trên VNXF và thành công, xin chia sẻ cùng các bạn. Mọi người chỉ cần gắn đoạn code dưới đây vào chỗ template cần hiển thị, có thể đặt ở ad_header hoặc ad_above_top_breadcrumb. Đây mới chỉ là code cơ bản, link file ở VNXF, các bạn có thể tải về up lại và sửa link nếu muốn. Còn giờ hãy thử xem nhé
Chú ý: Do xung đột giữa hàm javasript của google translate với xenforo, nhưng file đó lại do google kiểm soát nên nếu ai dùng google translate sẽ phải chịu mất preview tooltip ở list bài của các box forum.
Hôm nay, Blue đã thử trên VNXF và thành công, xin chia sẻ cùng các bạn. Mọi người chỉ cần gắn đoạn code dưới đây vào chỗ template cần hiển thị, có thể đặt ở ad_header hoặc ad_above_top_breadcrumb. Đây mới chỉ là code cơ bản, link file ở VNXF, các bạn có thể tải về up lại và sửa link nếu muốn. Còn giờ hãy thử xem nhé
Mã:
<link rel="stylesheet" href="http://vnxf.vn/styles/vnxf2016/google-language.css">
<script type="text/javascript" src="http://vnxf.vn/styles/vnxf2016/google-language.js"></script>
<div id="flags" class="size24">
<ul id="sortable" class="ui-sortable" style="float:left">
<li id='English'><a title='English' class='notranslate flag en united-states'></a></li>
<li id='Vietnamese'><a title='Vietnamese' class='notranslate flag vi Vietnamese'></a></li>
</ul>
</div>
<div id="google_language_translator"></div>
<script>
jQuery(document).ready(function(a) {
a("a.nturl").on("click", function() {
function l() {
doGoogleLanguageTranslator(default_lang + "|" + default_lang)
}
function n() {
doGoogleLanguageTranslator(default_lang + "|" + lang_prefix)
}
default_lang = "vi", lang_prefix = a(this).attr("class").split(" ")[2], lang_prefix == default_lang ? l() : n()
}), a("a.flag").on("click", function() {
function l() {
doGoogleLanguageTranslator(default_lang + "|" + default_lang)
}
function n() {
doGoogleLanguageTranslator(default_lang + "|" + lang_prefix)
}
default_lang = "vi", lang_prefix = a(this).attr("class").split(" ")[2], a(".tool-container").hide(), lang_prefix == default_lang ? l() : n()
}), 0 == a("body > #google_language_translator").length && a("#glt-footer").html("<div id='google_language_translator'></div>")
});
</script>
<div id='glt-footer'></div>
<script type='text/javascript'>function GoogleLanguageTranslatorInit() { new google.translate.TranslateElement({pageLanguage: 'vi', autoDisplay: false}, 'google_language_translator');}</script>
<script type='text/javascript' src='//translate.google.com/translate_a/element.js?cb=GoogleLanguageTranslatorInit'></script>
<style type="text/css">
p.hello {
font-size: 12px;
color: darkgray;
}
#google_language_translator,
#flags {
text-align: left;
}
#google_language_translator {
clear: both;
}
#flags {
width: 105px;
position:absolute;
top:60px;
}
#flags a {
display: inline-block;
margin-right: 2px;
}
.goog-tooltip {
display: none !important;
}
.goog-tooltip:hover {
display: none !important;
}
.goog-text-highlight {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
#google_language_translator a {
display: none !important;
}
.goog-te-gadget {
color: transparent !important;
}
.goog-te-gadget {
font-size: 0px !important;
}
.goog-branding {
display: none;
}
#google_language_translator {
display: none;
}
.goog-te-banner-frame {
visibility: hidden !important;
}
body {
top: 0px !important;
}
</style>Chú ý: Do xung đột giữa hàm javasript của google translate với xenforo, nhưng file đó lại do google kiểm soát nên nếu ai dùng google translate sẽ phải chịu mất preview tooltip ở list bài của các box forum.
Sửa lần cuối:
Bài viết liên quan
Bài viết mới
