misther-junett: TRANSLATE

Tutorial Blog
Link
Others
TOURING
- Semarang
  - 2a
    - 1
    - 2
  - 2b
    - 1
    - 2
- Kendal
  - 2a
    - 1
    - 2
  - 2b
    - 1
    - 2
- Grobogan
  - 2a
    - 1
    - 2
  - 2b
    - 1
    - 2
RSS

Tampilkan postingan dengan label TRANSLATE. Tampilkan semua postingan

Sabtu, 23 April 2011

Memasang Widget Google Translate Pada Blog

Sesuai dengan namanya. Widget ini berfungsi untuk menerjemahkan bahasa yang satu ke bahasa yang lain. Dengan memasang widget ini, maka pengunjung yang berasal dari negara lain juga bisa menikmati konten diblog anda. Selain itu, anda juga bisa memanfaatkan widget ini untuk belajar bahasa asing lho. Menarikkan?

Sebenarnya google translate ini sudah pernah saya bahas pada beberapa waktu yang lalu. Namun karena widget ini sudah mengalami perubahan yaitu menggunakan icon-icon bendera sehingga tampilannya menjadi lebih menarik.

Contohnya seperti ini yang dibuat oleh mad tomatoe

dan ini yang dibuat oleh kang rohman

Oleh sebab itu, pada postingan ini saya ingin membahas kembali dengan menyajikan widget buatan saya sendiri. Seperti yang dibawah ini

Widget ini saya buat dengan mengganti icon bendera yang berbentuk seperti pin dan diberi sedikit efek shadow sehingga hasilnya menjadi seperti diatas. Semoga tidak terlalu mengecewakan.

Bagi anda yang tertarik, silahkan copy kode dibawah ini.

Untuk Google Translate 2 baris. Gunakan kode dibawah ini:

Untuk Google Translate 3 baris. Gunakan kode dibawah ini:

1. Kalau sudah, buka kotak HTML/ javascript lalu pastekan kodenya kedalam kotak.

2. Klik Save. Selesai. Silahkan lihat hasilnya.

Jika anda merasa letaknya kurang pas dengan kolom sidebar anda. Anda bisa menyesuaikan jaraknya dengan mengganti nilai 0 pada padding-left. Semakin tinggi nilainya semakin lebar jaraknya. Dan jika anda ingin mengganti icon benderanya dengan icon lain. Silahkan ganti tulisan bewarna merah dengan alamat url icon anda.

Selamat mencoba. Semoga bermanfaat..

Kamis, 31 Maret 2011

Memasang Widget Google Translate di Tiap Posting / Google Translate Widget in Each Post

Hmm... dari judul aja udah ketahuan ketinggalan zamannya. Udah banyak OB yang memposting ini. Yah, daripada ngga ada sama sekali, mending di-ada-in. Kata-kata klasik yang muncul hanya sekedar untuk menambah daftar postingan. Widget ini berguna agar yang diterjemahkan adalah halaman yang bersangkutan saja, atau dengan kata lain "tidak seluruh blog". Demonya dapat kamu kunjungi blog utuharies.blogspot.com. Tertarik untuk memasang widget ini, ayo kita ulas trik blogger-nya "tarik mang..." :

Login dulu ke account blogger kamu.
Pilih tab Tata Letak --> Edit HTML --> centang "Expand Widget Templates".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

Cari kode seperti di bawah ini :

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

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

Masukkan kode Google translate berikut di atas 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 :

Translate akan muncul di kanan bawah postingan kamu.
Kode yang berwarna biru dapat kamu ganti dengan center (tengah) atau left (kiri).
Kode translate hanya berlaku untuk blog yang berbahasa Indonesia, coba perhatikan kode yang berwarna merah (id).

Tambahan :
Jika kamu 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 merah.

Jangan lupa disimpan.

Catatan penting :
Gunakan bahasa Indonesia yang baik dan benar dalam melakukan posting, sehingga hasil translate akan mendekati maksud serta tujuan penulis.

Sekarang lihatlah tampilan salah satu postingan di blog kamu, udah terpampang translate-nya atau belum...
-----------------------------------------------------------------------------------------------------------

Google Translate Widget in Each Post
Google TranslateHmm ... of the title aja've caught behind his time. Already many OB who posted this. Well, instead of guns exist at all, mending in-there-in. Classical words that appear merely to add to the list of posts. This widget is useful for the translated page in question only, or in other words "not all blogs." The demo can you visit the blog utuharies.blogspot.com. Interested to install this widget, let's review his tricks blogger "pull mang ..." :

    Login to your blogger account.
    Select the Layout tab -> Edit HTML -> check "Expand Widget Templates".
Tip: Before you edit the template, you should save your existing template by clicking Download Full Template writings. Then save the hard drive or other storage media, so if things happen that do not want you already have a back-up to restore it to normal.

    Find the code below:

    <b:if cond='data:blog.pageType == "item"'>
    <data:post.body/>
    </ B: if>
Tip: If you look hard, try to press the button F3 on your keyboard. Then will arise a search toolbar under the menu browser (Firefox), so you just insert your text.

    Enter Google translate the following code above the red code:

    <div style='text-align: right;'> <div id='google_translate_element'/> <script>
    googleTranslateElementInit function () {
    google.translate.TranslateElement new ({
    PAGELANGUAGE: 'id'
    }, 'Google_translate_element');
    }
    </ Script> <script src='http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/> </ div>

Description:

    Translate will appear at the bottom right of your post.
    Code blue can you replace with center (middle) or left (left).
    Translate the code only applies to Indonesian-language blogs, look at the red code (id).
Additional:If you want to put Google translate on the top right just below the post title, look for the code below:

    <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>
Google translate Copy the code above and paste it below the red code.

    Do not forget to save.

Important note:Use the Indonesian language properly and correctly in the post, so the results will translate approached intent and purpose of the author.
Now look at the display one of the posts on your blog, already plastered translate it or not ...

Halaman

Sabtu, 23 April 2011

Memasang Widget Google Translate Pada Blog

Kamis, 31 Maret 2011

Memasang Widget Google Translate di Tiap Posting / Google Translate Widget in Each Post