Tingkatkan PageSpeed Google Pada CMS WordPress

Percepat loading halaman web & tingkatkan PageSpeed Score Google menggunakan Plugin W3 Total Cache pada CMS WordPress

Iseng buka web Google Developers - PageSpeed Insights, ketikkan alamat url blog & voila!!! Kecewa dengan hasilnya, ternyata page speed score dari google untuk blog linggihnote.blogspot.com jauh dari yang diharapkan (cuma dapat score 65). jadi ada kerjaan lagi nih ane, target hari ini Tingkatkan PageSpeed Score Google.

Awalnya hanya ingin meningkatkan PageScore saja, namun setelah searching ke beberapa sumber ternyata kecepatan akses web berpengaruh juga terhadap penentuan PageRank. Sebagai bagian penilaian google dalam menentukan PageRank selain dari keunikan konten, inbound link, namun sekarang google juga mempertimbangkan waktu loading web (Page Load Time) sebagai salah satu faktor penentu PageRank.

Google berasumsi, website yang lambat (loading time-nya lama) memberikan pengalaman yang buruk (bad user experience) kepada visitor/pungunjung web. Itulah alasan mengapa web/blog dengan loading page lambat kurang diperhitungkan peningkatan PageRank-nya oleh google.

Situs dengan loading web cepat (bagus) selain memberikan pengalaman baik kepada visitor, namun juga disukai oleh google dengan alasan dapat menurunkan biaya operasi yang dikeluarkan Google (bandwidth untuk crawling web → Optimal web → crawling cepat → bandwidth terpakai sedikit → biaya operasi rendah). Berikut kutipan artikel dari blog resmi Google terkait kecepatan akses web berpengaruh terhadap penentuan PageRank:

"Speeding up websites is important — not just to site owners, but to all Internet users. Faster sites create happy users and we've seen in our internal studies that when a site responds slowly, visitors spend less time there. But faster sites don't just improve user experience; recent data shows that improving site speed also reduces operating costs. Like us, our users place a lot of value in speed — that's why we've decided to take site speed into account in our search rankings. We use a variety of sources to determine the speed of a site relative to other sites."

Sumber: http://googlewebmastercentral.blogspot.com

Namun apakah peningkatan maupun penurunan PageSpeed Score Google berbanding lurus dengan peningkatan maupun penurunan waktu loading (loading time) web? Menurut pendapat pribadi saya, tentu saja berpengaruh. Jika tidak yakin, silahkan test sendiri dengan cara berikut:

1. Buka dahulu Google PageSpeed Insights, lihat PageSpeed Scorenya.
2. Buka website speed check, lihat hasilnya.
3. Lakukan ulang 2 langkah test di atas setelah melakukan tweak/perubahan
4. Bandingkan hasilnya

Kembali lagi ke topik artikel. Setelah saya terapkan tips tweak (percepat) loading halaman web pada artikel ini, syukur Alhamdulillah PageScore Speed Google situs linggihnote.blogspot.com meningkat dari 65 ke 88.

PageSpeed Score Google

Jika berminat, untuk mulai tweak berikut stepnya:

Catatan:

Sebelum apply, harap dicatat; tweak ini hanya berlaku untuk account shared hosting. Untuk VPS/DS sesuaikan Page Cache, Minify, Database & Object Cache (jika ingin pakai) dengan Cache Accelerator masing-masing server.

Pertama, test Score PageSpeed web/blog yang ingin ditweak pada halaman ini dan lihat hasil scorenya. Jika dibawah 80, umumnya web/blog tidak terlalu susah dioptimalkan. Klik pada masing-masing rekomendasi/saran (High priority, Low priority & Experimental rules) pada panel sebelah kiri.

PageSpeed Score Suggestion

Jika mampu tweak menggunakan cara manual, silahkan lakukan. Namun jika tidak (pakai cara yang lebih simpel), berikut panduan mempercepat loading halaman web menggunakan plugin WordPress W3 Total Cache. Download, install & aktifkan plugin W3 Total Cache.

Download WordPress Plugin W3 Total Cache

Konfigurasi Setup W3 Total Cache:

General Setting

Setelah plugin terinstall & diaktifkan, klik General Settings.

General Settings

General Setting → Page Cache

1. Page Cache: » centang Enable
2. Page Cache Method: » Pilih Disk: Enchanced. Untuk pengguna VPS atau DS, sesuaikan cache acceleratornya sesuai dengan yang terinstall pada server.

General Setting - Page Cache

General Setting → Minify

1. Minify: Centang Enable
2. Minifi mode: Pilih Manual
3. Minify Cache Method: pilih Disk → VPS/DS, sesuaikan dengan Cache Accelerator server.
4. HTML Minifier: Pilih Default
5. JS Minifier: Pilih JSMin (default)
6. CSS minifier: Pilih Default

General Setting - Minify

Database Cache & Object Cache, kosongkan (jangan diaktifkan).

General Setting - Database & Object Cache

General Setting → Browser Cache

1. Browser Cache: Centang Enable

General Setting - Browser Cache

General Setting → CDN
CDN, lewatkan. Silahkan aktifkan jika punya account CDN

General Setting - CDN

Point lainnya biarkan pakai setting default. Klik tombol Save all settings
Page Cache Page Cache - General

1. Centang Cache home page
2. Centang Cache feeds: site, categories, tags, comments
3. Disable opsi yang lainnya (jangan dicentang)

Page Cache - General

Page Cache - Advanced → biarkan pakai setting default.
Page Cache - Cache Preload

1. Centang Automatically prime the page cache
2. Update interval: Isikan dengan nilai 900
3. Pages per interval: Isikan 7
4. Sitemap URL: Isikan alamat xml sitemap

Page Cache - Cache Preload

Klik tombol Save all settings
Minify
Minify - JS

1. JS minify settings: Centang Enable, Preserved comment removal & Line break removal
2. JS file management: pilih theme yang dipakai
3. Tambahkan script dengan klik pada tombol Add a script, kemudian ketikkan alamat url file Script. Untuk lihat file script mana saja yang harus di minify, lihat pada PageSpeed Score Google klik pada suggestion (saran) Minify JavaScript. Kemudian Copy link script URL & pastekan pada text field File URI: Lebih jelasnya, lihat pada gambar di bawah.

JavaScript Minify Suggestion

Minify JS

Minify - CSS

1. CSS minify settings: Centang Enable, Preserved comment removal, Line break removal
2. @import handling: Pilih Process
3. CSS file management: pilih theme yang aktif
4. Tambahkan file CSS dengan klik pada tombol Add a style sheet, kemudian isikan dengan alamat URL CSS. Langkah copy paste sama dengan Minify - JS di atas.

Minify - CSS

Point lainnya biarkan pakai setting default. Klik Save all settings

Browser Cache
Browser Cache - General

1. Centang Set Expires header, Set cache control header, Set W3 Total Cache header & Enable HTTP (gzip) compression

Browser Cache - General

Browser Cache - CSS & JS

1. Centang Set expires header
2. Expires header lifetime: isikan dengan 604800
3. Centang Set cache control header
4. Cache Control policy: Pilih cache with max-age ("e; max-age=EXPIRES_SECONDS...
5. Centang Set W3 Total Cache header
6. Centang Enable HTTP (gzip) compression

Browser Cache - CSS & JS

Browser Cache - HTML & XML

1. Centang Set expires header
2. Expire header lifetime: isikan 3600
3. Centang Set cache control header
4. Cache Control policy: pilih cache with max-age.... → lihat screenshot gambar
5. Centang Set W3 Total Cache header
6. Centang Enable HTTP (gzip) compression

Browser Cache - HTML & XML

Browser Cache - Media & Other Files

1. Centang Set expires header
2. Expires header lifetime: isikan 604800
3. Centang Set cache control header
4. Cache Control Policy: pilih cache with max-age... → Lihat screenshot gambar
5. Centang Set W3 Total Cache header
6. Centang Enable HTTP (gzip) compression

Browser Cache - Media & Other Files

Klik Save all settings Selesai. Jangan lupa setiap kali melakukan perubahan, klik pada tombol empty cache atau empty all caches W3 Total Cache Tips: Setiap melakukan perubahan setting selalu kosongkan cache (klik tombol empty cache) dan cek fungsionalitas setiap komponen halaman web yang menggunakan file CSS atau JavaScript (form kontak, slider portofolio, navigasi menu → jika meminta file .js, dlsb). Jika error, kemungkinan besar karena minify CSS atau JavaScript. Jika trik W3 Total Cache di atas gagal atau hasilnya kurang memuaskan, optimalkan loading page halaman web dengan cara manual. Misal:

1. Compress (perkecil) file gambar jika memungkinkan
2. Kombinasikan gambar berdimensi kecil menjadi satu file gambar (menggunakan CSS Sprite) jika memungkinkan untuk mengurangi delay request.
3. Gabungkan beberapa file CSS menjadi satu file CSS
4. Compress file JavaScript dengan cara encrypt

Selengkapnya

Trik Web Traffic Gratis

SEO Tips - Tingkatkan Traffic Web/Blog Dengan Memanfaatkan Situs Online Reading/Publishing

Blogger maupun webmaster seringkali kesulitan mendatangkan web traffic ke blog/web, biasanya pada fresh domain (nama domain yang baru saja dibuat). Atau bisa jadi seperti yang saya alami, 'blog dengan subscriber & web traffic yang lumayan, namun sayangnya domain expire dan lupa/tidak sempat diperpanjang. Terpaksa deh mulai lagi dari awal dengan pakai nama domain baru (linggihnote.blogspot.com → sebelumnya linggih-blog.com). :D'

Beberapa upaya bisa dilakukan untuk mendongkrak traffic web/blog ini, misal; dengan ikut serta pada program PPC (pay-per-click) networks seperti Google Adsense contohnya (tidak gratis/layanan berbayar), submit ke search engine directory (traffic dari SERP), optimalkan tag & keyword SEO pada konten artikel, Guest Posting Service (tulis artikel pada web lain), blog walking (isi komentar pada blog lain dengan men-tautkan link web/blog), dlsb.

Namun pada artikel kali ini saya coba sharing pengalaman pribadi 'Cara mendatangkan traffic web gratis menggunakan situs online reading & publishing'. Contoh situs online reading & publishing yang paling populer saat ini adalah scribd.com. Kurang lebih selama 1 bulan terakhir, alexa traffic blog saya dari No data dengan memakai trik ini (salah satunya) meningkat ke 3,500,152 (pada saat artikel ditulis).

Alexa Traffic Rank

Dengan menerapkan trik ini, secara tidak langsung akan mendatangkan traffic web gratis dari SERP (Search Engine Result Pages), meskipun tidak 100% user (visitor) klik pada tautan link web/blog. Siklus web traffic dari SERP, ilustrasi sederhananya begini:

User/Visitor → Search Engine → Situs Online Reading/Publishing → Link ke Web/Blog

SERP Google

SERP Scribd

Hyperlink Web/Blog

He he... :). Lumayan kan buat tingkatkan traffic gratis dari SERP Search Engine. OK... Mungkin tidak semua visitor klik pada tautan link; coba ilustrasikan pakai cara hitungan kasar, mungkin hanya 30 - 50% visitor saja yang klik pada tautan link. Jumlah dokumen 102 misalnya, dan total dokumen yang dibaca/dikunjungi (Total Reads) 3.664 hits/klik → 3.664 x 30% = 1.099 hits/klik. Tetap saja jumlah yang lumayan bukan!
:D

Scribd Statistik Dokumen

Semakin banyak dokumen yang diupload, semakin besar peluang traffic web gratis didapat. Dari pengalaman saya, statistik visitor baik dari AWstats cPanel maupun google analytics, dengan mamakai trik ini terbukti ampuh mendatangkan traffic web gratis (Lihat screenshot di bawah).

AWstats Web Traffic Analytics

Referral Traffic Google Analytics

Global Traffic Google Analytics

OK. Untuk memulai apply trik ini, berikut step sederhananya:

1. Daftar dulu di scribd. Atau bisa langsung login dengan menggunakan account facebook.
2. Setelah berhasil login, buat artikel dokumen pada Komputer/PC lokal dengan ektensi format file 'rtf, doc, docx atau PDF'.
3. Upload Dokumen
4. Setelah dokumen selesai diupload, isikan Title, Categories, Tag & Description sesuai topik artikel
5. Selesai

Gampang kan! :) Untuk menggandakan traffic web, cari situs online reading/publishing sejenis & upload ulang dokumen (Google Drive Misalnya).

Tambahan:

Upload juga dokumen pada situs online file sharing seperti 4shared misalnya, kadang-kadang muncul juga pada SERP google.

SERP 4Shared

File Sharing 4Shared

Semoga bermanfaat...
:)

Selengkapnya

Cegah Akses File robot.txt Kecuali Google

File robots.txt dikhususkan hanya untuk blok robot (search engine) & bukan user (site visitor). Karena file robots.txt merupakan public file, semua orang (site visitor) bisa melihat konfigurasi file atau direktori mana saja yang diblok oleh file robots.txt.

Cukup dengan mengetikkan alamat domain atau subdomain diikuti dengan mengetikkan karakter garis miring/slash (/) + robots.txt, site visitor bisa melihat isi/konten file robots.txt (http://domain-target.com/robots.txt) (Gambar lihat Screenshot di bawah).

robots.txt

Untuk menghindari visitor akses file robots.txt, berikut ada cara menyembunyikan (deny access) file robot.txt dari scanning luar kecuali untuk googlebot dan google analytics:

Buka file .htaccess, kemudian tambahkan code di bawah ini:

<Files robots.txt>
Order Deny,Allow
Deny from All
Allow from googlebot.com google.com google-analytics.com
</Files>

Simpan perubahan file .htaccess. Sekarang setiap kali ada visitor yang akses file robots.txt, akan diarahkan ke halaman error 403 (forbidden).

Forbidden

You don't have permission to access /robots.txt on this server.

robots.txt: Forbidden Error 403

Selesai. Semoga bermanfaat...
:)

Selengkapnya

Upload dan Sharing Dokumen Menggunakan Google Docs

'Google Docs' merupakan salah satu dari beberapa aplikasi online gratis Google Apps. Google docs mempunyai beberapa macam fungsi dan kegunaan, fungsi utama yang dapat anda temukan antara lain :

1. Word Processing. Fungsi dan kegunaanya mirip dengan 'Microsoft Office Word'.
2. Spreadsheets. Fungsi dan kegunaannya sama seperti 'Microsoft Office Excel'.
3. Presentations. Fungsi dan kegunaannya sama seperti 'Microsoft PowerPoint'.
4. Dan masih banyak fungsi lainnya seperti misalnya dapat anda gunakan untuk membuat kontak form.

Untuk dapat mulai menggunakan fasilitas ini tidak banyak persyaratan yang harus anda penuhi, yang utama adalah anda punya koneksi internet dan sudah memiliki google account (gunakan account gmail anda). Jika dua hal di atas sudah terpenuhi, you are ready to go. Dokumen dapat anda buat langsung pada halaman utama google docs >> Klik pada tombol drop-down 'New' sebelah pojok kiri atas >> Pilih jenis dokumen yang ingin anda buat, atau dokumen dapat dibuat di komputer rumah menggunakan aplikasi office anda kemudian upload ke google docs. File Extentions yang didukung untuk dapat diupload ke google docs antara lain :

1. Documents (up to 500KB)
2. HTML file dan plain text (.txt).
3. Microsoft Word (.doc), Rich Text (.rtf), OpenDocument Text (.odt) dan StarOffice (.sxw).
4. Presentations (sampai 10MB dari computer, 2MB dari web, 500KB via email) ==> Microsoft PowerPoint (.ppt, .pps).
5. Spreadsheets (Sampai 1MB).
6. Comma Separated Value (.csv).
7. Microsoft Excel (.xls) files and OpenDocument Spreadsheet (.ods).
8. PDF Files (up to 10MB from your computer, 2MB from the web)

Jika ingin sharing file dengan teman, kerabat, atau rekan kerja anda cukup klik pada pilihan dokumen di jendela sebelah kanan pada halaman utama google docs. Kemudian klik tombol drop-down 'Share' pada sebeleh pojok kanan atas, klik pada pilihan menu 'Get the link to share'. Centang pada kotak 'Allow anyone with the link to view (no sign-in required)'. Jika anda memperbolehkan mereka untuk mengedit dokumen anda klik pada kotak checkbox 'Also allow them to edit'. Copy url di bawah tulisan 'Share this link via email or IM' dan kirimkan ke orang-orang yang ingin anda ajak sharing. Klik 'Save & Close'. Selesai.

Selengkapnya

Blogspot Sitemap Error "Google Webmaster Tools"

Beberapa minggu yang lalu saya coba submit blog baru ini ke google, tapi tidak tahu kenapa 'Sitemap Status' nya 'Warning'. Detailnya announcement-nya kurang lebih bertuliskan 'error:URL restricted by robots.txt'. Saya coba berulangkali submit ulang sitemat atom feed blog saya, tetapi hasilnya tetap sama.

Setelah mencari-cari dimana letak kesalahannya, ternyata permasalahan ini disebabkan setelah saya migrasikan (pindahkan) arah feed blog saya ke 'FeedBurner'. Pada dasarnya url yang saya submit ke google webmaster tools mengarah pada url 'Feedburner' bukan ke url blog yang saya submit. Bersumber dari solusi yang saya dapatkan di sini, ternyata penyelesaiannya hanya dengan sedikit memodifikasi url sitemap yang sebelumnya beralamat 'http://tutorial7.blogspot.com/atom.xml saya tambahkan '?redirect=false' menjadi 'http://tutorial7.blogspot.com/atom.xml?redirect=false'. Eh.. ternyata berhasil, status sitemap warning sudah hilang.

Tambahan:

1. Jika anda mempunyai posting lebih dari 100, dan ingin semua posting terindeks tambahkan kode di bawah:
   
   
   
   

   
   

   atom.xml?redirect=false&start-index=1&max-results=100
   atom.xml?redirect=false&start-index=101&max-results=100

   
   
2. Jika lebih dari 200:
   
   
   
   

   
   

   atom.xml?redirect=false&start-index=1&max-results=100
   atom.xml?redirect=false&start-index=101&max-results=100
   atom.xml?redirect=false&start-index=201&max-results=100

   
   
3. Jika lebih dari 300:
   
   
   
   

   
   

   atom.xml?redirect=false&start-index=1&max-results=100
   atom.xml?redirect=false&start-index=101&max-results=100
   atom.xml?redirect=false&start-index=201&max-results=100
   atom.xml?redirect=false&start-index=301&max-results=100

   
   

Seperti yang anda lihat, 'start-index' adalah nomor permulaan posting dan 'max-results' merupakan batas jumlah posting. Batas 'max-results' sampai dengan 500, supaya aman banyak yang merekomendasikan sampai batas 100.

Selengkapnya

Pasang Widget Google Translate Blogspot

Janggal rasanya jika akses blog/web dengan mediator bahasa yang sangat asing atau bahkan sama sekali belum pernah kenal seperti misalnya bahasa Rusia, Ceko, Bulgaria, Turki, dan bahasa minoritas asing lainnya.

Jika memang konten di dalamnya sesuai dengan yang anda cari, lalu apa yang harus dilakukan, haruskah diabaikan, atau haruskah menerjemahkan satu persatu setiap susunan kata & butuh waktu berapa lama? Satu dari beberapa solusinya adalah dengan menggunakan tool penerjemah online, seperti misalnya Google Translate, Yahoo! Babel Fish, atau Worldlingo. Tinggal copy alamat urlnya, paste pada situs-situs di atas, beberapa saat halaman terjemahan yang anda butuhkan sudah diterjemahkan.

Era sekarang semuanya serba mungkin seperti ketersediaan akses informasi yang dapat dilihat via internet dari belahan dunia manapun dan kapanpun, jangan sampai disia-siakan. Fitur gratis seperti widget google translate sangat bermanfaat bagi webmaster untuk mendapatkan trafik gratis dari pengunjung (visitor) negara lain.

Misal visitor dari Cina masuk ke situs anda, yang harus mereka lakukan hanyalah klik pada bendera Cina untuk menerjemahkan situs halaman anda ke bahasa mereka. Trik ini dapat memperkecil resiko bounce visitor (visitor akses web namun tidak tertarik untuk melihat halaman web yang lain pada situs yang sama), bahkan mungkin mereka bisa saja subscribe ke situs anda jika memang konten yang yang anda sajikan cukup menarik walaupun bahasa yang dipakai sama sekali berbeda dengan bahasa asli mereka.

Mau tahu bagaimana cara menambahkan widget translate di blog anda? Berikut tutorial sederhana cara pasang google translate widget pada blogspot:

• Login ke blogger. Pilih menu 'Layout' (tata letak) > klik pada 'Page Element' (elemen halaman).
• Klik 'Add Gadget' (tambah gadget) > klik pada 'HTML/JavaScript'.
• Tulis 'Title' (judul) anda misal 'Translate This Blog', isikan kontennya dengan kode di bawah ini :

<strong><span style="text-align: center; background: padding: 5px;">.: Translate This Post to Your Regional Language :.<hr/> <a style="cursor: pointer;" target="blank" title="Translate to English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;">English</a><a> | </a> <a style="CURSOR: pointer" target="_blank" rel="nofollow" title="转化为中文&#65288;简体)" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;">中文&#65288;简体)</a><a> | </a> <a style="CURSOR: pointer" title="ترجمة الى العربية" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en'); return false;">العربية</a><a> | </a> <a style="CURSOR: pointer" target="_blank" rel="nofollow" title="한국 번역" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en'); return false;">한국어</a><a> | </a> <a style="CURSOR: pointer" title="Traduci in Italiano" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;">Italiano</a><a> | <a><a style="CURSOR: pointer" target="_blank" rel="nofollow" title="Vertaal naar Nederlands" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en'); return false;">Nederlands</a><a> | </a> <a style="CURSOR: pointer" target="_blank" rel="nofollow" title="Перевести на русский" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;">Русский</a><a> | </a> <a style="CURSOR: pointer" target="_blank" rel="nofollow" title="Traduzir para o Português" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;">Português</a><a> | </a> <a style="CURSOR: pointer;" title="翻訳する日本語" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;">日本語</a><a> | </a> <a style="CURSOR: pointer;" target="_blank" rel="nofollow" title="Traducir al español" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;">Español</a><a> | </a> <a style="CURSOR: pointer;" target="_blank" rel="nofollow" title="Traduire en français" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;">Français</a><a> | </a> <a style="CURSOR: pointer;" title="Übersetzen auf Deutsch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;">Deutsch</a><a> | </a> <a style="CURSOR: pointer;" title="Perkthimi në shqip" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Csq&amp;hl=en'); return false;">Shqipe</a><a> | </a> <a style="CURSOR: pointer;" title="Превод на България" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cbg&amp;hl=en'); return false;">Български</a><a> | </a> <a style="CURSOR: pointer;" title="Traduir al català" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cca&amp;hl=en'); return false;">Català</a><a> | </a> <a style="CURSOR: pointer;" title="轉化為中文&#65288;繁體&#65289;" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-TW&amp;hl=en'); return false;">中國&#65288;繁體&#65289;</a><a> | </a> <a style="CURSOR: pointer;" title="Prijevod na hrvatski" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Chr&amp;hl=en'); return false;">Hrvatski</a><a> | </a> <a style="CURSOR: pointer;" title="Přeložit do češtiny" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ccs&amp;hl=en'); return false;">Čeština</a><a> | </a> <a style="CURSOR: pointer;" title="Tõlgi eesti" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cet&amp;hl=en'); return false;">Eesti</a><a> | </a> <a style="CURSOR: pointer;" title="Translate to Suomi" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfi&amp;hl=en'); return false;">Suomi</a><a> | </a> <a style="CURSOR: pointer;" title="Ελληνική Γλώσσα" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cel&amp;hl=en'); return false;">Ελληνικά</a><a> | </a> <a style="CURSOR: pointer;" title="ह&#2367;न&#2381;द&#2368; अन&#2369;व&#2366;द करन&#2375; क&#2375; ल&#2367;ए" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Chi&amp;hl=en'); return false;">ह&#2367;न&#2381;द&#2368;</a><a> | </a> <a style="CURSOR: pointer;" title="Tulkot uz latviešu" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Clv&amp;hl=en'); return false;">Latviešu</a><a> | </a> <a style="CURSOR: pointer;" title="Ittraduċi li Malti" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cmt&amp;hl=en'); return false;">Malti</a><a> | </a> <a style="CURSOR: pointer;" title="Oversett til norsk" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cno&amp;hl=en'); return false;">Norsk</a><a> | </a> <a style="CURSOR: pointer;" title="Traduceţi la români" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cro&amp;hl=en'); return false;">Român</a><a> | </a> <a style="CURSOR: pointer;" title="Транслате то Сербиан" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Csr&amp;hl=en'); return false;">Српски</a><a> | </a> <a style="CURSOR: pointer;" title="Preložiť do slovenčiny" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Csk&amp;hl=en'); return false;">Slovenský</a><a> | </a> <a style="CURSOR: pointer;" title="Prevedi na Slovenskem" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Csl&amp;hl=en'); return false;">Slovenski</a><a> | </a> <a style="CURSOR: pointer;" title="Översätt till svenska" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Csv&amp;hl=en'); return false;">Svenska</a><a> | </a> <a style="CURSOR: pointer;" title="แปลเป&#3655;นประเทศไทย" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cth&amp;hl=en'); return false;">ชาวไทย</a><a> | </a> <a style="CURSOR: pointer;" title="Translate Türkçe" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ctr&amp;hl=en'); return false;">Türkçe</a><a> | </a> <a style="CURSOR: pointer;" title="Dịch sang Tiếng Việt" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cvi&amp;hl=en'); return false;">Tiếng Việt</a><a> | </a> <a style="CURSOR: pointer;" title="Translate Türkçe" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ctk&amp;hl=en'); return false;">Türkçe</a><a> | </a> <a style="CURSOR: pointer;" title="Dansk" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cda&amp;hl=en'); return false;">Dansk</a><a> | </a> <a style="CURSOR: pointer;" title="Translate to Filipino" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ctl&amp;hl=en'); return false;">Filipino</a><a> | </a> <a style="CURSOR: pointer;" title="Traducir ao galego" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cgl&amp;hl=en'); return false;">Galego</a><a> | </a> <a style="CURSOR: pointer;" title="Translate a magyar" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Chu&amp;hl=en'); return false;">Magyar</a><a> | </a> <a style="CURSOR: pointer;" title="תרגם לעברית" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ciw&amp;hl=en'); return false;">עברית</a><a> | </a> <a style="CURSOR: pointer;" title="Versti į lietuvių" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ctw&amp;hl=en'); return false;">Lietuvių</a><a> | </a> <a style="CURSOR: pointer;" title="Przetłumacz na polski" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpl&amp;hl=en'); return false;">polski</a><a> | </a> <a style="CURSOR: pointer;" title="แปลเป&#3655;นประเทศไทย" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cth&amp;hl=en'); return false;">ประเทศไทย</a><a> | </a> <a style="CURSOR: pointer;" title="Перекласти на українську" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cuk&amp;hl=en'); return false;">Українська</a><br/> Powered by<a href="http://translate.google.com/?hl=en"> Google Translate</a> | Widget Edited by<a href="http://linggihnote.blogspot.com/" title="Membuat Google Translate Widget Blogger"> .:: Linggih ::. </a></a></a></span></strong>

href)+'&langpair=id%7Czh-CN&hl=en'); return false...."=> 'id' = diterjemahkan dari bahasa asli (Indonesia), 'zh-CN' = diterjemahkan ke bahasa Cina Simplified.

Jika ingin membuat translate ke dalam bahasa lainnya selain di atas, cukup ganti kode bahasa terjemahan tujuan ( href)+'&langpair=id%7Czh-CN&hl=en'); return false...."=> 'id' = diterjemahkan dari bahasa asli (Indonesia), 'zh-CN' = diterjemahkan ke bahasa Cina Simplified) . Berikut kode dari masing-masing negara;

Albanian (Albania) → sq
Arabic (Arab) → ar
Bulgarian (bulgaria) → bg
Catalan (Catalunya) → ca
Chinese (Simplified) → zh-CN
Chinese (Traditional) → zh-TW
Croatian (Kroasia) → hr
Czech (Ceko) → cs
Danish / Royal Danish (Denmark) → da
Dutch (Belanda) → nl
English (Inggris) → en
Estonian (Estonia) → et
Filipino (Filipina) → tl
Finnish (Finlandia) → fi
French (Perancis) → fr
Galician (Gallegan) → gl
German (Jerman) → de
Greek (Yunani) → el
Hebrew (Israel) → iw
Hindi (India) → hi
Hungarian (Hungaria) → hu
Indonesian (Indonesia) → id
Italian (Italy) → it
Japanese (Jepang) → ja
Korean (Korea) → ko
Latvian (Latvia) → lv
Lithuanian (Lituania) → lt
Maltese (Malta) → mt
Norwegian (Norwegia) → no
Polish (Polandia) → pl
Portuguese (Portugis) → pt
Romanian (Rumania) → ro
Russian (Rusia) → ru
Serbian (Serbia) → sr
Slovak (Slovakia) → sk
Slovenian (Slovenia) → sl
Spanish (Spanyol) → es
Swedish (Swedia) → sv
Thai (Thailand) → th
Turkish (Turki) → tr
Ukrainian (Ukraina) → uk
Vietnamese (vietnam) → vi

Meskipun Google dan situs-situs penerjemah lainnya menggunakan software penerjemah terbaik, namun hasil terjemahannya tidak seratus persen tepat, bahkan kadang membingunkan. Walaupun begitu, visitor dari negara lain ketika membaca konten terjemahan situs, bisa menangkap makna inti dari konten anda.

Tips optimalkan hasil terjemahan:

Jika memungkinkan buatlah konten dengan menggunakan bahasa yang baku, jangan terlalu sering menyisipkan bahasa gaul atau bahasa yang memiliki kosa kata yang kacau, sehingga situs anda dapat diterjemahkan dengan hasil translate maksimal.

Semoga bermanfaat...
:D

Selengkapnya

Membuat Form Kontak Menggunakan Google Docs

Website/blog rasanya kurang pas jika di tidak ada media komunikasi antara webmaster dengan site visitor, misalnya form kontak (contact form). Karenanya sudah umum apabila sekarang hampir semua web/blog punya media komunikasi yang satu ini. Untuk membuat kontak form ada beberapa cara yang dapat dilakukan, diantaranya menggunakan bantuan software seperti adobe dreamweaver atau software lainnya sejenis lainnya (diperlukan pemahaman khusus dinamic web). Ada juga cara lain dengan memanfaatkan situs embed form gratis, diantaranya emailmeform.com, formlogix.com, mycontactform.com, dan situs-situs sejenis lainnya.

Namun artikel kali ini mengulas tentang bagaimana cara membuat form kontak dengan menggunakan google docs. Bagaimana caranya, ikuti step pembuatannya berikut ini;

1. Buka google docs, sign in menggunakan account google anda.
2. Setelah berhasil login, klik pada tombol 'New' di sebelah kiri atas kemudian pilih 'SpreadSheet'.
3. Pada lembar spreadsheet klik menu 'Form' kemudian pilih 'Create a Form'.
4. Ganti tulisan 'Untitled Form' dengan judul form anda, misalnya 'Hubungi Saya', 'Kontak Saya', 'Contact Me' dlsb. Isikan kotak di bawahnya dengan kata pembuka kontak form anda, misalnya 'Anda dapat menghubungi saya dengan menggunakan kontak form di bawah'.
5. Putuskan elemen apa saja yang akan anda sisipkan pada kontak form, saya ambil contoh di sini misalnya form akan mempunyai 4 elemen di antaranya ; "Nama, eMail, Subject Pesan, dan Isi Pesan".
6. Cara membuat elemen nama pengirim pesan. Ganti tulisan 'Question Title' pada lembar kerja form dengan 'Nama'. Text field 'Help Text' dapat anda kosongkan, 'Question Type' pilih 'Text', centang checkbox 'Make this a requeired question' jika text field nama tidak boleh dikosongkan (wajib diisi).
7. Membuat elemen alamat pengirim email. Klik pada tombol 'Add Question' sebelah kiri atas kemudian pilih 'Text', cara sama seperti pada elemen nama namun isikan 'Question Title' nya dengan 'eMail'.
8. Membuat elemen subject pesan. Ada dua cara yang dapat di lakukan, pertama sama seperti kedua cara di atas hanya saja 'Question Title' anda isikan dengan 'Subject Pesan', kedua dengan menggunakan 'Multiple Choice'. Untuk multiple choice cara pembuatannya, klik 'Add Question' pada tombol sebelah pojok kiri atas kemudian pilih 'Multiple Choice'. Isikan 'Question Title' dengan 'Subject Pesan'. Misal 'Option 1' anda isikan dengan 'Pesan Biasa', kemudian klik pada kotak di bawahnya dan isikan 'option 2' dengan 'Saran', klik kotak dibawahnya lagi dan isikan 'option 3' dengan 'Request'. Kemudian klik pada tulisan 'add "Other"' di bawahnya, klik 'Done'.
9. Terakhir membuat kotak isi pesan. Caranya klik pada tombol 'Add Question' sebelah kiri atas kemudian pilih 'Paragraph Text', isikan 'Question Title' dengan 'Tulis Pesan Anda Di Sini', klik 'Done'.
10. Selanjutnya klik pada tombol 'More Action' sebelah pojok kanan atas kemudian klik 'Edit Confirmation'. Ketikkan kalimat ucapan penutup anda, misalnya 'Terima kasih telah menghubungi saya. Pesan anda akan saya balas secepatnya'.Klik pada tombol 'Save' sebelah pojok kanan atas.
11. Next, Klik pada 'More Action' pilih 'Embed'. Copykan code HTML dan paste di web/blog anda. Sekarang coba test kontak form yang baru saja anda buat, isikan datanya terserah, klik tombol 'kirim (send)'.
12. Selesai. Jika ingin melihat kotak pesan yang telah masuk cukup login ke account google anda kemudian buka google dock. Buka spreadsheet anda, lihat pesan-pesan yang dikirimkan melalui kontak form anda.

Hasilnya akan seperti ini:



Lihat juga videonya di bawah.

Video Tutorial Form Kontak Google Docs

Done. Have Fun...
:D

Selengkapnya