Cara membuat widget translate melayang pada blog

cara membuat widget translate melayang di blog
ANBlog's - Cara membuat widget translate melayang di blog

Assalamu'alaikum^ , kali ini saya akan meng share tentang Cara Membuat Widget Translate Melayang di blog
hmmzz,,,walaupun postingan lama gk apalah kalau dishare ulang :) , langsung aja nih , ke TKP! :D

untuk demonya silahkan cek di atas kanan blog , ada? langsung aja caranya :



  • langkah pertama ,seperti biasa , login ke blogger
  • setelah berhasil login dan masuk ke dasbor
  • pilih template , dan klik edit html
  • cari code </b:skin>  agar lebih mudah tekan ctrl+f /F3
  • masukan kode berikut tepat diatas code </b:skin>



MELAYANG PADA POSISI BAWAH KANAN BLOG


 /* soax */#soax {position: fixed;_position: absolute;bottom: 0px;left: 1218px; /* ATUR MARGIN JIKA KURANG PAS LETAKNYA */clip: inherit;float: right _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight);_left: expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);}/* soax-END */
 MELAYANG PADA POSISI BAWAH KIRI BLOG

 /* soax */
#soax {position: fixed;_position: absolute;bottom: 0px;left: 0;clip: inherit;float: right _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth - offsetWidth); /* soax-END */
 MELAYANG PADA POSISI ATAS KANAN BLOG

  /* soax */
#soax {
position: fixed;
_position: absolute;
bottom: 643px; /* ATUR MARGIN JIKA KURANG PAS LETAKNYA */
left: 1219px; /* ATUR MARGIN JIKA KURANG PAS LETAKNYA */
clip: inherit;
float: right _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight);
    _left: expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);}
/* soax-END */ 
MELAYANG PADA POSISI ATAS KANAN BLOG


  /* soax */
#soax {
position: fixed;
_position: absolute;
bottom: 643px; /* ATUR MARGIN JIKA KURANG PAS LETAKNYA */
left: 0;
clip: inherit;
float: right _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight);
    _left: expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);}
/* soax-END */


  • jika sudah taruh code berikut tepat diatas code </body>


<div id='soax'><div id='google_translate_element'/><script>function googleTranslateElementInit() {  new google.translate.TranslateElement({    pageLanguage: &#39;id&#39;,    multilanguagePage: true,    layout: google.translate.TranslateElement.InlineLayout.SIMPLE  }, &#39;google_translate_element&#39;);}</script><script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/></div>


  • tinggal save/simpan :D 


okkay mungkin cukup disini aja :D ,,semoga bermanfaat,, thank's you! :)
        Kalau mau COPaS jangan lupa sertakan sumbernya ya! ,Wassalamu'alaikum :)

Title: Cara membuat widget translate melayang pada blog
Rating: 10 out of 10 based on 24 ratings. 5 user reviews.
Writed by Tofa Maulana Irvan

Copyright © 2013 All Right Reserved Modif oleh ANBlog's Tempalte By Zulfikar