ติดปุ่มแปลภาษาบนเว็บ ไม่ต้องง้อ Chrome

เทคนิคเกี่ยวกับการเขียนเว็บ และ Programming ที่เกี่ยวข้องครับ PHP, MySQL, ...

ติดปุ่มแปลภาษาบนเว็บ ไม่ต้องง้อ Chrome

โพสต์โดย admin » เสาร์ 18 มิ.ย. 2011 8:39 pm

เวลาเราอยากเปิดเว็บภาษาต่างด้าว เช่น เว็บภาษาจีน แล้วอยากให้แปลเป็นภาษาที่เราอ่านได้เช่นอังกฤษ (ไม่เอาไทยนะ อากู๋พี่แกยังแปลไม่คล่อง :D ) ถ้าเราใช้ Chrome เป็นบราวเซอร์ มันมักจะมีแถบข้างบนโผล่มาถามให้แปลหน้านี้ให้ ถ้าไม่มีก็คลิกขวาสั่งแปลเป็นอังกฤษได้ แต่ถ้าใช้เว็บบราวเซอร์ตัวอื่น ต้องไปอัญเชิญอากู๋จากเว็บ google translate โดยตรง ไม่สะดวกอย่างยิ่ง

คราวนี้อากู๋พี่แกก็ทำทูลไว้ติดหน้าเว็บสวยๆ ไว้เหมือนกัน ไม่เพียงแค่บริการอื่นๆ อย่าง google map, google custom search, google talk (อันนี้ไว้ดัดแปลงทำเป็น live support กับ gtalk เราได้โดยตรงเหมือนกันไม่ต้องง้อ msn) และล่าสุดก็มีนี่ไงครับ "google translation"

จริงๆ ก็มีหน้าให้ไปเอาโค้ดมาแปะได้โดยตรงที่นี่ http://translate.google.com/translate_tools
แต่ดูแล้วมันมีห้อยคำพูดข้างล่างด้วย กลายเป็นสองบรรทัด บางทีเวลาเอามาวางบนเว็บแล้วไม่ค่อยสวย

เลยไปเจอโค้ดพิเศษมา แปะแล้วเหลือแค่ตัวดรอปดาวน์บรรทัดเดียว แถมดูสวยกว่าด้วยครับ
ง่ายๆ แค่เอาโค้ดด้านล่างไปแปะในตำแหน่งที่ต้องการเท่านั้น (แล้วแก้ตรง pageLanguage: 'en' เป็นภาษาดั้งเดิมของเว็บท่านได้ เช่น th)

โค้ด: เลือกทั้งหมด
<div id="google_translate_element" class="footer_select"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en',
    multilanguagePage: true,
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


หน้าตาออกมาประมาณนี้ครับ สวยไหมเอ่ย
gtrans.jpg
gtrans.jpg (52.39 KiB) เปิดดู 5836 ครั้ง
รับวางระบบร้านเนต-เกม-หอพัก Internet Cafe ติดต่อ LIEWNETWORK TEL : 082-644-1694 cycob41139@hotmail.com
ดูผลงานได้ที่ board.liewnetwork.com มีเบอร์โทรให้คุยกับลูกค้าตัวเป็นๆได้เลย
ภาพประจำตัวสมาชิก
admin
Administrator
 
โพสต์: 374
ลงทะเบียนเมื่อ: เสาร์ 17 ม.ค. 2009 1:47 pm
Has thanked: 8 times
Have thanks: 215 times

Re: ติดปุ่มแปลภาษาบนเว็บ ไม่ต้องง้อ Chrome

โพสต์โดย dewtaa » อังคาร 21 มิ.ย. 2011 4:49 pm

มีวิธีทำให้แถบด้านบนของ google ไม่โผล่ลงมาได้ไหมครับ เวลาเปิดผ่าน browser อื่นที่ไม่ใช่ chrome อย่าง ie firefox มันโผล่มาทุกหน้าเลย ต้องคอยปิด กลัวคนเข้าจะรำคาญน่ะครับ
dewtaa
 
โพสต์: 202
ลงทะเบียนเมื่อ: เสาร์ 05 มี.ค. 2011 2:07 pm
Has thanked: 1 time
Have thanks: 3 times

Re: ติดปุ่มแปลภาษาบนเว็บ ไม่ต้องง้อ Chrome

โพสต์โดย admin » อังคาร 21 มิ.ย. 2011 5:16 pm

dewtaa เขียน:มีวิธีทำให้แถบด้านบนของ google ไม่โผล่ลงมาได้ไหมครับ เวลาเปิดผ่าน browser อื่นที่ไม่ใช่ chrome อย่าง ie firefox มันโผล่มาทุกหน้าเลย ต้องคอยปิด กลัวคนเข้าจะรำคาญน่ะครับ


ใช่ ผมเพิ่งสังเกตเหมือนกันแฮะ
เอาโค้ดนี้ใส่ไว้ในส่วน <head>...</head> หรือก่อนส่วนวางโค้ดข้างบนนะครับ ผมลองแล้วน่าจะหาย

<style type="text/css">
.goog-te-banner-frame{display: none !important;}
body{top: 0px !important;}

.goog-te-balloon-frame{display: none !important;}
font{background: transparent !important;}
</style>
รับวางระบบร้านเนต-เกม-หอพัก Internet Cafe ติดต่อ LIEWNETWORK TEL : 082-644-1694 cycob41139@hotmail.com
ดูผลงานได้ที่ board.liewnetwork.com มีเบอร์โทรให้คุยกับลูกค้าตัวเป็นๆได้เลย
ภาพประจำตัวสมาชิก
admin
Administrator
 
โพสต์: 374
ลงทะเบียนเมื่อ: เสาร์ 17 ม.ค. 2009 1:47 pm
Has thanked: 8 times
Have thanks: 215 times

Re: ติดปุ่มแปลภาษาบนเว็บ ไม่ต้องง้อ Chrome

โพสต์โดย dewtaa » พุธ 22 มิ.ย. 2011 9:10 am

ได้ผลจริงๆ ด้วย ขอบคุณมากเลยนะครับ :D
dewtaa
 
โพสต์: 202
ลงทะเบียนเมื่อ: เสาร์ 05 มี.ค. 2011 2:07 pm
Has thanked: 1 time
Have thanks: 3 times


ย้อนกลับไปยัง Web Programming

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และ บุคคลทั่วไป 2 ท่าน