Home » , » Widget Translate Melayang di Blog

Widget Translate Melayang di Blog

membuat widget melayang pada blogspot, manfaat dari widget melayang itu sendiri banyak, biasanya di gunakan untuk ditempati Iklan berbasis PPC atau Tempat Promosi hal Lainnya :)
Widget melayang ini bisa kita atur tata letaknya entah mau d letakan sebelah kiri, kanan, atas maupun bawah pada posisi blog..
Namun pada kesempatan kali ini saya akan coba berbagi Trick cara Membuat Widget Google Translate Melayang di Blog ....
Untuk Contoh Bisa Kalian lihat yang ada di pojok Bawah Blog saya ini gan :)

Google Translate Melayang

Silakan Kalian Ikuti Petunjuk Pemasangannya : 
  • masuk ke blog kamu.
  • pilih Setelan > Tata Letak> Tambah Gadget
  • Dan pilih Widget HTML/Javascript
  • kemudian paste-kan script di bawah ini.
<style type="text/css">
#gb{ position:fixed; bottom: 30px; z-index:+1000; } * html
#gb{position:relative;}
.gbcontent{ float:left;margin-left:60px; border:2px dotted #bb0000; background: transparent url( http://2.bp.blogspot.com/-u_wCqGv-804/UK5EZsdNGqI/AAAAAAAABjY/aG3nkxaSEdM/s1600/background.jpg ) repeat scroll 0% 0% ; padding:10px; } </style>
<div id="gb">
<div class="gbtab">
</div>
<div class="gbcontent">
<div style="text-align:right"></div>
<center><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&amp;up_source_language=id&amp;w=160&amp;h=60&amptitle=&amp;border=&amp;output=js"></center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></center></div></div>

NB :
Kode yang Berwarna Merah Silakan Anda Sesuaikan dengan Template anda
Kode Warna Biru itu Kode Google Translatenya (Bisa Diubah Dengan Kode Lainnya

Jika Ingin Menggunakan Google Translate Tampilan Dinamis Seperti :

Maka Gunakan Script Berikut :
<script src="http://raxterblog.googlecode.com/files/googletranslate.js"></script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
  • SIMPAN dan Lihat Hasilnya Kawan ...
Sampai Disini Tutorial Kali ini
~~~Salam Blogger~~