Hmm mungkin dimata anda sudah tidak asing lagi dengan tools satu ini. Widget yang dapat mentranslate tulisan kita atau web orang lain kedalam bahasa yang kita inginkan..!!! Dan disini saya tidak perlu menulis panjang lebar tentang fungsi dari google translate karena pasti anda juga sudah tahu bukan..???
Tetapi walaupun fungsinya yang terbilang sangat bagus tetapi tidak untuk dari tampilannya..!!! Mungkin dari anda ada yang kurang puas dengan tampilan default-nya yang seperti ini...
Jangan putus asa dulu..!!! Berikut langkah-langkah yang dapat kamu lakukan agar dapat memasang google translate dalam bentuk bendera..!!!
Seperti biasa kamu harus login di bloggspot
Tambahkan elemen halaman dengan klik tambah gadget lalu pilih HTLM/JavaScript
Copy pastekan kode HTML dibawah ini lalu tekan save..!!!
Mudah bukan..???
Dan sampai saat ini google translate sudah dapat mensupport sebanyak 34 bahasa yaitu sebagai berikut:
Arabic Bulgarian Catalan Chinese Croatian Czech Danish Dutch English Filipino Finnish French German Greek Hebrew Hindi Indonesian Italian Japanese Korean Latvian Lithuanian Norwegian Polish Portuguese Romanian Russian Serbian Slovak Slovenian Spanish Swedish Ukrainian Vietnamese
Tetapi souce Kode diatas baru dapat mentranslate 12 bahasa saja..!!! Semoga bermanfaat.!!!! Dan keterbatasan anda dapat teratasi..!!!
akhirnya saya bisa juga pasang emotion tentara di postingan saya. oia saya akan ajarkan ilmu yang baru saya dapat dari ebenk789 ini dengan sedikit terbata-bata
cara memasang ekspresi gambar di posting khususnya icon kucing cukup mudah hanya saja saat anda mendowload emotionnya kadang-kadang disconection alias gagal koneksi tapi tenang saja anda bisa coba ulangi lagi hingga download sukses.
Mau Tahu bentuknya ya kurang lebih seperti ini...
Untuk memasang semua icon tersebut langkah pertama yaitu:
Inilah pilihan ke dua anda, jika cara yang pertama tadi belum berhasil dan yang ini sangat mudah untuk membuatnya. Menu yang terdapat pada sebuah web selain berguna untuk memudahkan pengunjung membuka halaman-halaman tertentu, juga bisa menambah estetika. Begitu pula dengan menu horizontal yang bisa membuat web kita menjadi lebih ergonimis dan keren. Nah, bagaimana dengan blogspot? Harus diakui bahwa pada template blogspot standart, fasilitas menu horizontal tidak ada didalamnya. Namun, kita tidak perlu berkecil hati sebab seperti yang telah saya katakan pada postingan sebelumnya bahwa kita bisa membuat menu termasuk menu horizontal pada blogspot. Berikut saya ulas langkah-langkah membuat menu horizontal pada Blogspot. Sebagai contoh kita akan membuat menu horizontal dibawah header
1. Login ke akun Blogspot pembaca
2. Klik link menu Tata Letak, kemudian pilih Edit HTML.
3. Back up terlebih dahulu template pembaca dengan mengklik link Download Template Lengkap agar jika terjadi kesalahan saat mengedit, pembaca bisa mengembalikannya dengan menguploadnya kembali.
4. Silahkan beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget
5. Cari kode seperti dibawah ini pada template pembaca:
7. Setelah itu klik tombol SIMPAN TEMPLATE, lalu lihat hasilnya
8. Pembaca akan melihat bahwa menu-menu tersebut muncul sebagai list vertikal, bukan horizontal. Oleh karena itu, kita perlu mengatur tampilannya agar muncul berjejer secara horizontal dengan menggunakan CSS. Selain itu, kita juga bisa mengatur tampilan dari menu tersebut agar terlihat lebih menarik dengan CSS.
9. Buka kembali bagian Edit HTML pada blogspot pembaca, kemudian cari kode ]]>.
10. Silahkan copy struktur berikut diatas kode ]]>
.menuhor ul merupakan atribut class yang berfungsi untuk mengatur tampilan parent dari list menu horizontal tersebut.
.menuhor ul li berfungsi untuk mengatur tampilan anak menu horizontal yang kita buat.
.menuhor ul li a berfungsi untuk mengatur tampilan link dari anak menu tersebut.
.menuhor ul li a:hover berfungsi untuk mengatur tampilan link anak menu ketika pointer digerakkan diatasnya.
11. Kemudian ubah struktur yang Anda copy pada langkah 6 diatas sehingga menjadi seperti berikut:
12. Silahkan ganti URL 1 dengan URL halaman yang akan dituju jika menu "Home" diklik. URL 2 diganti dengan URL halaman yang akan dituju jika menu "Tutorial Website" diklik, dan seterusnya.
13. Klik tombol SIMPAN TEMPLATE.
Untuk melihat hasilnya silahkan buka disini. Seperti yang telah saya katakan, bahwa CSS tersebut berfungsi untuk mengatur tampilan menu yang kita buat tadi. Silahkan pembaca menambah atau merubah atribut CSS tersebut untuk memodifikasi tampilannya, misalnya warna tulisan, background, lebar menu, dan lain-lain. Jika pembaca ingin mengerti cara memodifikasi atau membuat CSS tersebut, silahkan klik disini. Saya yakin pembaca akan lebih mengerti bagaimana CSS tersebut bekerja. Dengan adanya menu horizontal tersebut blog pembaca pasti menjadi lebih keren dan ergonomis.
Selamat mencoba dan jangan lupa meninggalkan komentar ya!
Tips membuat menu horizontal
apa itu menu horizontal? Menu horizontal adalah menu-menu yang disusun secara horizontal (menyamping). seperti gambar dibawah ini:
coba simpan templete anda sebelum meng edit templete anda!
pertama-tama anda harus punya gambar seperti di bawah ini:
dan
bagaimanakalau saya tidak punya? kalau anda tidak punya gambar yang sepertidi bawah ini anda bisa membuat secara total di www.freshgenerator.com atau anda juga bisa menggunakan gambar di bawah ini!
blackleft.gif
blackright.gif
greenleft.gif
greenright.gif
redleft.gif
redright.gif
unguleft.gif
unguright.gif
yellowleft.gif
yellowright.gif
blueleft.gif
blueright.gif
whiteleft.gif
whiteright.gif
setelah anda membuat gambar seperti di atas anda bisa melanjutkan:
1. Login ke blogger terus pilih Layout --> Edit HTML, trus beri tanda centang pada kotak "Expand Widget Templates". jangan lupa template di backup.
2. Cari script seperti ini ]]>, kalo udah ketemu copy script dibawah ini dan taruh diatasnya
Tulisan yang dicetak tebal bisa anda ganti dengan gambar-gambar (text dibawah gambar) diatas tadi. Misalnya, jika kamu pilih yang warna hitam maka scriptnya menjadi seperti ini;
background: url("http://kendhin.890m.com/menu/blackleft.gif") no-repeat left top;
background: url("http://kendhin.890m.com/menu/blackright.gif") no-repeat right top;
Kalo sudah selesai mari kita lanjutkan langkah berikutnya
3. Copy script berikut ini
4. Ganti http://intips-trik.blogspot.com dengan link yang anda tuju. Link tersebut bisa berupa alamat blog lain atau link postingan anda sendiri. Untuk mendapatkan link postingan caranya klik kanan pada judul postingannya trus pilih "copy link location" (untuk mozilla firefox).
Kemudian text yang dicetak tebal bisa anda ganti dengan text yang anda suka. Text tersebut adalah text yang muncul di tombol/menu.
5. Cara memasangnya ada beberapa macam tergantung dari template yang digunakan, salah satu contoh memasangnya yaitu begini
cari kode berikut ini :
untuk mempermudah mencari lokasi scriptnya, copy script diatas lalu tekan Ctrl-f kemudian paste di kotak find, Kalo udah ketemu copy script yang tadi diatasnya
6. Simpan hasil pengeditan.
7. Lihat hasilnya.
8. kalo hasilnya kurang bagus/acak-acakan coba script tadi dipindah tempatnya, misalnya pindah keatasnya yaitu diatas kode . kalao nggak cocok juga tempatnya dicoba lagi yang diatasnya atau juga dibawahnya, begitu terus sampai ketemu tempat yang cocok.
9. Kalo masih belum berhasil juga coba cara ini:
- Cari kode berikut ini :
coba ganti text yang berwarna hijau sihingga menjadi seperti ini:
terus di Save
Klik tab Page Elements, kemudian di daerah header klik Add a page element lalu pilih HTML/JavaScript paste script link tadi di dalam kotak content terus simpan, nha itu kan tempatnya diatas, coba drag kebawah sedikit, terus simpan dan lihat hasilnya.mugnkin pembaca bertanya, kenapa anda tidak pasang menu horizontal di log? jawaban saya: awalnya saya sudah memasangmenuhorizontal tapi saya baru saja mengganti templete baru jadi semua editan saya hilangdi telan delete.oia hasilnya pasti akan berbeda-beda di setiap template. coba diteliti lagi langkah-langkahnya dan dipahami maksudnya. Good luck...
tips ini dari tips-trik.blogspot.com perubahanhanya dilakukan untuk mempermudah pengunjung melakukan alih bahasa.
kalau ada yang memiliki tips membuat menu horizontal silahakan anda masukan komentar anda di bawah ini. terima kasih
kenapa judul blog ini saya isi nama rani? jawaban saya sederhana sekali. saya ingin setiap pengunjung yang bernama Rani bersedia memberikan nama yang ia milki untuk anaknya hehehe...
Google Translate...
dan 
