Membuat Google Translate In Your Blog

Centro tips blog. Google translate merupakan salah satu translater terkemuka di web. Google sendiri telah menyediakan default widgetnya yang sangat sederhana berbentuk scroll. Banyak diantara anda pasti merasa sangat tidak stylish dengan tampilan seperti itu, tapi tenang saja, saya akan memberikan kode google translate berbentuk bendera yang stylish dan juga eye cacthing. Anda dapat melihat contohnya di bar sebelah kanan blog ini.

Berikut langkah mudah yang bisa anda ikuti :

- Masuk ke blogger >> dashboard

- Kemudian masuk ke design >> page element

- Klik add a gadget

- Pilih HTML/javascript

- Kemudian copy code dibawah ini

<div class="widget-content">
<style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>

<div>
<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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaRA04LXLknk83TYxvBah2g4gLzrkpVebtqgqZOl7cyaRXdNCN4aRUTcwGO2TaxAT8eX6gOOFd_yvuiBQAZkTAnMbuTMzn96sjdJjirrm_O1ZjrvcWzZXUfOI-kZ0qQXWA806Rbn8Zxhw/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9nKdkd7qP6jE3eik5zWnmjaxv-Mm8dK2Rmzx4af5oNTuOtqAkafGRq63jo0cSNVfs-E9mb8xozCwRsPn5RIqnzfL07qnIJMaHF8a1ttLadlZrHEUYyP4zWYpQUF9WxoADDtXiktekZH4/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-SlqvBbzfvsCUbt-VmKvm-v6Kc2AJk8bS1_ju_onvk_xTXZMWoUV-aj838vNsFTMqhUoWI05cx1QoOTeuzUr-kCEwWP-G7erfwnzsv-z-rHRXnvoc1BRXi6kTug8G9IlOA9F_HIQ15yht/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHoMyXkImfGSbBeOLjtxdFc_q1_FppUU4oNWhyphenhyphenNcRbFhblsRyoKREQdgUgoJdxIxYOlOL6FwaKPZ0bEOobPgrlq_HtxN_6CHwdeHn-RxPLuk0hd3iUvvFW0I8mjgw-s76-pJgjyU2N6mCg/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgblQvm-Yh80etRBoIp6o_alUUVUEUEW3B2pFDy1NAgKgDlZYLtUQL8OBo-lk1-kt20hwAtmLg8OBlvL6LvdIFoESYvscO8zrouDpvMN6Wz0F1FYI0DHLWB8Apj2fI-8s3KxBH7oeav5qU/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF8RhiNpY_YtvlSUsgGwyZuxRKDWvUD5wpIHS9kNlu6JTq8T3TT8QjbNzpnv8ZC0mO18wrvbiz4yfHduVpI1Z6WKaMWIKAqqiS7oDuEzuwIYDFkyLOZl12f4Ks7WqqT-qasfiLVYfaT4k/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<br /><br />

<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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMQXQswZtDDTsash0trPnqT6VtF_oIsBF-1wKAMa5zzC-w8yKVQ69YiDKgKTICqefG9TNX4iVtAdKS0DYZn0tyiiZinRRjkfgZUN2WVFWnG1DOusevXLyOHO5C4iLbnKJy0v_ylnSNirI/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhApCj-HNor8j6rXB9NO_u7bfyFXh06lzVNW89Qy8rDzSjN4o2uiKTF-VyEZQX7j_e-vB4Tqx9ii1okwVI5bEvxyVV_23EKxNCsEEdWDeNcqHIPup-pRW0doNZlvnCBRMpq9UJwMgNJTI8/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNH8TCERrLXH7kBwLcrmFSjLiX2V2pDy_HPZYNP2DROUdljTahyphenhyphen6OaaEXRJA2eezNBIBhX2UOI8gY_eOoUJts0F3_hQApH-HRJZhlNhxi-4B9UtfPc3EvkhaAQ5NST7LnAl_IL3x1XbAi8/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.oogle.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5gnrEI_Ko2OnPSyVlBmUROzzMk1ASIulHxLTydDhl6u91fgFUCfh4jAP9CZeOKxlkNilCy0UU5u40yKTSeTR_EF_DA89QguUe8vku2xjK7Mo08Hb_hdbqSXrDxC0d5m41d7APbTNYO_s/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOwzCJxgflot9AHtWsSU54rdN5GMmm40U4pZJlMw2f9C3OpOfNkVFDadWqTYZQ2HyTrh9aIIYRC6ItZCAlkFUYioNhcwwetbf9Ht1cT0qXWrewVXl1DcStUoa17qDDaL0XMKemUB6n34g/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXWdTQgnaTJcm56H7AQZpeDFn8nNnjWaaOHdLcppfK-Ty4_5yR_CzyXJG7L8pCRUacm5LoPSEOX1uF18CHDXT5x1mKvt_DsbaymvXDnp5WhlJC6bFeGUWX0DQ88o-iM0q4uRxuSTG9J_A/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br /><br />
<noscript><a href="http://www.centro.web.id" title="software, tips blog, ebook, bisnis online"><strong>software, tips blog, ebook, bisnis online
</strong></a></noscript>
</center>
</div>
</div>

- Setelah selesai, save dan liat blog anda yang telah dipercantik dengan gambar bendera dunia

Sekian saja, semoga bermanfaat bagi anda semua

MEMBERI ANIMASI DIBLOG

Dah pada lihat belum di blog saya ada animasi bunga,helikopter dsb, ni bapak kasih tau cara buatnya

Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs sweetim.

Contoh dan scriptnya bisa dilihat di bawah ini :

1.Gajah loncat

Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

2. Boring

Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

3.Tuyul ketawa

Script:

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

4.Boneka joget

Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

kopy tulisan yang berwarna hijau saja oke, selamat mencoba saya pastikan kamu pasti bisa.

MEMBUAT TEKS BERJALAN DIBLOG

1.Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript
6. Pastekan script dibawah ini

<marquee direction="left"><b>Selamat Di Blog Resmi SMA N 1 Tanjung Raja</b></marquee> 

  7. Klik Simpan

8. Selesai

Note: Ganti tulisan yang berwarna merah sesuai keinginan kamu oke????? selamt mencoba.

MEMBUAT KRUSOR ADA BINTANGNYA

1. Login ke blogger
2. pergi ke tata letak>elemen laman
3. klik "tambah widget"
4. pilih javascript/html
5. pilih salah satu script berikut ini:

<script src="http://denisahlan.netau.net/bintang.biru.js" type="text/javascript"></script>

<script src="http://denisahlan.netau.net/bintang.hijau.js" type="text/javascript"></script>

<script src="http://denisahlan.netau.net/bintang.merah.js" type="text/javascript"></script>

<script src="http://denisahlan.netau.net/bintang.putih.js" type="text/javascrip

    6.  jangan lupa di SAVE oke selamat mencoba.......v

MEMBUAT JAM DIBLOG

 

Saya yakin Siswa SMA N 1 Tanjung Raja semuanya disiplin dalam berbagai hal salah satunya masuk sekolah tepat pada waktunya, ngomong-ngomong soal waktu ni Bapak kasih tau cara memberi Jam di Blog kamu

1. Login ke blogger
2. pergi ke tata letak>elemen laman
3. klik "tambah widget"
4. pilih javascript/html
5. masukkan script berikut ini:

<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="0001-red.swf";obj.TimeZone="JOG";obj.width=150;obj.height=150;obj.Place="";obj.wmode="transparent";showClock(obj);</script>

6. Dan jangan lupa di SAVE
7. Alhamdulillah ya…..

Membuat Link Pelangiii

Lansung saja, kali ini saya akan membahas tentang bagaimana membuat link yang apabila di tunjuk oleh kursor akan berubah warna. (sebagai contoh, silakan arahkan kursor anda ke beberapa link saya yang sudah tersedia diblog ini… :D)

This is it langkah-langkahnya:

1. Login ke blog

2. klik rancangan 

3. edit Html

4. cari kata <head>

5. taroh code script berikut berikut di bawah kata <head> tadi

    <script src='http://palangi.googlecode.com/files/pelangi.js'/>

6. Simpan Template

7. Lihat hasilnyaaaa… :D

Membuat Kalender

1. masukkan alamat berikut http://www.calendarlabs.com/calendars/web-content/free-blog-website-content.php#use di pencarian web

2. lalu pilih salah satu model kalender yang di inginkan

3. setelah itu kli Customize this wadget ( konfigurasi kalender silakan atur sendiri)

4. lalu klik Priview and generate your code. Silakan copy URL yang ada dibawahnya.

5. buka blog anda. Pilih Desain-Rancangan-Elemen Laman. Lalu pilih tambah Gadget- HTML/Javascript.

6. paste URL yang anda copy tadi.

7. simpan dan selesai..