hallo linux: Maret 2013

Minggu, 10 Maret 2013

3 style terjemahan yang paling sering digunakan oleh pengguna blog

Biasanya kita akan kebingunggan ketika melihat tutorial yang bagus di blog, namun sayang, bahasa yang digunakantidak kita mengerti.

Atas dasar itu mesin pencari terbaik abad ini “mbah google” merancang sebuah terjemah yang mempermudah kita dalam memahami setiap kosa kata yang berbahasa asing

Oke deh langsung saja tutorial kali ini akan memahas tentang bagaimana blog anda memiliki translator otomatis dalam blog

Langsung saja deh kita ke TKP :

Langkah Pertama

Login ke blogger dulu ya

Langkah Kedua

Pilih tata letak

Langkah Ketiga

Pilih tombol tambahkan gedget

Langkah keempat

Cari HTML/Java Script kemudian tambahkan

Langakah kelimah

Isi nama judul sesuka anda / gak juga gak apa apa
Di dalam kotak konten isi kan scrip di bawah ini

untuk terjemahan seperti 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="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvpHy_FSrhaJPLqEiSGCMOMNrMJtJeo3k6nvMDWd0S514SXDq2ym3-gnLWuJ77rD3MJeaGZs6pgMpDYrpHziq_9wS7C3v7jwHT1qSlU_mqGeVhEddt5eDvhAEzpyqDNoaDjczcUoOPqsU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSbcsnSzR0AIy_V6Om3lCEeMuVE5mWCalMM7b87pB8OVkA8NWYi2ZJfOP4O45g8Afpi-Qu5NbQq6nK9R2Mn51uU3oVFY9ZNUSoF1ozu5ez0sK5bPyx8gbv4ryzJq1qdeFsm-bWYjavw6w/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRTfS7e7fJJwifvRS4avnphGWrWD0vH3Cx8qmxiu09ocVqDhjtR_2LPykJxzKrpweJCKRV-pXZTsexp_qy28d7hLsP_4dry0egR6Jfi5AEIAIjz01HC7RqEB8uqt51mjIH1hjgz1Kp2LCp/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnqBJCRC5i0UU93lgb405dG3vSIF8SEW1K8alqqP3QPozw7BHfTe3L1pzy9eh1trGKk29g7kmd8sP2q4BylkTz3R6m6RpKPcBd9Sw6YyJ7J4CXUtm4vagt7jAeBzU2Fj1PPZO9F2V0JGbM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZgWi5qo7mWhWS-lmFYd-72ASVzzmHATjUdL9FWILtbouVKDVNLRCVFXMz_jWRm97kswFwxsOzFnS_d8QtuXaoCvuv-Nj21bf1HXiq0YW3SnUkJvMcPH8JFfR9T6Ya1fmK80gvA1bSl5U/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiwjZzDtf9QBRCZ9uYhG1HFFIQ1wzx9rNcPA80UpK4rKkCdHDQ5R1oo0lA-S1fqM8BVcULK9gMTBUaO-jwHBgDIBC261JZdEjP8p_7Vl8aFtJxk8iQFrKGkbDaqcLHFUXQHqc9uWG5w-s/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <br /><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTEB6Mxz77h7Gc7gVhOCLlpy7nfaGHBZyey16eNADc3Xt2tY9-d4FVj9nnOuVKXtZEXhW49VYHAP0va2ZTNv5XHL1itmBDB_mVIQTGcIdQq7aFMJDrIRWs7wOpQSiqveZdD8KIiFXZC7o/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-8hdvbMdKyjs26WVPSWKf9lWc2wHCF8No9TpSaZ-gSAU9-pMryQGlfoaZFfeQ3H_fOjZxjqvd5K5z69ibYS96_h-gOZER9kq-lYQ8nItoPdISOdR5hGArKD1j-sOBuabzN3i8d2njyEk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJIy_hcZQXp4ooFYDRJ03_DMw9qiIoWXiWB-hmrKxtV7Gvsk_OrYN5l3OP2mgkdonNjEiTheYgZk3R0hPW5KHQmnlgcwp9UDl_0NMXJdmQOsoUenMk7_W-Ml1t7XlABCMz_92d_VOKH1yE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiPNT8Uh6jBqR0SVM6jw8xSFTIxmffOqxDX-iFI6gGifTeLUKh65RXvjv06bVNhtc4_hCsaXvE1CH63cAA82YIQMHpyGr-tqsyWVw4FPoR76W6Gtq0yTOlBNM-7dYhRz7n3HJtodpOiGU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha2dJ1QkIAXyCqUBYNqWdO9GxDX5cV_xf-YH37Vuyg9tFB763eepJEYGzVr-pW53hn1FbPolchfMlgznNclx2YULMxDAUbDIYiNUvd2AUogtaQzGXnTCN93skSKBxBa2L6m_CUNywj8Ak/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj80rIsADV5PXIW3y77IqVrO4CC256zW0zzFApuRj9aXljnthyYDeJpxVkyqpOCv-8vaUyc4cBQ3EayfnmkkolmaafVkSSw8-uuhXKnfFfLBHwHbJWdWmtaGLxa1DAK21Jwr25iJQbQp40/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> </div><div style=font-size:10px;margin:8px 0px 3px 0px>by : <a href=http://www.blogspottutorial.com/>BTF</a></div>

untuk terjemahan berbentuk bendera seperti ini :

<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXc3Q0x0L3X0gCtOzKiHEPFOGivMja5HE9O3Z0aTm2xMEZNq6sz-n2Bzygp22VAqgrHn5nM_qRRRqsPGt0gREm6zpSdny4gbcqHEU23NUCRyRwuFoBAQhT9mbDhIVww9LzPcM_Y3A8hX_h/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnSpS3Xcsqk73KUzR9amftQAJOc6nhfG67XUc0lgFcpQt3AYCKD_GGYpM6dTfKYT8ULHCapR6MhR68itNVc6e4dmuoORyVHyJya9wOYYUUhJkba8tJ9FXWBqhX6ilPvClkBBwF24BEuCgH/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbgYYxPHHTXw4aF8VVuFaM_f_hteuKsvnqfQ1QU3-AgA1TqwxEu_x8eHzmonNTvvcI-4lHJcW7C1DzAdujEvcOleWlwLwierNEo1L67MuF1b6-FeoN72UZVeSROhsV2gtWYeaVpbdhdG0O/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMv_Ang6XvWJqKX_y8yxk2ozTzbK_i0XyEL7cnMq84ZxStzM7AABxeErviXpck3lz91aI9F0M5LMid9JjE9AwzGpglxE5hRcsSHdn216r-pe4Hp2GqcYu8IFje7CRpj9Fx9bPywsiCL4s4/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLobp3RCd-m0itEu5CFpmHAE9Ztq0sYXoRHuwf3n20haKjdhaRpJTLaXJiqsLPUktdBYjCq3XQyZ6FevmCJrnEk9oi7qKrjSsnaH7qv2vzYOMtYWqmYXckN3S5gEek7qtsCfxTbTvJMOuQ/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGidtuZwitRfahIQMgn-waFUKObhX0WahtxnztfmXUuzkEiY2iHYDgEsrhbHSISaeSdDpnGiTRCUhJtgA2Wwp2vFCW9V03HfII8YFc0ygLm7Rh6LzvL_946TEinQVsevUSlpui20uwlabX/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXk0yWpXYY9WJ6_zS3ymeHj1px-ZxoH_rP3SjDvRrCr1xFIC8siNUpn_DpvXbdGHcNSqZB1N7a-GwpEM3U6a0xBM6rkixB6-ay-BnvWAyQ2OdT6yEuuT8dijXdUmobBs1G916ZuvEO1Ave/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVTWQnNILIsdXNFBshz8-m0dH55cm55NCZQBVdKclfCC63eGh_Sr88tK0iwrF1yjO2Lm8nt4BdynWX0t6JVoFtXUZKfjpq4qVmiO1Dxgo2rjDVge_TCHWVZ9KHcYuSKlYG1cFeRTAluANK/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsGpAjq8VemVBA-NuJKLu-UaC96MIM_hPEutzUdadKjRmdthyphenhyphenqJelZl5DWdQ1yrYXHM_57HEoZKpwsR-4q1D2oGqAjeGVN-GPSjIFBmZVdMnU72qAzVpGQJ5yvkv9smhr9qAHVa6OSH9Dq/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK0mI4NwuD3fL6OAyzjrPGM5ROUBs816Up2qBssVHpcSKM_Y2oAnugQGf9jQk0sYIVqdyUndNCk97X34li3AUvqwAd6L1Y41MuXe68tIgNuYLodI0HEK9GCTj_RLT6CjfZDRxkl5BlXmPV/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWgkNYfZaJ0CLJeZYBk43Snz2iy5_D94uN5Eh_IKmVekmV05C_fz2i2sXH2VDlCl5Wd89rpupmPzyN83bE0XGEUA5_r2hQ8NnBSFGeaS9pAvFIrUSSP7lThfbF2f4feT3EWN1YMjlgjamK/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpKukVpkUm1Bc7bz1lAtv1_MtMA98rvmQAHHxjndZzmdt2l4lIAOxL8KGPQScna1c5WAzFWRneIYc_OInltLZH1VmpwiLnEzfXBrPv_fENmYbxUFg5xLcjbwMOu-JURfV02klBedMeIORn/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://super-bee.blogspot.com" rel="follow" title="translate widget"/>Translate Widget</a> by Google </div></div>

untuk terjemahan berbentuk bendera seperti dibawah ini :

Kemudian save dalam gadget
Jangan lupa save juga ya dilaman tata letak

tentunya dengan adanya terjemahan diblog kita akan mempermudah pembaca dalam memahami isi dari blog kita.
Oke semoga bermanfaat tutorial kali ini

Wasalam mu’alaikum wr. wb

Sabtu, 09 Maret 2013

Cara membuat tombol kembali keatas dengan mudah di blog (back to top button with jquery)

Barusan saya dapat tutorial menarik nih bro dari blog para sahabat, ya cara membuat tombol kembali keatas atau biasa dipanggil back to top button, menariknya lagi tombol akan tampil setelah blog berada di daerah hampir bawah karena menggunakan jquery.

untuk contoh lebih nyatanya lihat di blog ini...

Langsung saja deh kita cek idot :

Langkah Pertama

Login ke blogger dulu ya

Langkah Kedua

Pilih tata letak

Langkah Ketiga

Pilih tombol tambahkan gedget

Langkah keempat

Cari HTML/Java Script kemudian tambahkan

Langakah kelimah

Isi nama judul terserah anda atau tidak juga gak apa apa
Di dalam kotak konten isi kan scrip di bawah ini

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#noop-top").fadeIn()}else{$("#noop-top").fadeOut()}});$("#noop-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a id='noop-top' style='display: none; position: fixed; bottom: 1px; right:1%; cursor:pointer;font:12px arial;'><span>^</span></a><style type="text/css">#noop-top span{-moz-transition:all .3s ease-in 0s;-webkit-transition:all .3s;-o-transition:all .3s;background-color:#1e5799;background:-moz-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e5799),color-stop(50%,#2989d8),color-stop(51%,#207cca),color-stop(100%,#7db9e8));background:-webkit-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-o-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-ms-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);border:3px solid #fff;border-radius:14px 14px 14px 14px;color:#fff;font:bold 56px cursive;height:50px;left:3px;display:block;text-align:center;text-shadow:1px 1px 0 #000;top:-56px;width:50px}#noop-top:hover span{box-shadow:0 0 49px #207cca;height:70px}#noop-top{color:#000;text-shadow:1px 1px 0 #fff;text-decoration:none}</style>

Kemudian save dalam gadget
Jangan lupa save juga ya dilaman tata letak

Oke semoga bermanfaat tutorial kali ini

Wasalam mu’alaikum wr. wb

Langganan: Postingan (Atom)