Home / Lập Trình / Code Dịch Đa Ngôn Ngữ Của Google

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

code dịch đa ngôn ngữ của google
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 .

About admin

congdongblog.com và congdongshop.com là một nhé mọi người, trang website đều do admin là Nguyễn Trung Thông sở hữu và quản lý, với đam mê CNTT , trang này dùng để chia sẽ kinh nghiệm những gì mình có, những gì mình làm được lên đây cho mọi người cùng học nhé, có gì sai sót mọi người bỏ qua nhé

Bạn Chưa biết ?

Hướng Dẫn Khắc Phục Webstite Bị Hack Tiếng Nhật, Mã Độc, Redirect

Hướng Dẫn Khắc Phục Webstite Bị Hack Tiếng Nhật, Mã Độc, Redirect

ContentsCode Dịch Đa Ngôn Ngữ Của Google Hướng Dẫn Khắc Phục Webstite Bị Hack Tiếng …

3 comments

  1. hay quá , thank you ad

  2. trên blogger thì làm sao để thêm Bước 3 bạn ơi

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 *

Đánh giá facebook