Tuesday 16 November 2010

Cara Memasang Google Translate di Tiap Posting

Postingan kali ini saya akan berbagi ilmu mengenai cara memasang Translate Google
di setiap posting, contohnya bisa sobat lihat dibawah postingan ini.

www.imtikhan.co.cc

Berikut cara memasangnya :
Login ke Blogger 
Klik Tata Letak
Klik tab Edit HTML
Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget ,
lihat gambar di bawah :



Tunggu beberapa saat ketika proses sedang berlangsung
Kemudian cari kode

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>

untuk mempermudah pencarian tekan Ctrl + F atau (F3) di keboard sobat
Jika sudah ketemu silahkan Copy kode Google Translate 
berikut dan letakkan di atas kode yang berwarna biru :

<div style='text-align: right;'><div id='google_translate_element'/><script>

function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id'
}, 'google_translate_element');
}
</script><script src='http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/></div>

Keterangan :
Translate akan muncul di kanan bawah postingan sobat.
Tulisan right diatas bisa sobat ganti dengan center atau left.
Kode translate hanya berlaku untuk blog yang berbahasa Indonesia, coba perhatikan kode (id).

Tambahan :
Jika sobat ingin meletakkan Google Translate 
di kanan atas tepat di bawah judul posting, cari kode di bawah ini :

<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>ta:blog.pageType == "item"'><data:post.body/></b:if>

Copy kode Google Translate 
di atas dan paste-kan di bawah kode yang berwarna biru
Simpan dan lihat hasilnya.

No comments:

Post a Comment

Powered by Blogger.