Memasang Widget Translate Bahasa didalam Artikel Blogger
Hello Guys Wellcome Back To My Blogger :) Pada kesempatan kali ini saya akan membahas mengenai kemudahan pengunjung bule unuk membaca artikel lokal/indonesia menggunakan fitur dari aplikasi google chrome, yang dimana artikel tersebut sudah saya sampaikan kelebihan dan kekurangannya.
Oke, Pada kesempatan kali ini saya bahas kembali fitur tersebut bisa di pasang kedalam blog dengan tampilan yang sangat menarik seperti di bawah ini:
 |
Memasang Widget Translate Bahasa didalam Artikel Blogger |
Copy code dibawah ini, lalu pastekan diatas </body>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>div#google_translate_element div.goog-te-gadget-simple {border: none;background-color: transparent;}div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value:hover {text-decoration: none;}div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {color: #512b58;}div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover {color:#512b58;}div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(213, 213, 213);"] {display: none;}div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(118, 118, 118);"] {display: none;}div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(155, 155, 155);"] {display: none;}div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left: 1px solid rgb(187, 187, 187);"] {display: none;}div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid;"] {display: none;}.goog-te-banner-frame.skiptranslate {display: none !important;}body {top: 0px !important}[class~=post-body]{-webkit-touch-callout:none;}
.kuratranslate{text-align:center;background:#9CE4FF;color:black;padding:10px;margin-bottom:10px;border-radius: 10px;}
Kode Bebas!!
Untuk code yang satu ini peletakannya bebas terserah kalian, bisa di atas artikel, tengah artikel atau dibawah artikel. karena tiap template memiliki struktur yang berbeda maka kalian harus mengekspor sendiri template nya.
Jika template kalian strukturnya sama dengan UlasMobile maka kalian bisa menempelkan kode ini dibawah kode <div class='entry-content-wrap'> yang nantinya akan di tampilkan di bawah artikel berikut ini codenya.
<div class="kuratranslate">This content uses Indonesian, <b>please change to your language</b> by pressing the translate button below. <br/>Thank you for your visit.
<div id='google_translate_element'/></div>
<script type='text/javascript'> function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'id', includedLanguages: 'id,en,vi,zh-CN,th,ru,ms,ko,ja,it,hi,fr,es,de,ar,tr',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');}
$(".hover").mouseleave(
function () {
$(this).removeClass("hover");
}
);</script>Kelebihan Dan Kekurangan
Kelebihan:
- Artikel bisa dibaca oleh pengunjung luar negeri menggunakan bahasa mereka sendiri
- Dapat mentranslate bahasa indonesia ke bahasa luar/lain.
- Tidak perlu memuat ulang halaman blog, karena hasil translatenya sangat real-time.
Kekurangan:
- Karena codenya menggunakan Javascript/JS, maka tentu saja akan membuat loading blog lama, tapi tak seberapa dengan fitur translate yang sepadan dengan kualitasnya.
- Belum sebenihnya akurat dalam memtranslate bahasa gaul. 3. Hasil dari translate tidak terdeteksi di SERP.
NOTE :
- Kalian bisa mengedit bagian id,en,vi,th,ru,ja dll; pisahkan dengan koma. apabila ingin menambahkan pilihan bahasa pada widgednya. Bagian di atas tersebut adalah code bahasa untuk menampilkan bahasa.
- Ganti code #9CE4FF menjadi code warna lain dengan warna yang kalian suka, code tersebut untuk mengubah warna blackgroud pada widged translate.
- Gantik Teks : This content uses Indonesia, Ganti teks : This content uses Indonesian, <b>please change to your language</b> by pressing the translate button below. <br/>Thank you for your visit. ganti sesuai selera kalian.
