Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Memasang Translate Bahasa didalam Blog

 

Cara Memasang Widget Translate pada Blog - Halo guys kali ini mimin bakal bagiin cara memasang widget translate pada blog kalian, kalian pasti bertanya untuk apa? yap yaitu untuk menyaring traffic dari luar negeri atau pengunjung bule, tentu kalian pasti tahu kalau di region lain seperti US dan lainnya pasti pengiklan membayarnya lebih banyak seperti google adsense dan sejenisnya, bagaimana jika artikel kita bisa di translatekan di berbagai macam bahasa pasti pengunjung bisa mencakup pengunjung lebih banyak dari berbagai negarakan.


Langsung ke langkah - langkahnya.


Cara Memasang Translate Bahasa didalam Blog


1. Copy pastekan kode di bawah ini, lalu letakkan di atas kode </body>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

2. Setelah itu copas juga kode ini, lalu letakkan di atas kode ]]></b:skin>

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;}

3. Letakkan kode di bawah ini bebas di widget manapun, lalu jika kalian ingin menempatkan translate di setiap bawah artikel kalian tinggal cari saja kode seperti ini <div class='entry-content-wrap'> , letakkan tepat di bawahnya.

<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: &#39;id&#39;, includedLanguages: &#39;id,en,vi,zh-CN,th,ru,ms,ko,ja,it,hi,fr,es,de,ar,tr&#39;,
layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, &#39;google_translate_element&#39;);}
  $(&quot;.hover&quot;).mouseleave(
    function () {
      $(this).removeClass(&quot;hover&quot;);
    }
  );</script>

Kelebihan Memasang Widget Translate ini diantara lainnya.


Kelebihan :

- Artikel bisa di baca oleh pengunjung luar negeri

- pengunjung bisa lebih mudah memahami isi artikel dengan bahasa mereka sendiri

- bahasa yang di pilih tersimpan di cache

- tidak perlu memuat ulang halaman blog

- meningkatkan traffic dari dalam maupun luar negeri


Kekurangan :

- kode menggunakan kode js maka loading blog akan sedikit agak berat

- belum sepenuhnya akurat namun bisa membuat pembaca sedikit paham dengan bahasa mereka sendiri

- hasil translate tidak terdeteksi di SERP


Catatan :

1. Untuk menambahkan bahasa kalian bisa edit pada bagian id,en,vi,ru,ms dan lain -lainnya - pisahkan dengan koma. Kode - kode tersebut tergantung dari negaranya masing - masing, kalian bisa mencarinya sendiri di google.


Mungkin itu saja yang bisa di share oleh mimin, tinggal kalian terapkan saja semoga berhasil dan berpengaruh untuk traffic blog kalian.. SEKIAN..

Posting Komentar untuk "Cara Memasang Translate Bahasa didalam Blog"