Hello sobat IcloudZer kali ini admin akan memberikan informasi mengenai blogger yakni bagaimana caranya membuat atau menampilkan translate atau penerjemah didalam blogger, dan bagaiamana fitur serta fungsinya admin akan membahasnya disini
Info: Sebagai informasi bahwa Translate bisa dibuat menggunakan 2 cara yaitu melalui cara fitur Add Widget dan juga dengan menggunakan script, namun kami akan membahas semuanya disini, ok
Fungsi memasang Translator
Sebenarnya jika kamu telah memasang Translator ataupun penerjemah diblog maka akan lebih mudah bagi para pengunjung blog dari negara lainnya untuk memahami isi pembahasan setiap artikel
Info: Selain itu blog akan terlihat Lebih profesional dan tampak lebih mengesankan
Translator via Add Widget
Nah sebenarnya untuk memasang Translator diblogger ini sangat mudah, karena memang fitur translator ini telah disediakan oleh Blogger sendiri
Tambahkan Widget
Untuk mengaktifkannya kamu bisa pergi ke menu layout, kemudian kllik tombol "Add Widget" seperti contoh gambar dibawah ini
Pilih Widget
Selanjutnya pilih Widget dengan fitur Translate dengan icon Translator atau penerjemah, untuk menampilkan translate didalam Blog, sebagai contoh kamu bisa lihat gambar berikut ini
Atur widget
Kemudian kamu bisa memilih jenis tampilan translate nya seperti untuk memberikan judul widget dari Translator nya, seperti contoh gambar dibawah ini
Info: Kemudian kamu bisa meyimpan widget tersebut, selanjutnya kamu bisa memeriksa tampilan translate nya didalam blog kamu
Translate via Script
Baiklah sekarang saya akan membahas mengenai Pembuatan translate dengan mengunakan script kode yang akan saya jabarkan sebentar lagi
Kode Script
Untuk menampilkan sebuah translate Google diblogger menggunakan kode script, kamu bisa menyalin kode script dibawah ini kemudian letakkan harus didalam template lebih tepatnya menggunakan edit HTML
<b:widget id='Translate1' locked='false' title='Translate' type='Translate' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayMode'>VERTICAL</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div id='google_translate_element'/>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: '<b:eval expr='data:blog.locale.language ?: "auto"'/>',
autoDisplay: 'true',
layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
}, 'google_translate_element');
}
</script>
<script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
</b:includable>
</b:widget>
Warning: jika kamu menaruhnya didalam "Add widget" maka translate atau penerjemahnya tidak akan muncul
Kode Script Lainnya
Nah kami juga menyediakan script kode lainnya untuk membuat translate atau penerjemah isi artikel didalam blog, sebagai contoh script kodenya, kamu bisa melihat' contoh kodenya seperti dibawah ini
<div id='google_translate_element'/>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: '<b:eval expr='data:blog.locale.language ?: "auto"'/>',
autoDisplay: 'true',
layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
}, 'google_translate_element');
}
</script>
<script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
Info: Kode diatas bisa kamu letakkin dimana saja, bisa pada "Add widget" atau dalam menu "Edit HTML"
Contoh Tampilan
Sebagai pelengkap saya akan memberikan contoh tampilan yang bisa kamu lihat seperti berikut ini
Info: Bagaimana sobat dengan tampilan translate nya