Widget

Cara Membuat Text Area

2009-11-10T22:52:00.000-08:00

Apa itu Text Area....? Untuk lebih memudahkan sobat, silahkan lihat di Bag. Sidebar blog ini dengan judul "Tukeran Link yu". Dimana.....di dalamnya ada kode-kode HTML untuk di copy paste. Memang setiap blog yang pasang text area, rata2 berfungsi untuk copy paste kode HTML bagi para pengunjungnya, Baik itu untuk tukeran link, atau pun untuk menyimpan kode2 HTML atau javascript yang nantinya akan di copy paste oleh pengunjung. Nah...bagaimana cara membuatnya, Silahkan copy paste kode di bawah ini :

<textarea rows="4" cols="20" name="code"> Simpan Text atau Kode HTML disini</textarea>

Contohnya Seperti ini :

<span style="color: rgb(51, 51, 255);">Simpan Text atau Kode HTML disini</span>

Untuk mempermudah pemahaman sobat, berikut keterangan dari kode html diatas :

rows="4" --> Panjang area (Bisa diganti sesuai keinginan)
cols="20" --> lebar area (Bisa diganti sesuai keinginan)

Text Area dengan memakai HighLight

Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Contohnya Seperti ini :

Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.

Elemen tombol highlight All :

<div align="center">--> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.

<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()">--> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.

Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

Selamat Mencoba......

Cara Memposting Code HTML / SCRIPT

2009-10-31T23:24:00.000-07:00

Mungkin diantara kalian ada yang belum tahu cara memposting/parse script html....
Trus gmana cara memposting script hmlnya.? gampang dan mudah, ada beberapa site yang menyediakan layanyan memparse html secara gratis.
coba search di google dengan kata kunci PARSE HTML, pasti banyak banget.
mmm. . . kalau saya pribadi, mempercayakan pada site ini. http://www.blogcrowds.com
berikut adalah cara yang saya lakukan jika ingin memposting html.!(pakai handphone bisa, pakai compi lebih enak

copy script/HTML yang ingin di posting
kunjungi/klik site ini http://www.blogcrowds.com/
nah, entar ada form/kotak, setelah itu paste script/HTML yang telah kalian copy tadi
kemudian klik, parse yang terletak di bawahnya.
berikutnya, kalian akan diberikan code script baru, copy codenya, kemudian
paste di colom postingan baru kalian

semoga bermanfaat........

Membuat Link Pelangi

2009-10-31T23:14:00.000-07:00

Nah triks kali ini cukup keren buat mempercantik blog anda penasaran gi mana sih efek linknya nah loe bisa mendekatkan mause pada judul posting saya, lihat kan judulnya jadi warna-warni.
membuatnya cukup mudah ya, langkah pertama

1. login terlebih dahulu
2. masuk ke tata letak(layout)>> edit HTML
3. beri tanda centang pada Expand Template Widget
4. cari code <body>
5. copy code berikut dan letakkan setelah code <body>


<script src='http://www.geocities.com/yono_pati/pelangi.js'
type='text/javascript'>
</script>

6. simpan template . lihat hasilnya ..

Efek Cursor

2009-10-31T23:08:00.000-07:00

Ok kali ini membahas masih seputar efek2 yang ada pada blog,atau lebih tepat nya penghias blog.kalian pasti sering lihat ada kursor ketika di gerakkan mengeluarkan butiran2 kecil kaya bintang gtu dech,ternyata buat nya gampang lo,mari kita coba...

1. Log In dulu di blogger
2. Langsung masuk ke element halaman/add gadget
3. Copy kan script di bawah ini ke dalam gadget

<script src="http://www.geocities.com/ferdy_giel/Script/Cursor.js" type="text/javascript"></script>

4. Save template

Semoga Berhasil........

Cara Menampilkan Pengonjung Online

2009-10-31T22:53:00.000-07:00

Bagi yang mempunyai blog atau website, ada banyak cara untuk menampilkan jumlah pengunjung yang sedang online. Tetapi bagaimana jika kita ingin informasi lebih banyak, tidak hanya sekedar jumlah pengunjung saja ? Ada beberapa tools tambahan gratis (widget) yang bisa kita manfaatkan.

Berikut beberapa situs yang menyediakan widget khusus untuk menampilkan jumlah “user online” dengan berbagai fitur yang menarik dan informatif.

1. whos.amung.us

Contoh:

Widget ini paling banyak di pakai oleh Blogger di indonesia, saya sendiri juga pakai. Kelebihan widget ini adalah update pengunjung yang online secara real time dan juga dapat melihat artikel apa saja yang sedang dilihat pengunjung serta berasala dari negara mana saja pengunjung web kita.

2. radarurl.com

Contoh :

Widget ini sama dengan Whos.among.us, lengkap fiturnya dan mungkin masih banyak yang belum memakainya, mungkina karena masih baru kali, tapi untuk fitur nggak usah kuatir. Widget ini tidak kalah dengan Whos. Among. US silahkan coba dan daftar di radarurl.com kemudian copy paste code html yang ada di halaman depan tersebut.

3.whosread.com

Contoh :

Widget ini sangat ringan karena tidak perlu mengcopy file javascript di web kita, tapi kekurangan widget ini tidak realtime, harus di refresh untuk melihat pengunjung baru yang datang. Bagi yang berminat untuk mendaftar silahkan klik disini.

selamat mencoba ya..

Cara Membuat Search Engine

2009-10-30T02:10:00.000-07:00

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya.

Membuat Shoutbox (Kotak Ngoceh) Di Blog

2009-10-30T01:07:00.000-07:00

Shoutbox adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). Dengan shoutbox, kita juga bisa mempromosikan blog kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita. Nha gitu ceritannya. Biasanya kotak ngoceh diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix . Caranya adalah sebagai berikut :

1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" :D lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. Jadi deh.....

Pasang Widget Lintas Berita

2009-10-30T01:00:00.000-07:00

widget ini akan memberi kemudahan buat pengunjung untuk mencari berita secara up to date, jadi pengunjungpun betah berlama-lama di blog (itu buat visitor yg suka, kalo gak suka..gak tau deh)
hehe... Yang paling penting adalah, widget ini free..alias gratis, Widget lintas berita ini terbagi menjadi 2 yaitu untuk berita terbaru dan berita terbaik mingguan, kamu bisa pilih antara dua script dibawah ini, atau kamu juga bisa pasang keduanya... Ini nih script widgetnya,,

*SCRIPT WIDGET BERITA TERBARU*

<script type="text/javascript">lb_jenis='terbaru';</script><script src='http://www.lintasberita.com/widget_berita/lintasnews.js'
type='text/javascript'></script><noscript>Powered
by www.lintasberita.com visit <a href="http://www.lintasberita.com"
title="baca berita di lintas berita">Lintas
Berita</a></noscript>

*SCRIPT WIDGET BERITA TERBAIK MINGGUAN*

<script type="text/javascript">lb_jenis='terbaik';</script><script src='http://www.lintasberita.com/widget_berita/lintasnews.js'
type='text/javascript'></script><noscript>Powered by
www.lintasberita.com visit<a href="http://www.lintasberita.com"
title="baca berita di lintas berita">Lintas Berita</a></noscript>

untuk cara pemasangannya, copy script widget lintas berita yang kamu mau,
->kemudian silahkan masuk blogger.com
->tata letak/layout
-->add a gadget
--->HTML/javascript

paste scriptnya.. Selesai,,

Hujan Jarum Di Blog

2009-10-30T00:32:00.000-07:00

Cara menggunakan Script Hujan jarum ini mudah kok:

Masuk ke account blogger kamu

Klik Tata letak

Klik Edit html

Cari kode </BODY> di template kamu

Copy Script Hujan jarum yang kamu suka,kemudian paste tepat diatas kode </BODY>

Selesai.....

Berikut ini terdapat beberapa warna Script Hujan jaru yang bisa kamu gunakan agar match dengan style template kamu..

Jarum Hitam :

<script src="http://h1.ripway.com/Eryu3/Jarum_black.js" type="text/javascript"></script>

Jarum Merah :

<script src="http://h1.ripway.com/Eryu3/Jarum_red.js" type="text/javascript"></script>

Jarum Hijau :

<script src="http://h1.ripway.com/Eryu3/Jarum_green.js" type="text/javascript"></script>

Jarum Abu-Abu :

<script src="http://h1.ripway.com/Eryu3/Jarum_gray.js" type="text/javascript"></script>

Jarum Biru :

<script src="http://h1.ripway.com/Eryu3/Jarum_blue.js" type="text/javascript"></script>

Jarum Kuning :

<script src="http://h1.ripway.com/Eryu3/Jarum_yellow.js" type="text/javascript"></script>

Jarum Ungu :

<script src="http://h1.ripway.com/Eryu3/Jarum_purple.js" type="text/javascript"></script>

Jarum Aqua :

<script src="http://h1.ripway.com/Eryu3/Jarum_aqua.js" type="text/javascript"></script>

Jarum Orange :

<script src="http://h1.ripway.com/Eryu3/Jarum_orange.js" type="text/javascript"></script>

cuman segitu..sekian dulu,semoga bisa membantu kalian buat mempercantik blog!

Efek-Efek Pada Blog

2009-10-30T00:13:00.000-07:00

Script Efek Bintang Jatuh

Code :

<script src="http://www.geocities.com/ridwanox/bintangjatuh.js" type="text/javascript"></script>

Script Efek Salju Berguguran

Code :

<script src="http://www.geocities.com/ridwanox/saljubesar.js" type="text/javascript"></script>

Script Efek Kembang Api

Code :

<script src="http://www.geocities.com/ridwanox/kembangapi.js" type="text/javascript"></script>

Script Efek Hati Bertaburan

Code :
<script src="http://www.geocities.com/ridwanox/efekhati.js" type="text/javascript"></script>

untuk cara pemasangannya :

Silahkan Login ke Blogger
Klik Tata Letak
Klik tab Elemen Halaman
Klik Tambah Gadget
Pilih Tambah HTML/JavaScript
Kopy pastekan code translate kedalam kolom yang tersedia
Save

Translate Bendera

2009-10-25T18:08:00.000-07:00

Tampilan yang pertama

Code sebagai berikut:

<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>
<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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=â��font-size:10px;margin:8px 0px 3px 0pxâ��>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>

Tampilan yang kedua

Code sebagai berikut:

<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>
<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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=â��font-size:10px;margin:8px 0px 3px 0pxâ��>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>

Jika menginginka tampilan seperti di atas langkah berikut ini :

* Silahkan login ke blogger terlebih dahulu
* Klik Tata Letak
* Klik tab Elemen Halaman
* Klik Tambah Gadget
* Pilih Tambah HTML/JavaScript
* Kopy pastekan code translate kedalam kolom yang tersedia.
* Save