Cara Memasang Widget I Love Indonesia

Tutorial kali ini adalah bagaimana cara memasang widget i love indonesia di blog sobat, seperti yang terlihat di pojok kanan atas blog ini atau gambar di bawah.



Cara memasangnya sobat cukup copy paste kode di bawah ke dalam blog sobat. Untuk lebih jelasnya silahkan sobat lakukan langkah-langkah berikut:

1. Login ke dashbord blog sobat
2. Pilih tab Rancangan kemudian klik Tambah Gadget
3. Pilih HTML/JavaScript, Masukkan kode di bawah ke dalam content dari HTML/Javascript tadi, judul tidak perlu diisi
4. Dan Lihat blog sobat.

<div style="position: fixed; top: 0px; right: 20px;width:80px;height:120px;"><a href="http://caranyamembuatblogspot.blogspot.com" target="_blank">  <br /><img src="http://lh6.googleusercontent.com/_9W8681AXnyo/TWS8zq3XKFI/AAAAAAAAAL8/VNes2sF4baw/iluvindonesia.png"></a><br /></div>

Demikian cara memasang widget i love Indonesia di blog sobat, semoga bermanfaat. Untuk memasang widget blog yang lainnya, silahkan sobat buka link ini

Baca Selengkapnya

Membuat Widget Google Translate Versi Baru

Pada tutorial sebelumnya telah kita bahas bagaimana Cara Membuat Widget Google Translate dengan Logo Bendera. Kali ini masih tetap dalam bahasan yang sama hanya saja yang berbeda model benderanya. Untuk lebih jelasnya silahkan anda lihat tampilan bendera untuk widget google translate yang akan kita buat kali ini.

Langkah-langkah untuk membuatnya :

1. Login ke Blogger.
2. Klik Rancangan
3. Klik tambah gadget
4. Pilih html/javascript
5. Copy kode dibawah ini dan paste dikonten dari html/javascript tadi

<center><a href="http://caranyamembuatblogspot.blogspot.com" target=" blank"><b>Google Translate</b></a></center> <div style="overflow:no; width:100%px; height:100%px; padding: 5px; background: #FFFFFF;"> <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; } </style> <center> <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" src="http://img31.imageshack.us/img31/1661/pinginbelajarsaudiarabi.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img43.imageshack.us/img43/2771/pinginbelajarsouthkorea.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img34.imageshack.us/img34/4583/pinginbelajarjapan.gif" style="cursor: pointer;margin-right:0px"/></a> </center> <center> <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" src="http://img41.imageshack.us/img41/1681/pinginbelajarchina.gif" style="cursor: pointer;margin-right:3px"/></a> <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" src="http://img32.imageshack.us/img32/7591/pinginbelajarrussia.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img31.imageshack.us/img31/7112/pinginbelajarbrazil.gif" style="cursor: pointer;margin-right:0px"/></a> </center> <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" src="http://img43.imageshack.us/img43/2598/pinginbelajarunitedking.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img40.imageshack.us/img40/4035/pinginbelajarfrance.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img38.imageshack.us/img38/344/pinginbelajargermany.gif" style="cursor: pointer;margin-right:0px"/></a> </center> <center> <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" src="http://img41.imageshack.us/img41/1191/pinginbelajarspain.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img36.imageshack.us/img36/6670/pinginbelajaritalia.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img33.imageshack.us/img33/2439/pinginbelajarnetherland.gif" style="cursor: pointer;margin-right:0px"/></a> </center> </div>

Demikian cara membuat widget Google Translate versi baru, semoga bermanfaat.

Baca Selengkapnya

Cara Membuat Widget Google Translate dengan Logo Bendera

Jika sebelumnya telah kita bahas bagaimana supaya blog kita bisa dibaca oleh pengunjung dari negara lain dengan menggunakan widget google translate, Kali ini kita akan membahas bagaimana Cara Membuat Widget Google Translate dengan Logo Bendera. Untuk membuatnya cukup mudah, ikuti langkah-langkah berikut :

1.  Login ke dashboard blog anda, kemudian pilih tab rancangan
2.  Klik tambah gadget, kemudian pilih html/java script
3.  Copy kode di bawah ini, dan paste ke content dari html/java script
4.  Klik simpan dan lihat blog anda untuk mengetahui hasilnya.

<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 href="#" target="_blank" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img border="0" align="absbottom" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht37tem-zlvvdlAj-JlarwddbjGaOYCtbXJ7j2EW2xOI_rGj7oszj2jR6PCfWupEnzeuSXRtIC-1cx1XQdJUrZHr9FcD9NX4Y6y7L-9VJNE85ToiTJjcWe6SRQ54HwTT4kWUMQ1LGF9jfA/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a href="#" target="_blank" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img border="0" align="absbottom" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ93y1VyVbTtbEImruI6uJ7TuhPOmSkI4jn3mPT-nmwyL4TC8Z6NWQElvgTDWrMhzcYluauTubvqrka09eorY85YYT4HYzUZNWa1Kkuo70E9Eo2XG85Wkh_mQvl30UeF8Bp3oESddvy8UF/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a href="#" target="_blank" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img border="0" align="absbottom" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXSa28LxEr3SbIFoE7BJZiLDGRv2z-iI1fIK05oBVXqdiuoZODBW1VeWrlzfB52iRe8QVUT6r2Kpawo7z48mJWdo0G5kzyYoSgNSUcQtQfq_gv0YMUV6k3OdFdp-IjgKHZI6UUXZ-fbnd-/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a href="#" target="_blank" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img border="0" align="absbottom" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW2fMMX1y8XybZeMi7S0ffMKqmheKOfWE5mYoaXNeGd9agY-iwwr8J4M4e1twFo3N8RiAr5PjPFQKhZGJ1d9qMSH5cx_54QhhJqL23OPO8rwYRmeofzpvvfEcvwFiRLAA2YLEI310nHAO0/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a href="#" target="_blank" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img border="0" align="absbottom" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7bVM26YrJpAnwCplDQsE5W2j_z7_ADrwppaEMqRCzkT0B9J103GZgaU3vBwWgJRprWnD4X6vzNE8_zpEPGCTMf_iMqNruNVXOX-8g-E-jP3-mw0dRE3JK0Ds4Fnwotx60vAaLy7NfTrpl/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a href="#" target="_blank" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img border="0" align="absbottom" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUnQlQFVYNaraLigdOS6yfnwT4hxcsROEZGarL8agoNk9vi9w2iVtSIEWKhIDbwqjp4QwDePo6m_8mfkKe7l9cQE2DnDi7wA9zvMRdGxXh3gJcNzcsv7MLjUMtJ69VpTWvmvDXkgULVEfM/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a href="#" target="_blank" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img border="0" align="absbottom" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEr9DvwtoZy8puGIxrsKyqjKF8kaS6V3A3ybzhDJTLSy8UziQ45HeD-tIYNVUNLXoBGgVdS32sija_5eMfZftk-sARsuf2E1Zc5gh9lqwk8AUczZkIEZd9gtPabtV9hZp2Lgv1QHbbQnNo/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a href="#" target="_blank" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img border="0" align="absbottom" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhszWaQWfOvNsm7GsqiPDrERD_w_IP5E8wraQ8wVmWl5su7tjwgEp6YQ_IvbdaT91fOfKjVJPHdnYMlQ9SYhIr9Wp4PMSlU3tyHiMURdlL4AuMBegrTXWhaWxyapd63vpxT8JxAMrBnwy1Z/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a href="#" target="_blank" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img border="0" align="absbottom" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHXSlaX5hTu8arucu5aryiFay7rBsf-XYf3KmPe-3sO0TGJkusuD5o-nbf9d7Xm2WNh4zZUn4qfIvnDTJaXyOLcDnCMDSIntPAKkHFFghdvYZK8sIcvQ0icaY2HoadJQKb35fMRtj2eyQW/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a href="#" target="_blank" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img border="0" align="absbottom" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfd2HZqP-z-PQlywUxbGkea9s20xxfejNJcbQBvBiwb4IkvyWpXK5ctM86TC2mclHKz_TsrUIlbW4gyOo4WstiySFbmuhEQESj4gBWK5w4ae8N94R8xytREwtXwhKFb6P6wGdAT8TTnKu-/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a href="#" target="_blank" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img border="0" align="absbottom" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkXYuDS3D0csc4BNUr8OuD9FAVcMxrfId1dqk5bLX8yDSDKbAKDvbTk0aHxlhqsTWQhM0SNO5cD0hBKGWWwRyYSr46CtH1Ngf-9hTomATGTfATD0qaMzpNqNtMrH2YSBuIajLuu8Gb8nVr/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a href="#" target="_blank" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img border="0" align="absbottom" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVrzJEP14Hbjs0F2OCnHD9x5fQbxomy9EybD51U7NnM1NqGY8ohxt2BM6NzJ1KTdw4swuYVaAQlpcAdHpD-L5Vmp2NcXsccRTYRQ-OjBuuBvEFNGsJw1UESUhtd-s4sUTbQ2h7w-uoZygm/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://caranyamembuatblogspot.blogspot.com"/>Translate Widget</a> by Google </div></div>

Demikian cara membuat widget Google Translate dengan logo bendera, semoga bermanfaat.

Baca Selengkapnya