Pasang Google Translate Di Postingan Loe

Barusan iseng jalan-jalan ke tempate om Google, mampir ke tukang Translate bentar, eh gak sengaja ke-Click gambar

nya.. XD

Kalo buat yang udah tau mungkin Barang Basi, tapi.., berhubung gw baru tau :P jadi..

Add Translate to your Blog Post

Add Google's website translator to your Blog, and offer instant access to automatic translation of the Post. Adding the website translator is quick and easy.

This is an example paragraph. You can preview and test the element translator here. Try clicking the Translate button and see the "Preview and Cry! XD" to see the effect. Enjoy!

Paragraphs diatas sengaja gw masukin tadinya cuman pengen nge-test bisa nggak kalo Dua Script dalam satu Blog jadi biar bisa translate keDua Bahasa .. .. taunya..,,?

The Script

<script>

function googleSectionalElementInit() {

  new google.translate.SectionalElement({

    sectionalNodeClassName: 'entry-content',

    controlNodeClassName: 'pencetan-translet',

    background: 'transparent'

  }, 'google_sectional_element');

}

</script>



<script 

src="//translate.google.com/translate_a/element.js?

cb=googleSectionalElementInit

&ug=section

&hl=en"></script>

Button CSS

<style type="text/css">

a.goog-te-gadget-link {

 -moz-border-radius:5px; border-radius:5px;

  padding:3px 10px;

  color:#ccccdd;

  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHu2Mh7O-Wg_yHs0DTKWr_2IKaZRNTA0-bd4_hU73I_lHGaQsH9z-V0EGFVMtXXQCUrhcRFsqqh4ELUNTaDcCmpLDWPuL3X1ZSIKQDxbBZBVPv0SbvIGDL03fY7qg3et2F7ORjlTc69dap/s1600/biru50.png);

  border:1px outset blue;

  font-size:12px;

  font-family:verdana, tahoma, arial;

}



a.goog-te-gadget-link:hover {

  border:2px outset blue;

  padding:2px 9px;

  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT6PR-u0oW-22hlsdhD32RqZSGKZK1xkuEk3p8UVp-3iJMSzshl1Gi_advuQl3IPBw5JeDQx38DQzjL5D08hPDlEjpXPEdAW26GfF-SaeHPfbl6CEXP8RJjzgAf2rXV2J9jFDbZz0TPzj-/s1600/biru70.png);

}

</style>

Biasa, pasang aja di Gadget HTML/JavaScript

Elo cuman perlu nambahin Tag <div class="pencetan-translet"></div> di tiap Awal atau baris pertama Postingan buat tempat tombol Translate bakalan muncul entarnya. Itu doang,, udah.

Atau biar otomatis di ketikin sama tukang Blogger tiap kali elo posting, pasang aja Tag
<div class="pencetan-translet"></div>nya di Post Template

Reference:

translate.google.com/about/../tour.html

Style Sheets of This Post

<br /><div id="Aing">
<br />  <p style="text-align: justify;">
<br />    .. .. .. <q>Dalam Tanda Kutip</q>
<br />    .. .. .. <code>Script Code</code>
<br />  </p>
<br />
<br />  <pre>Script Code
<br />
<br />             Script Code
<br />  </pre>
<br /></div>
<br />
<br /><div id="Aing">
<br />  <p style="text-align: justify;">
<br />    <img src="http://t1.gstatic.com/images?q=tbn:ANd9GcSdUR5r8lcLju3PM0Eu7HKd-9K3Oa5ILcqx1Uc88DJFIwBMmwInpQ"/>
<br />  </p>
<br />
<br /><b class="goog">.. .. ..</b>
<br />
<br />
<br />
<br />
<br />
<br />
<br /><style type="text/css">
<br />.entry-content {
<br />  background:transparent url(http://t1.gstatic.com/images?q=tbn:ANd9GcSdUR5r8lcLju3PM0Eu7HKd-9K3Oa5ILcqx1Uc88DJFIwBMmwInpQ) no-repeat scroll bottom right;
<br /> -moz-border-radius:10px 200px 20px 20px; border-radius:10px 200px 20px 20px;
<br />  border:1px outset black;
<br />}
<br />
<br />div#Aing {
<br />  margin-bottom:10px;
<br />  clear: both;
<br /> -moz-border-radius:10px; border-radius:10px;
<br />  border:1px outset blue;
<br />  background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIKW-5xT6HpPosYp72CnV_Ic1B5RVRSXPa9GnKdGKHZUOHZaVaY5SvfnwwvmrovyT2V_8oN8rNZSNNgb_A1GycFB4nWm4ycfy9UlTUaskRdvpBYzekqze98h-G61OT5KWZkJ17W5NTM_mP/s1600/biru25.png);
<br />  color:#ccddcc;
<br />  padding:10px;
<br />}
<br />
<br />div#Aing img, div#Aing q, div#Aing code, div#Aing a {
<br />-moz-border-radius:5px; border-radius:5px;
<br />  padding:5px;
<br />  border:1px outset black;
<br />}
<br />div#Aing q, div#Aing code, div#Aing a {padding:2px 5px;}
<br />
<br />div#Aing pre {
<br />  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLjHAgQ_wer3l1oqn4fcX4bmxfp7_KC8MnNVC3dxlmbZfk3v2IoGJ5gX1lIpRoyzSEmymbhHsSFOF5FNKjTX1SqEwqvzGzvzRro-7TmnzzFz8D21e5cJs7uVpWToS5QM8pJbybrh0s7-Wl/s1600/black70.png);
<br />  border:1px outset black;
<br />  color:#ddddcc;
<br />}
<br />
<br />div#Aing pre b {
<br />  color:#ddaaaa;
<br />  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWJY8desEp9Iny6iBigzcSc5eYTantn608Jv5KNqdf6k3mH22z7UzYZUxaIaxQYolMizqTk2Apt8PyS2NKJFzRMHQ1_NZIGO5Y6KNSXnNoOV5WLTZQuRZpQnAQr6uH-KZ0ojvpKXnxNc53/s1600/green25.png);
<br />}
<br />
<br />#join {
<br />  background:transparent url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png);
<br />}
<br />
<br />b.goog {
<br /> -moz-border-radius:5px; border-radius:5px;
<br />  padding:3px 10px;
<br />  color:#ccccdd;
<br />  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHu2Mh7O-Wg_yHs0DTKWr_2IKaZRNTA0-bd4_hU73I_lHGaQsH9z-V0EGFVMtXXQCUrhcRFsqqh4ELUNTaDcCmpLDWPuL3X1ZSIKQDxbBZBVPv0SbvIGDL03fY7qg3et2F7ORjlTc69dap/s1600/biru50.png);
<br />  border:1px outset blue;
<br />  font-size:12px;
<br />  font-family:verdana, tahoma, arial;
<br />  cursor:pointer;
<br />}
<br />
<br />b.goog:hover {
<br />  border:2px outset blue;
<br />  padding:2px 9px;
<br />  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT6PR-u0oW-22hlsdhD32RqZSGKZK1xkuEk3p8UVp-3iJMSzshl1Gi_advuQl3IPBw5JeDQx38DQzjL5D08hPDlEjpXPEdAW26GfF-SaeHPfbl6CEXP8RJjzgAf2rXV2J9jFDbZz0TPzj-/s1600/biru70.png);
<br />}
<br /></style>
<br />
<br /><script type="text/javascript">
<br />var lyseMp3s = [
<br />"http://home.lyse.net/supreme/mp3/mp3/02%20-%20Bitter%20sweet.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/02%20-%20Breaking%20Benjamin%20-%20The%20Diary%20Of%20Jane.mp3", 
<br />
<br />"http://home.lyse.net/supreme/mp3/mp3/02-the_legion_of_doom-lolitas_medicine_%28from_autumn_to_ashes_vs_dead_poetic%29.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/02.%20Track%202.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/02_dont_cry_for_pain-mod.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/04%20-%20Breaking%20Benjamin%20-%20You.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/04-breaking_benjamin-skin.mp3", 
<br />
<br />"http://home.lyse.net/supreme/mp3/mp3/05%20-%20Still%20remains.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/06%20-%20Breaking%20Benjamin%20-%20Until%20The%20End.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/06-alter_bridge-broken_wings-rns.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/06-breaking_benjamin-forget_it-h8me.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/1%20-%20We%20are.mp3", 
<br />
<br />"http://home.lyse.net/supreme/mp3/mp3/10%20-%20Now%20it%27s%20gone.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/14%20-%20Breaking%20Benjamin%20-%20The%20Diary%20Of%20Jane%20%28Acoustic%29.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Brand%20New%20-%20Okay,%20I%20Believe%20You%20But%20My%20Tommy%20Gun%20Don%27t.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Chevelle%20-%20Closure.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Chevelle%20-%20Comfortable%20Liar.mp3", 
<br />
<br />"http://home.lyse.net/supreme/mp3/mp3/Chevelle%20-%20Emotional%20Drought.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Chevelle%20-%20Get%20Some.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Chevelle%20-%20Panic%20Prone.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Chevelle%20-%20Send%20the%20Pain%20Below.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Chevelle%20-%20The%20Red.mp3", 
<br />
<br />"http://home.lyse.net/supreme/mp3/mp3/Chevelle%20-%20Vitamin%20R.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Coldplay%20-%20Clocks.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Coldplay%20-%20Fix%20You%20%28Album%20Version%29.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Dirty%20Oppland%20-%20Vi%20Liker%20Deg%20Ikke.mp3", 
<br />
<br />"http://home.lyse.net/supreme/mp3/mp3/Hoobastank%20-%20Running%20Away.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Hoobastank%20-%20The%20Reason.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Pluss%2044%20-%20Baby%20come%20on.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Pluss%2044%20-%20No%20It%20Isn%27t.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Pluss%2044%20-%20When%20Your%20Heart%20Stops%20Beating.mp3", 
<br />
<br />"http://home.lyse.net/supreme/mp3/mp3/Relient%20K%20-%20Be%20My%20Escape.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Senses%20Fail%20-%20Bite%20To%20Break%20Skin.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Simple%20Plan%20-%20Jump.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Sykihode%20-%20Alkoholiker.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/The%20Legion%20of%20Doom%20-%20At%20Your%20Funeral%20For%20a%20Friend.mp3", 
<br />
<br />"http://home.lyse.net/supreme/mp3/mp3/The%20Roots%20&%20BT%20-%20Tao%20of%20the%20Machine.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/Trucker%20-%20Take%20me%20as%20i%20am.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/dampl%e5ten%20remix.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/nickelback-too_bad-pms.mp3", 
<br />
<br />"http://home.lyse.net/supreme/mp3/mp3/pluss%2044%20-%20Lycanthrope.mp3", 
<br />"http://home.lyse.net/supreme/mp3/mp3/staticx%20-%20control%20it.mp3"
<br />];
<br />
<br />
<br />
<br />var embedAwal = '<embed src="http://img227.imageshack.us/img227/3087/playergv1.swf?soundFile=';
<br />var embedTengah = '&bg=0x330000&leftbg=0x';
<br />var embedUjung = '&lefticon=0xFFFFFF&rightbg=0x333333&rightbghover=0x333333&righticon=0xCCCCCC&righticonhover=0xFFFFFF&text=0xcccccc&slider=0x666666&track=0xFFFFFF&border=0xFFFFFF&loader=0xcccccc&autostart=yes&loop=yes" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" height="24" width="290"/>';
<br />var k = Math.floor(Math.random()*lyseMp3s.length);
<br />var uriLagu2 = lyseMp3s[k];
<br />var warna = '003300';
<br />var laguApa = '<br/><a href="'+uriLagu2+'"><small style="color:skyblue">'+lyseMp3s[k].split('/')[6].replace(/%20/gi,' ').replace(/%27/gi,'\'')+'</small></a>';
<br />
<br />setTimeout("document.getElementById('sahaeta').innerHTML=embedAwal + uriLagu2 + embedTengah + warna + embedUjung + laguApa",30000);
<br /></script>
<br />

NB:: Buat Blog NamaPanjang, Admins udah masukin Tombol translate-nya di Template Blog.

Jadi gak usah masukin lagi di Postingan, otomatis tombolnya udah pasti muncul ko.

Download Video!

Farhan Creativity

Variable

Search This Blog

css

Saturday 31 March 2012