Code Dịch Đa Ngôn Ngữ Của Google

24/05/2019 | admin | 918

code dịch đa ngôn ngữ của google

Code Dịch Đa Ngôn Ngữ Của Google

Chào các bạn!  congdongblog gần đây nhận được nhiều đề nghị làm 1 bài hưỡng dẫn Code Dịch Đa Ngôn Ngữ Của Google , nên hôm nay rãnh ngồi viết bài này cho anh em tham khảo.

  • Lưu ý : Code này mình thấy của google cũng mang tính chất sài tạm thôi, chứ google dịch các bạn cũng hiểu rồi, dịch không chính xác lắm, code này dành cho những bạn lười thôi, không thì các bạn nên làm 1 website ngôn ngữ hẳn hoi do chính các bạn dịch mới chính xác được.
  • Nhược điểm dịch không chính xác rồi, mỗi lần qua page mới mình phải click vào Translate Language mới dịch tiếp chứ không phải giữ nguyên đoạn text đã Translate hết toàn bộ page.

Nhưng Được Cái Nhanh, Nhẹ , Đỡ Mất Công Ngồi Dịch, Không Nhân Đôi Trang Hay Làm Gì Nặng WebSite Cả.

Tham khảo website: trungnamsolar.com

Cách Làm : Code Dịch Đa Ngôn Ngữ Của Google.

  • Đoạn HTML Bạn để vị Trí Nào Cũng Được, (nên để header.php :p)
    Lưu Ý: chổ id=”Vn” hoặc id=”An” do mình chỉ sài tiếng anh với tiếng việt, nếu các bạn muốn sài ngôn ngữ nào khác thì thêm id của nước đó vào nhé, mỗi nước sẽ có 1 mã riêng đó, còn mã nào nước nào các bạn lên google search giúp mình nhé.
<div class="ngonngutns" style="position: absolute; right: 0px; top: 20px;">
<a href="javascript:;" id="Vi" onclick="translateLanguage(this.id);"><span>Tiếng Việt</span>
            <img src="https://trungnamsolar.com/wp-content/uploads/2017/10/viet.png" alt="tiengviet"></a>
<a href="javascript:;" id="En" onclick="translateLanguage(this.id);"><span>English</span>
            <img src="https://trungnamsolar.com/wp-content/uploads/2017/10/anh.png" alt="tienganh"></a> 
</div>
  • Đoạn Sau Bạn Để Vào Footer.php nhé
<div id="google_translate_element" style="display: none">
    </div>
    <script async='async' type="text/javascript">
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({ pageLanguage: 'an', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false }, 'google_translate_element');
        }
    </script>
    <script async='async' src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"
        type="text/javascript"></script>    
    <script>
        function translateLanguage(lang) {
            var $frame = $('.goog-te-menu-frame:first');
            if (!$frame.size()) {
                alert("Error: Could not find Google translate frame.");
                return false;
            }
            $frame.contents().find('.goog-te-menu2-item span.text:contains(' + lang + ')').get(0).click();
            return false;
        }
    </script>

Thông Báo: nhiều anh em bảo add code vào rồi không chạy, mình chek mới biết là quên bước này nữa, add thêm thư viện google vào,”sorry anh em nhé, mình xin update lại bài viết”

BƯỚC 3: THÊM THƯ VIỆN NÀY VÀO header.php nhé! :p

<script src="https://code.jquery.com/jquery-latest.js"></script>

Xong rồi đó, anh em cứ vậy là dịch ngôn ngữ nào cũng được, vừa nhanh vừa tiện khỏi  ngồi dịch từng đoạn.

Nếu có gì thắc mắc thì liên hệ congdongblog.com nhé, hoặc để lại comment bên dưới để mình hỗ trợ nhé, hihi, like ủng hộ mình với nhé ! thank you .

One thought on “Code Dịch Đa Ngôn Ngữ Của Google

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *