Pages

Senin, 03 September 2012

Memasang Widget "Google Translate" di Setiap Posting

Translate merupakan widget untuk blogspot yang berfungsi menterjemahkan konten blog ke dalam berbagai bahasa. Widget ini berfungsi untuk memudahkan pengunjung uantuk mengerti artikel kita, misalnya pengunjung situs kita adalah orang asing. Maka mereka akan dengan mudah untuk menterjemahkan artikel kita, tampa harus menterjemahkannya dengan google translate. Widget translate ini akan tampil pada setiap postingan kita, lain dari translate yang hanya ditampilkan pada sidebar blog. Jika sobat blogger ingin membuatnya, silahkan ikuti langkah-langkah berikut:
1. Login ke blogger dengan akun anda
2. Pilih Rancangan
3. Pilih Edit HTML
4. Centang "Expand Widget Templates", untuk mencegah kerusakan template anda.
5. Cari kode seperti ini atau tekan ctrl+f:

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

</b:if>
6. Masukkan kode script Translate berikut diatas kode yang berwarna merah.
<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:
  • Widget translate akan muncul di sebelah kanan bawah postingan kamu.
  • Kode berwarna merah dapat anda ganti dengan center (tengah), left (kiri).
  • Kode translate hanya berlaku untuk blog yang berbahasa Indonesia. Coba perhatikan tulisan id
Jika kamu ingin menampilkan widget translate di atas posting tepat dibawah judul posting, silahkan cari kode seperti 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>
Kopi kode scrpit translate di atas, dan letakkan tepat di bawah kode yang berwana ungu.

kemudian
Disimpan. Dan lihat hasilnya,Selamat Mencoba..

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar