Laman

Tampilkan postingan dengan label Javascript. Tampilkan semua postingan
Tampilkan postingan dengan label Javascript. Tampilkan semua postingan

Burung Twitter Terbang


Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot


Memasang Burung Twitter Terbang di Blogspot
Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

  • Klik Design > Page Element > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxAg8-c-0pqp8LzB59e5iMaVR4PKp48HqD6AXBlbIR42a4cnvKOlxxSN36890p7697wVk4PqHfaqbUpWFWuNGm9VS0wJHVHO9Ns30z5b7A0a4mQBpuomQCGzx36TAWfrmRt1Rss9Qzui8/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>



  • Ganti kode yang berwarna biru dengan akun Twitter sobat
  • Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Rubah Warna Burung Twitter

Untuk membuat warna burung twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGK7cwdk-0-m5S1fMD90QQMHaIN_NRAtiZV8whLGq11SEWjL5RUfVwUb643_8Py4yB1wDolrT8Htw62qaKXsBPwAsorBVYYr3M6q3BPbPijqbCcoVa0yzekmvhC_EGseGiJfafVsjnVdE/s1600/yellow+bird.png
Warna Hitam

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnmGIdnjLVvRfcPbNofiNE-QhQ1I3pVWKaGEzrsXsWVdTW0wBJlYlFnH75mK43wnYsISDdYeSkNVRyxNAJdk8_Mgbvdrvj2MgTXmiVQgM4icRlukzBsWf9_Bu4uJof_S28zxGAyGHzOU/s1600/black+bird.png
Warna Biru

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxsaiCdnNGbbkXa2HYFiPHWOpoEJ-JvNepuY0Q9-DnTqYOExzYeSMQjd6Fp2X7U7wWJ8Rb-FgGw6yFMJIbOUm1R2cH0pqcU3rcOf30xcXqZvWWQF8WGeykpmf8erwsA6blxe8FTWTuMHs/s1600/Blue+bird.png
Warna Coklat

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCsbOyBM-_7CdhHtLXyMYiR1Uem-nXhCTxD6LVUXb3MIlPovRL9k1q_Oqdw1a2OGlTLM4lHf5OC6gtjz3DJQykZVY13Ftq7F1aYPoWshlx_EWMk9ftigeUey4_KcKQ9vBSWbWg1JQQld0/s1600/brown+bird.png
Warna Hijau

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVXITQ7Vf_cUVekOLv3DDp0JWFyWQP7UEQ5dFSsU8gUQBLmqoAf6JWzz9L_YuxMPyXodA0YWZRg2N0P3ajILiC3vheNB_O98MFuMvffr_ccS6w68oLsM4YQSXzbpaAGjYnPJtxfBUCreo/s1600/Green+bird.png
Warna Ungu

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiCvWHrsxgt2XCxHLhYJ3wfdEQs8FHovkOtHJuoD3fGpl3in6GOsmuH0fL9SCo7AaA0mQqRXT8MvLRG5OWnc7c2cRqvQlTnNp470YTy3ez7pF8_IhBp8hNqHG4llvz-r64cgMA_phHlm4/s1600/purple+bird.png
Warna Putih

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggFrbOwqiQNuCb1mx8OwmWRnaXoIlq1nH7zV0-bLYIBUforPYvVzkQ9SgRAvbGv-EVZsgWVdu26wBvvU-RxZEwNTDPEwD8V8VXpA9sv6jg72YQkvf8V0tzU8kKBljRQ1V9nFPNyAiF8FQ/s1600/white+bird.png
Warna Merah

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsAay7Ynt1uYD2K5qLRzd2XMlstylhGoaFCopZaNcBOiyengY3Rzc9nVCXETHTVngPTzftZgfAImvEcpcIEqHuXHO3YcxqG5gX2FaOmUvseKirUu3pzqEfRDI_od6rb-UEneQuwW1-ZPU/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!

Google Translator

Pasang Google Translator di Blogger
Bagaimana cara memasang/membuat Google translator/translate yang bentuk bendera negara di blog Blogger?...
Beberapa hari yang lalu saya memasang Google Translate untuk blog ini yang tujuannya adalah untuk mempercantik blog, selain mempercanti blog saya pikir blog ini juga sangat bermanfaat dan memang perlu di pasang di blog berbahsa indonesia. Siapa tau saja ada bule yang mampir ke blog ini
 
Ok lalu bagaimana cara pasang google translate yang ada gambarnya di blogger?...
Santai dulu bos... sebelum saya tuliskan cara membuat/pasang Google translator di blogger saya akan jelsakan dulu bahwa gambar latar belakang bendera negaranya nanti transparan.

Mari Kita Mulai.......

Panduan Cara Pasang Google Translate di Blogger

Untuk memasang translator/translate Google di blog blogger anda maka langkah pertama yang harus anda lakukan adalah login ke akun blogger anda dulu.

Kemudian Pergi Ke Design => Page Elements, di sana anda akan menemukan tempat untuk meletakkan Gadget Google Translate ini.


Klik Add a Gatget, kemudian pilih Gadget HTML/JavaScript.

Setelah itu masukkan script Google Translate di dalam gadget HTML/JavaScript tersebut, berikut script Google Translate yang harus anda masukkan di sana:
<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.30opacity: 0.30;border:0;}
</style>
<center>
<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/AVvXsEinsWnba4RrL75vXRcl4A1GqBwc9vGJrTCAz8of7tSY0bC3vh-bb0BvaxB5i3bWvRljK6jglbCC1ooOOOipFGtbiJveHTQ6QCTBabTPbuW_5s-GOiR-BjAeiCmz1BJ44xruuFG7_k5Qg6o/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEhdpkbAwqhRpiW5MmJC8SP2zP3DVGwVn0JV7MvYkLLwf02MOalb4n-n9CIJQNOvDWOaUbDEOAMC9dqS5AHs_jB8L-fNNoLM4c6T5hpB-PLwiCP96iBqmnCVjb3UVCwSV4DiMxazfp7h_-0/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEgTelL03z7h81te4gIg-xf82H-2trL44waC6xA6zCh0ZeULAKbATtSMdfopIHn2JxVDQLwl31s19hhTq7l3saAd7zXyPpkEP5QaATx-pEEZVd2CSTcVSmsR3wY4OGB9q_jpUjBnIg_K5O4T/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEhNu0EmaEuNINMH-0Q2NUfic7Cp02yWh9dSrtNyTqvvFUEj-7ehZ4onQ6suwqJQ-n0NJQIbX3xniUeBAfhpsrOtWzT0n654ZoxN4wJnyudW9uIwKuO0vId2DwZnYfPn0o8DJvWH7tQHHJdr/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEjb6eO1CT7qo41ogCw4228OFCfKldRpdSOw7gmDhVe4dIHtPZbqwjny4M7SJyDhqW0tj4ucbBMQmJNodkGme50dbld0ON9YjCz8X-U_bnIyE457ccNXKXjwaE5NrfWqka91UUZgcCbzHXI/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEja1qG8OLD-mHQrDcFxY3UCH3E1BIwMb1OCHOc6QaOmPL8KbzGfgA9KMZKOIikQ1H-qJ42ypmDqWVoPIy2q9rx-IRwDD55Y5Bib_4hGggbJeeLSM8yevIJv3Jcyin7ZQuNf4xZIrpaqbqI/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
<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/AVvXsEgThgu3duf65rDqbIfNoGTVet8AHBUXcKkHC7mLj76Tnwc1lus-anGNi6R6PQ6YvVp6W9sMckFoZlw-IXU7MdXFzfimRZ253tW3iYpVKzhDjG6gnhJl_MzUR3qbxa-ZyW99Sj6BGuPkhjk/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEgxui3RLvzQy0ljGWg9jVi7ZgROnjkDE-3JTM7CyUpWse6TFH08ZftJwokv9B3W-RZu47nn2NMIla1JwaxA6WReUKLb1uaLoCaLzMC0Tc08Ebn_r2nO0SeHDoylRXZLbw8b43aI6IWB9pk/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEjcVvcpm7fIgpJQVr1vprUgolRkpy_UIHlPFyLg8QgN998YmBUymkMuIFPYMx8d5WgHqVTEcTjaPY_2sG-50USHDQTaPXcHZg3zbtnC4Q4CgOR7Wp-ygiKLcxgP2yR0_QHK7wgGkdx4UV0n/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEh4KuVdnocXN3U0-zPIA_Km9Ue6o0bfkDFUCqjNJT-45kuoFOk_VfGSLL7UHPlnnahkzc0hLKwoxxW_-kXW9Iwvt1hFkW0PDl3OiwbT5w5sb4V2ypqAkvZ7S6GmLYhyuXd93oVxR65T_1E/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEjD6Cb7-UbHwiOgNl7Ha6VKI8OvGkGmbVow7DiLARFLGDJM94z1QxO7s9bET_cn0ua4ozQpcXLveT1sAh3EMywDOVorgYgaHnSDfqSXEOR9l8mWySMKqRbFwOng7tlUlM24BvWJFF_C-l4/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEjuA-s5Ehyphenhyphen_nXx_E0qcZEfcOcbfjrBBwhdYClc-FkfDzR0IG1840viMgjA9izdDB9_2RKCPQEK1VADZM5yK-o23oPB7vFEmuku3Ny4hRkReTYUGDIpn-O6MaJ0VwwARjdIPCS-Dx8uW8rU/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
</center>
Setelah itu klik Save (Simpan).

Nah itulah cara memasang google translator/translate di blogger, cara tersebut menurut saya adalah cara termudah untuk memasang google translator yang ada gambar bendera negaranya di blogger.

Sebenarnya masih ada cara lainnya, namun hasilnya sama saja, jadi saya rasa 1 cara saja sudah cukup dan lagi untuk apa juga pakai cara yang susah kalau cara yang mudah ada.
Selamat mencoba dan semoga berhasil
Jangan Lupa Klik Tombol Like Di Bawah ini ya ... :-)