Kenkyona

Tampilkan postingan dengan label Bloging. Tampilkan semua postingan

Home » Posts filed under Bloging

Selasa, 22 September 2015

Cara Memasang Jam Pada Blog (Via Clock Link)

Pada kesempatan kali ini saya mau share teutorial blog lagi nih, kali ini saya akan bahas cara memasang widget jam pada blog yang kita kelola, widget jam ini selain untuk mempercantik tampilan blog, juga sebagai pengingat untuk pengunjung blog kita agar bisa melihat waktu terkini saat mengunjungi blog kita.
Memasang widget jam ini sangatlah mudah untuk diterapkan, kita juga bisa memilih style atau model jam yang kita inginkan. Oke, ayo langsung ikuti saja tutorial lengkapnya disini !

Sebelumnya kita buka dulu situs www.clocklink.com

Masuk ke menu Gallery. (disini kita bisa memilih model jam yang kita inginkan) contoh model / category digital seperti dibawah ini :

Pilih model jam yang kamu suka, setelah itu View HTML Tag.
Akan muncul halaman baru. Disitu ada ketentuan - ketentuan yang memakai bahasa inggris. Pilih Accept.
Setelah itu kamu akan diminta memilih Color (warna), time zone (zona waktu), dan ukuran jam agar bisa kamu sesuaikan dengan side bar blog kamu.
Kemudian copy semua kode yang diberikan.
Selanjutnya, masuk ke akun blog kamu.
Masuk ke menu tata letak >> tambahkan gadget >> tambahkan HTML.
Paste kode yang telah di copy di situs Clock link tadi. Setelah itu klik Simpan.

............................................Selamat Mencoba............................................

Comments

Senin, 21 September 2015

Cara Memasang Pemutar Musik di Blog (Dengan SCM WEB Music Player)

Musik memang sangat dekat dengan kehidupan sehari-hari, kita bisa mendengarkan musik dengan mudah dari berbagai media yang telah ada sekarang ini. seperti dari TV, Radio, Mp3, musik box, HP dan lain sebagainya. Dan ternyata musik sangat bermanfaat bagi tubuh kita salah satu manfaatnya adalah dapat mengurangi tingkat stress, juga membantu tubuh kita agar lebih rileks.

Dengan berbagai manfaat musik tersebut pada kesempatan kali ini saya akan berbagi cara agar kita bisa mendengarkan musik sambil ngeblog di blog kita sendiri.
Berikut langkah - langkahnya :

Buka situs SCM Music Player
Pilih skin yang kamu inginkan.(dengan memberi tanda pada bulatan)
Klik next.
Pilih kolom edit Playlist >> Manual Playlist.
Isi judul lagu yang anda inginkan dan paste kan url lagunya. (bisa juga ambil di youtube)
Setelah itu klik next dan kamu akan masuk ke menu setting ( Autoplay = Agar musik dimainkan secara otomatis ketika blog di buka; Suffle = untuk memainkan music secara acak; Default volume = untuk mengatur volume standar; repeat mode = untuk mengulang lagu; Placement = penempatan music player (Top=atas; Bottom= bawah))
Klik done.
Klik seluruh kode HTML nya.
Masuk ke akun blogger.
Pilih tata letak >> tambahkan gadget >> klik tambahkan html.
Klik Simpan. Setelah itu lihat hasilnya.

.......................................Selamat Mencoba.............................................

Comments

Cara Membuat Space Iklan Pada Blog

Iklan merupakan usaha yang cukup menggiurkan di dunia bloging, oleh karena itu memasang space atau tempat iklan pada blog kamu merupakan langkah awal untuk menarik minat pangunjung untuk beriklan, berikut sedikit pembahasan mengenai cara memasang space iklan tersebut.

Langkah pertama yang pasti adalah masuk ke akun Blog kamu.
Lalu masuk ke menu tata letak.
Klik tambahkan gadget terserah pada elemen yang mana.
Setelah klik tambahkan gadget pilih tambahkan HTML.
Lalu pastekan kode kode berikut ini.

Space Iklan 450 x 60

Space iklan 900 x 90

Space iklan 300 x 250 side bar kanan 4 slot

Space iklan 125 x 125 side bar kanan bawah 4 slot

Comments

Selasa, 25 Agustus 2015

Cara Membuat Widget Recent Post Tumbnails Keren di Blog

Bloging >> Kenkyona. Widget Recent Post atau posting tebaru merupakan widget penting karena berfungsi sebagai penunjang navigasi blog. Dengan adanya daftar posting terbaru, pengunjung yang masuk tidak dari halaman utama (homepage) dapat langsung mengetahui beberapa posting terbaru dari sebuah blog. Selain itu widget recent post dapat menjadi sebuah tawaran bagi pengunjung blog untuk mengetahui isi posting-posting lain dari blog tersebut.

Widget recent post akan menambah daya tarik pengunjung apabila widget tersebut disertai dengan gambar atau biasa di sebut thumbnail berikut tutorialnya. Check This Out !

1. Langkah pertama seperti biasa, masuk dulu ke akun blogger kamu.
2. Masuk ke menu tata letak dan pada elemen klik tambahkan gadget.
3. Pilih masukan kode HTML/javascript dan masukkan kode berikut :

4. Terakhir pilih simpan.

..........................................Selamat Mencoba..............................................

Comments

Senin, 24 Agustus 2015

Cara membuat Text Area Pada Posting Blog

Bloging >> Kenkyona.blogspot.com Hi guys, pada kesempatan kali ini saya mau share tentang cara nambahin text area di posting blog nih. Kalian udah pada tau kan text area ? pastinya udah dong bagi kalian yang lagi hobby blogging. Yups text area ini adalah suatu tempat yang atau area yang biasa di pake buat nyimpen tulisan tertentu atau text HTML. Kalau di MS. Word ni, sama kayak text box cuman yang ini buat di blog. berikut ini saya akan sedikit share tentang cara atau tutorial buat text area mulai dari yang sederhana sampai yang keren. yaudah langsung adja nih disimak. check this out disini !

1. Text Area Simple.

Yang pertama saya buka dulu nih dari text area yang paling sederhana. caranya pas nulis posting pilih mode HTML. dan masukan kode ini :

<textarea>isi text kamu disini<textarea/>

Hasilnya jadi kayak gini :

isi text kamu disini

Bisa juga pake kode yang ini :

<div align="center">

<textarea name="code" rows="2" cols=35">Masukkan teks/kode disini !! teks/kode tersebut adalah teks/kode yang akan tampil sebagai isi dari "text area" yang dibuat</textarea></div>

Beginilah Hasilnya :

2. Text area yang terblok hanya dengan sekali klik.

Caranya sama seperti diatas hanya saja gunakan kode berikut ini :

<div align="center">
<textarea rows="2" cols="35" onclick="this.focus(); this.select();">Coba klik teks ini !!</textarea></div>

Hasilnya seperti ini :

3. Text area dengan tombol Highlight.

Kode scriptnya :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks</textarea></p></div></form>

Hasilnya :

Keterangan :

Jika kode <div align="center">, Bararti tempat text areanya adalah rata tengah, anda bisa mengganti dengan left jika ingin rata kiri atau right jika ingin rata kanan.
Kode cols="35" berarti jumlah karakter yang akan ditampilkan perbaris adalah 35.
Kode rows="2" berarti jumlah baris yang akan ditampilkan pada text area adalah 2 baris. Jika jumlah baris lebih panjang dari yang disediakan maka text area secara otomatis akan menampilkan scrolling.
Height=100px merupakan tinggi text area yakni 100 pixel.
Width=200px merupakan lebar text area yakni 200 pixel.
Kamu bisa menambahkan kode readonly="" jika ingin text area yang anda buat tidak bisa di hapus.

Contoh kode script yang tidak bisa di hapus :

<textarea rows="2" cols="35" onclick="this.focus(); this.select();"readonly="">Coba klik text area ini kemudian hapus, hasilnya nihil. Coba hapus text arae di atas pasti terhapus.</textarea></div>

Coba klik text area ini kemudian hapus, hasilnya nihil. Coba hapus text arae di atas pasti terhapus.

.................................Selamat Mencoba....................................................

Comments

Cara Membuat Kotak Pencarian Keren di Blog

Bloging >> Chamber of Secret. Kotak Pencarian merupakan widget yang wajib di pasan pada blog, menurut saya agar pengunjung blog bisa lebih mudah dalam mencari sesuatu pada blog tersebut, berikut saya meu sedikit share tentang kotak pencarian atau yang sering disebut search box ini. saya punya beberapa koleksi yang saya copas dari blog sebelah. Langsung saja seperti biasa Check This Out !

Kotak Pencarian 1

1. Pertama pasinya login dulu ke akun blogger kamu.
2. Masuk ke menu tata letak.
3. Pada element klik tambahkan gadget.
4. Lalu pilih "Kotak Penelusuran"
5. Setting sesuai keinginanmu.
6. Terakhir klik simpan. dan lihat blog.

Kotak Pencarian 2

1. Hampir sama seperti cara di atas Login >> Tata Letak >> Tambahkan Gadget
2. Kalau pada cara ke 1 kamu pilih tambahkan "kotak Penelusuran" kali ini pilih "HTML/javascipt"
3. Dan copy paste kode HTML berikut :

Kotak Pencarian 3 Caranya sama seperti pada Kotak Pencarian 2 hanya saja gunakan kode yang ini :

<span style='float:right;'>
<style type="text/css"> #a-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit-Hq8DjOYxj_yhpzEy8_WiK4C4smBS_VPCvYsL2TuVMN36K7flcnAp8MA5_3vfm2dcN-txEm9c60JcBMLbNe-wwVDotjAYQbPxaXnklQ99TIxAiYhXkqTg54AqTb-8yyTpqjRUr_ZsKd-/s1600/search.box.png) no-repeat scroll center center transparent;width:300px;height:35px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 0px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="a-searchbox">
<form id="a-searchform" action="/search" method="get">
<input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "URL BLOG KAMU") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /> </form>
</div>
</span>

Dan hasilnya akan seperti ini :

Kotak Pencarian 4

Caranya tetap sama dan berikut kode yang dipakai :

<form action="/search" style="display:inline;" method="get">
<input id="s" name="q" type="search" placeholder="Cari Artikel Disini"/>
</form>
<style>
#s {
    margin: 0 auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 12px 48px 12px 12px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
 width: 200px;
    height: 16px;
    color: #3a4449;
    border: none;
    outline: none;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
 position: relative;
    z-index: 2;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkNHNQF2d05lm2QN8IILn7VqZiOaKb6og4wIOfL3QjXIgn4lfcTsoh4DZErWjHLUihfH92FaAyOAkFGpPEshGzZhUicnZxYgTapUDzhmTyoeAZTghn8y4k8gHIMrLH7gDJ332oL_-9Gic/s1600/Search.png) center right no-repeat;
}
#s::-webkit-input-placeholder, #s:-moz-placeholder {
    color: #607078;
}
</style>

Dan berikut hasilnya :

Catatan : ganti tulisan "Cari Artikel disini" dengan tulisan sesuka kamu.

Kotak Pencarian 5

Tetap cara yang sama, berikut kodenya :

catatan : ganti tulisan "URL GAMBAR" dengan url gambar yang kamu inginkan. Atau bisa juga copy paste url gambar berikut :

Kotak Pencarian 6

catatan : ganti tulisan "Url Gambar" dengan url gambar anda atau bisa juga copy paste di sini :

...............................Selamat Mencoba.........................

Comments

Jumat, 21 Agustus 2015

Cara Mengubah Cursor di Blog Sesuai Keinginan

Bloging >> kenkyona.blogspot.com. Cursor blog akan menjadi salah satu daya tarik pengunjung terhadap blog kita jika cursor pada blog kita tersebut memiliki bentuk yang lain dari pada yang lain misalnya cursor dengan gambar animasi / gif dan lain lain. Kita bisa mngubahnya juga menjadi gambar / animasi karya kita sendiri apabila tingkat an kita memang sudah cukup tinggi membuat icon cursor sendiri merupakan hal sepele dan mudah. Baiklah tidak usah banyak ngoceh lagi langsung saja kita coba.

1. Langkah pertama pastinya buka dulu Blogger dan login.
2. Masuk ke menu template > klik Edit HTML.
3. Cari tulisan </head> ( gunakan ctrl+F agar lebih cepat )
4. Lalu copy paste kode dibawah ini di bawah kode </head>

Comments

Cara Memasang Bendera Translate di Blog

Bloging >> kenkyona.blogspot.com Banyak dari blog / website yang pernah saya kunjungi menggunakan bahasa internasional yakni bahasa inggris dengan tujuan agar blog / website nya dapat dimengerti oleh semua orang di seluruh dunia. Tapi berhunbung Chamber of Secret adalah blog nya orang indonesia jadi saya pake bahasa indonesia dengan sedikit sentuhan bahasa inggris saja nih sebagai bahasa blog saya ini. Namun saya tidak khawatir meskipun blog saya miliki berbahasa indonesia, dengan tambahan wignet google translate maka blog kita yang berbahasa indonesia dapat diterjemahkan kedalam beberapa bahasa yang digunakan di dunia seperti bahasa inggris, perancis, jerman, spanyol, italia, belanda, jepang, arab, bahkan brazil sekalipun.

Nah pada kesempatan kali ini saya akan share tentang tutorial cara memasang gloogle translate tersebut yang berupa gambar bendera bendera negara bahasa yang akan kita gunakan untuk mentranslate blog kita. Langsung saja Check this out !

1. Langkah Pertama pastinnya login dulu ke blog kamu masing masing.

2. Lalu pilih tata letak.

3. Pada tab Elemen halaman klik tambahkan gadget.

4. Pilih Tambahkan HTML / java script dan copy kode html di bawah ini ke dalam kolom tersebut.

<style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div>
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTuPPrKF9wkvOdEprtbMNttehvflLJYy1KL9oWBKsKx5ZDI01P9VfBoIv7249FWBn9b4dCEmWnzT5SmUM2fjap5U9u7128jVehUq38HFg7qoojfokcZmtpRTfUxXJqAT-L0pVumTxPivc/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="English" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj87rN4aY_eoLdKdzY6J9qrZJyfF6h8SiKcSMcJmMHhBgyitYURo-BuoSMFTu7mJ1XX88O6fzTnd2ONTgb7nqDuKejDMZEYJJXGtHO3rqzFWifkhJZrkEtnbPDy9vV-neCi-MHSOYkWVgk/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="French" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRUtWzu6DyhWxw-NYP4bAsnJPAs7_01MlATyZfTEVGviStFwHJB_TyMtVcvG8gggKp9b6eoVreGdC-0S4zXqf-WQ4hg7hwVp6mEp55glvGw2NYFE9MGp0NsKxfUKraoDi_okYMaN8fhpZS/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="German" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjQutaJQwFaL93zVQ2jo1O-lWCT5DpTvljXU8KIhVwV2hOWWkdMjcn6Z777IaCSbO8JlNNHaToQ-JP1cFZCRvvwlU2Qr63YJ1GBGm_aru5rGrATkXFvmzgkt11qbdrEFwCB4RzqSIif0y_/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Spain" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGnwnHuT_85d49SI1RNu2yc2ENlaGm6JABL5Wh3mXLbd4nQOROOdrg0OZlmqzJZ1FtBCHHPipWUoja2LgfcudeanxXG5HjgUqV_fQE8_GIoOkz8dYhOEbmZXBv4kGPVsPMGFMkQr-uZWA/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Italian" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFC8XkSlfVkvcwxAWG4_xLHVrGMOrYJcx5DAhX6c8573ciwXUCcFBqVDyJ0yQShgHr4Q9RFMiwtO_EOZKpH39Bm5J2LJpdRWN43g6OCsoWBp6a7NdKBqUriq-40ZMtkxQkPIG2OY-unJc/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Dutch" width="24" /></a> <br />
<br />
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1dib3c-azrDGogoIiBkSUCkuJQF1vn-Tb2u3wzS-8JmG8VWXaKRlSnzipaIE0baGCEwS6tbqM0dFhU3szvuZls_ZeTDoJhG5v69pIp1KuYpx4AJRClnaCE9e3aD1GxR0hqoxaa1cUMpA/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Russian" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTeDHSYv2hqM7Sf5arZh3gmJjqVLbW-1IkJZuARi756BuKoUbYN9EulvhOw_BnJvfs4pNcKxqtZqgLQlZ_ssugFRcWg_2q9I3wbkyqvO-hZRln01ww0M3PF2M43_P0hUubBn76E7pYBM/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Portuguese" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6xz6oIqr6nTGNjojR2T-Q_d_qtSkC3nw-hYtqK539DPu28iIZN_ElT05_sn8hakCQzbjDuL0lkC56AQfgQCJLTHDvdZtZWsyGnAKZcG4h-_s8baQK5TAWBrYLebx-WwLKiZDi8BZhVfFm/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsBvZJd9CkLJNaQyK3U5i4ngvLz29UzcvyzJviWQUCWL3bcicctxXYBNwSxkvfmqIhJ6wGpBRj2NFZxh3-QghH1TtkeZ_5WittdJkV2KUCJAakEy7nqErIxwCphtBs6uxJf6DuWZtnWwA/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Korean" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2hMOFly0aEGiIn-jQibX9_OOLE2z3G6lxs0CjY-Zpo6i5TQ9TUVbFC4e-mJMn79VvUKGKKo1GUhDpk8d_7Exe5wcEYwgPUsiNFFHOvaKRCcoovEKzBNELCkURWZ_064h4kCtVwy3KSs8/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA-p56HFcFqle_rXp6aPJv9k8-UUlv4G48RXWfMpLBi9_Kf9C3CjBNjwBdXwB3Cl-FQY1GNFSE8SOWpkQoXLBlaDvX5oulLHMWCvNls8hgvR3oAQbwIla-3FEdrDHi6XtlR_oahoobz_4/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" /></a> </div>

Maka beginilah gadget yang akan di tampilkan :

Atau ingin translate bendera yang lebih sederhana pakai kode yang ini :

<style> 
.google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } 
.google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; }
.google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0;
 }
</style> <div>
 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTuPPrKF9wkvOdEprtbMNttehvflLJYy1KL9oWBKsKx5ZDI01P9VfBoIv7249FWBn9b4dCEmWnzT5SmUM2fjap5U9u7128jVehUq38HFg7qoojfokcZmtpRTfUxXJqAT-L0pVumTxPivc/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="English" width="24" /></a> <br />
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj87rN4aY_eoLdKdzY6J9qrZJyfF6h8SiKcSMcJmMHhBgyitYURo-BuoSMFTu7mJ1XX88O6fzTnd2ONTgb7nqDuKejDMZEYJJXGtHO3rqzFWifkhJZrkEtnbPDy9vV-neCi-MHSOYkWVgk/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="French" width="24" /></a><br />
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRUtWzu6DyhWxw-NYP4bAsnJPAs7_01MlATyZfTEVGviStFwHJB_TyMtVcvG8gggKp9b6eoVreGdC-0S4zXqf-WQ4hg7hwVp6mEp55glvGw2NYFE9MGp0NsKxfUKraoDi_okYMaN8fhpZS/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="German" width="24" /></a> <br />
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjQutaJQwFaL93zVQ2jo1O-lWCT5DpTvljXU8KIhVwV2hOWWkdMjcn6Z777IaCSbO8JlNNHaToQ-JP1cFZCRvvwlU2Qr63YJ1GBGm_aru5rGrATkXFvmzgkt11qbdrEFwCB4RzqSIif0y_/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Spain" width="24" /></a><br />
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGnwnHuT_85d49SI1RNu2yc2ENlaGm6JABL5Wh3mXLbd4nQOROOdrg0OZlmqzJZ1FtBCHHPipWUoja2LgfcudeanxXG5HjgUqV_fQE8_GIoOkz8dYhOEbmZXBv4kGPVsPMGFMkQr-uZWA/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Italian" width="24" /></a> <br />
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFC8XkSlfVkvcwxAWG4_xLHVrGMOrYJcx5DAhX6c8573ciwXUCcFBqVDyJ0yQShgHr4Q9RFMiwtO_EOZKpH39Bm5J2LJpdRWN43g6OCsoWBp6a7NdKBqUriq-40ZMtkxQkPIG2OY-unJc/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Dutch" width="24" /></a> <br />
<br />
<br />
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1dib3c-azrDGogoIiBkSUCkuJQF1vn-Tb2u3wzS-8JmG8VWXaKRlSnzipaIE0baGCEwS6tbqM0dFhU3szvuZls_ZeTDoJhG5v69pIp1KuYpx4AJRClnaCE9e3aD1GxR0hqoxaa1cUMpA/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Russian" width="24" /></a><br />
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTeDHSYv2hqM7Sf5arZh3gmJjqVLbW-1IkJZuARi756BuKoUbYN9EulvhOw_BnJvfs4pNcKxqtZqgLQlZ_ssugFRcWg_2q9I3wbkyqvO-hZRln01ww0M3PF2M43_P0hUubBn76E7pYBM/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Portuguese" width="24" /></a><br />
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6xz6oIqr6nTGNjojR2T-Q_d_qtSkC3nw-hYtqK539DPu28iIZN_ElT05_sn8hakCQzbjDuL0lkC56AQfgQCJLTHDvdZtZWsyGnAKZcG4h-_s8baQK5TAWBrYLebx-WwLKiZDi8BZhVfFm/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="24" /></a><br />
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsBvZJd9CkLJNaQyK3U5i4ngvLz29UzcvyzJviWQUCWL3bcicctxXYBNwSxkvfmqIhJ6wGpBRj2NFZxh3-QghH1TtkeZ_5WittdJkV2KUCJAakEy7nqErIxwCphtBs6uxJf6DuWZtnWwA/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Korean" width="24" /></a> <br />
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2hMOFly0aEGiIn-jQibX9_OOLE2z3G6lxs0CjY-Zpo6i5TQ9TUVbFC4e-mJMn79VvUKGKKo1GUhDpk8d_7Exe5wcEYwgPUsiNFFHOvaKRCcoovEKzBNELCkURWZ_064h4kCtVwy3KSs8/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="24" /></a> <br />
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=1510860441598238899#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA-p56HFcFqle_rXp6aPJv9k8-UUlv4G48RXWfMpLBi9_Kf9C3CjBNjwBdXwB3Cl-FQY1GNFSE8SOWpkQoXLBlaDvX5oulLHMWCvNls8hgvR3oAQbwIla-3FEdrDHi6XtlR_oahoobz_4/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" /></a> </div>
<br />

Dan beginilah tampilannya :