Hướng dẫn Tích hợp Google Translate vào XenForo - Dịch site ra tiếng Anh

Thảo luận trong 'Tips and Guides' bắt đầu bởi Blue, 15/10/2016.

  1. Blue

    Blue Admin - Founder Thành viên BQT

    Tham gia:
    25/02/2015
    Bài viết:
    796
    Đã được thích:
    1,246
    Điểm thành tích:
    93
    Giới tính:
    Nam
    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é :)

    Mã:
    
    
    
    Chú ý: Do xung đột giữa hàm javasript của google translate với bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365, 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.
     

    Các file đính kèm:

    Chỉnh sửa cuối: 25/06/2017
    Kevitch, nghienvt, secpol and 5 others like this.
  2. MacKen

    MacKen Thượng Đế

    Tham gia:
    30/11/2015
    Bài viết:
    626
    Đã được thích:
    527
    Điểm thành tích:
    93
    Nơi ở:
    VN
    Chỉnh sửa cuối: 15/10/2016
    THB thích bài này.
  3. conkhidannb

    conkhidannb Thượng Đế

    Tham gia:
    07/09/2015
    Bài viết:
    189
    Đã được thích:
    131
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Mong bác nào biết đã thử nhưng không thấy xuất hiện gì
     
    THB thích bài này.
  4. MacKen

    MacKen Thượng Đế

    Tham gia:
    30/11/2015
    Bài viết:
    626
    Đã được thích:
    527
    Điểm thành tích:
    93
    Nơi ở:
    VN
    Chỉnh sửa cuối: 15/10/2016
    THB thích bài này.
  5. THB

    THB Admin - Founder Thành viên BQT

    Tham gia:
    25/02/2015
    Bài viết:
    6,336
    Đã được thích:
    3,550
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    CEO
    Nơi ở:
    Bình Dương
    Web:
    vnxf kìa còn cầu mong gì nữa e. hiii
     
  6. conkhidannb

    conkhidannb Thượng Đế

    Tham gia:
    07/09/2015
    Bài viết:
    189
    Đã được thích:
    131
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Không biết sao site của em nó không hiện facepalm~~facepalm~~facepalm~~facepalm~~
     
  7. MacKen

    MacKen Thượng Đế

    Tham gia:
    30/11/2015
    Bài viết:
    626
    Đã được thích:
    527
    Điểm thành tích:
    93
    Nơi ở:
    VN
    DEMO site của bạn đâu
     
  8. conkhidannb

    conkhidannb Thượng Đế

    Tham gia:
    07/09/2015
    Bài viết:
    189
    Đã được thích:
    131
    Điểm thành tích:
    43
    Giới tính:
    Nam
  9. MacKen

    MacKen Thượng Đế

    Tham gia:
    30/11/2015
    Bài viết:
    626
    Đã được thích:
    527
    Điểm thành tích:
    93
    Nơi ở:
    VN
    Không thấy code trong site làm sao hiện được ...BÁc liên hệ skye minh nhé ở dưới chữ ký
     
  10. Jindo_Katori

    Jindo_Katori Thượng Đế

    Tham gia:
    01/03/2015
    Bài viết:
    1,463
    Đã được thích:
    1,114
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    http://tuyhoaplus.com
    Nơi ở:
    http://tuyhoaplus.com
    Web:
    VNXF dùng nhưng chức năng nằm ở góc nào vậy bác sao mình nhìn không thấy?
     
    THB thích bài này.
  11. Jindo_Katori

    Jindo_Katori Thượng Đế

    Tham gia:
    01/03/2015
    Bài viết:
    1,463
    Đã được thích:
    1,114
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    http://tuyhoaplus.com
    Nơi ở:
    http://tuyhoaplus.com
    Web:
    À thấy rồi là cái lá cờ
     
  12. Jindo_Katori

    Jindo_Katori Thượng Đế

    Tham gia:
    01/03/2015
    Bài viết:
    1,463
    Đã được thích:
    1,114
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    http://tuyhoaplus.com
    Nơi ở:
    http://tuyhoaplus.com
    Web:
    Mình đã thử cố chèn vào template khác nhưng chức năng này nó cứ nhảy lên góc logo vậy nhỉ?
    1.png
    Nhờ bác fix hộ được không ạ?

    À nãy sinh một thắc mắc đối với các trang có chức năng chuyển ngữ như thế này thì: "GOOGLE SẼ INDEX NỘI DUNG NÀO CỦA SITE: tiếng anh hay tiếng việt, hoặc cả 02, trường hợp cả 02 mình có cảm giác không đúng lắm, vì nếu thế khi kiểm tra các từ khóa tiếng anh thì gần như không thấy google index"
    Nhiều site phải viết lại bằng tay 02 ngôn ngữ khác nhau...
     
    Chỉnh sửa cuối: 16/10/2016
  13. Blue

    Blue Admin - Founder Thành viên BQT

    Tham gia:
    25/02/2015
    Bài viết:
    796
    Đã được thích:
    1,246
    Điểm thành tích:
    93
    Giới tính:
    Nam
    Nó chỉ giúp người đọc dịch ra tiếng Anh thôi, còn index vẫn là index bài viết mặc định.
     
    Jindo_Katori thích bài này.
  14. MacKen

    MacKen Thượng Đế

    Tham gia:
    30/11/2015
    Bài viết:
    626
    Đã được thích:
    527
    Điểm thành tích:
    93
    Nơi ở:
    VN
    Muốn đặt vị trí lang phải am hiểu css thì đặt được vị trí mình muốn
     
    Jindo_Katori thích bài này.
  15. Jindo_Katori

    Jindo_Katori Thượng Đế

    Tham gia:
    01/03/2015
    Bài viết:
    1,463
    Đã được thích:
    1,114
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    http://tuyhoaplus.com
    Nơi ở:
    http://tuyhoaplus.com
    Web:
    Rất cảm ơn bác đã làm sáng tỏ phần kiến thức bị mù mờ 8-|
    Mình đang xem toàn bộ đoạn code của bác @Blue chia sẽ mà mù chữ thành ra cũng không rõ phải edit lại dòng nào? whew~~
    Mã:
    #glt-footer,
    #glt-footer #google_language_translator {
        display:none !important;
    }
    
    a.wp-studio-logo:focus,
    a.wp-helpdesk-logo:focus {
      box-shadow:none !important;
      -webkit-box-shadow:none !important;
      -moz-box-shadow:none !important;
    }
    
    .goog-te-gadget-simple {
      margin:4px 0;
    }
    
    select.goog-te-combo {
      width:143px !important;
      background:#fff;
      box-shadow:none !important;
      -moz-box-shadow:none !important;
      -webkit-box-shadow:none !important;
      padding:3px !important;
      height:auto !important;
      border:1px solid lightgray !important;
      border-radius:0px !important;
      -webkit-border-radius:0px;
      -moz-border-radius:0px !important;
      -o-border-radius:0px !important;
    }
    
    #flags {
      overflow:hidden;
    }
    
    #flags ul {
      margin:0;
    }
    
    #flags li {
      float:left !important;
      margin-bottom:0 !important;
      padding:0 !important;
      border:none !important;
      list-style:none !important;
      content:none !important;
    }
    
    #flags li:before {
      content:none !important;
      border:none !important;
      background:none !important;
    }
    
    #flags a,
    .tool-container .tool-items a {
      cursor:pointer;
    }
    
    #flags.size24 a {
      width:24px !important;
      height:18px !important;
    }
    
    #flags.size22 a {
      width:22px !important;
      height:17px !important;
    }
    
    #flags.size20 a {
      width:20px !important;
      height:14px !important;
    }
    
    #flags.size18 a {
      width:18px !important;
      height:14px !important;
    }
    
    #flags.size16 a {
      width:16px !important;
      height:12px !important;
    }
    
    .tool-container .tool-items a {
      display:inline-block;
      margin:3px 5px 3px;
      width:24px !important;
      height:18px !important;
    }
    
    .goog-te-gadget {
      color:#444;
      font-size:11px;
      font-family:"Arial",sans,sans-serif;
    }
    
    .goog-te-gadget img {
      vertical-align:middle;
    }
    
    select.goog-te-combo:focus {
      box-shadow:none !important;
      -moz-box-shadow:none !important;
      -webkit-box-shadow:none !important;
    }
    
    .metabox-holder {
      width:65%;
      float:left;
    }
    
    .metabox-holder h2 {
      margin-bottom:18px;
    }
    
    .submit {
      padding:0px;
    }
    
    .form-table th {
      width:50%;
    }
    
    td.advanced {
      padding-top:0px;
      padding-bottom:0px;
    }
    
    p.hello {
      font-size:12px;
      color:darkgray;
    }
    
    .flag{
        padding:1px 0;
    }
    
    a.nturl {
      cursor:pointer;
    }
    
    .flag img,
    .alt_flag img{
        border:0px !important;
        margin-top:2px !important;
        padding:0px !important;
    }
    
    .attribution {
        width:152px;
        line-height:1em;
        margin-top:4px;
    }
    
    span.goog-branding {
        font-size: 11px;
        font-family: arial;
        color: rgb(102, 102, 102);
        white-space: nowrap;
        padding-top: 4px;
        text-align: left;
        width: 150px;
        margin-top: 2px;
        left:170px;
        z-index: 9999;
        float: right;
    }
    
    .goog-logo-link,
    .goog-logo-link:link,
    .goog-logo-link:visited,
    .goog-logo-link:hover,
    .goog-logo-link:active {
        font-size: 12px;
        font-weight: bold;
        color: rgb(68, 68, 68);
        text-decoration: none;
        line-height:0.8em;
    }
    
    span.goog-branding img {
        float: left;
        margin:0px;
        width: 37px;
    
    }
    
    span.vertical-translator {
        position:auto;
        float:none !important;
        font-size: 11px;
        font-family: arial;
        color: rgb(102, 102, 102);
        white-space: nowrap;
        vertical-align: middle;
        padding-top: 4px;
        text-align: left;
        width: 150px;
        margin-top: 2px;
        right: -50px;
        z-index: 9999;
    }
    
    .tool-container .tool-items .flag img {
        width:24px !important;
        height:24px !important;
        margin-top:1px !important;
    }
    
    .tool-items .flag {
        padding:0px !important;
    }
    
    .tool-container {
        line-height:1;
    }
    
    table td {
        border:1px solid #333 !important;
    }
     
  16. Nguoi Chia Se

    Nguoi Chia Se Thượng Đế

    Tham gia:
    26/12/2016
    Bài viết:
    268
    Đã được thích:
    127
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Nếu có thêm tự động dịch thì hay quá
     
  17. secpol

    secpol Thượng Đế

    Tham gia:
    10/06/2016
    Bài viết:
    210
    Đã được thích:
    123
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Nghề nghiệp:
    Health Care
    Nơi ở:
    HN
    Mình đặt vào ad_above_top_breadcrumb không thấy xuất hiện. Copy nguyên code của vnxf luôn.
     
    THB thích bài này.
  18. Nguoi Chia Se

    Nguoi Chia Se Thượng Đế

    Tham gia:
    26/12/2016
    Bài viết:
    268
    Đã được thích:
    127
    Điểm thành tích:
    43
    Giới tính:
    Nam
    mình cũng vậy
     
  19. aiquoc

    aiquoc Thượng Đế

    Tham gia:
    29/07/2015
    Bài viết:
    93
    Đã được thích:
    20
    Điểm thành tích:
    8
    Giới tính:
    Nam
    Nghề nghiệp:
    Seafood
    Web:
    Có hiện nhưng không đúng vị trí, cứ nằm chèn vào chỗ khác
     
  20. namchelsea

    namchelsea Thượng Đế

    Tham gia:
    04/03/2015
    Bài viết:
    470
    Đã được thích:
    296
    Điểm thành tích:
    63
    Giới tính:
    Nam
    Done thank nhiều nhá
     
    Chỉnh sửa cuối: 02/05/2017
    THB thích bài này.

Chia sẻ trang này