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 :)
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 :
~~~Salam Blogger~~
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 :)
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 :)
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( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkAiVj7nb4bPGVropOSsV5MX8YUzCziK6t6QTpGsMuQE7Bq3bTyWNemUKak_bmFH7KPkf_Jmq82TshKOwggbI48UYQfMWUKvq8LedZeyc8fmOC-4yhYbfoqXv29ZSNvOA_9QXEiKGhsns/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&up_source_language=id&w=160&h=60&title=&border=&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 :
<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 ...
~~~Salam Blogger~~
