Latest Post

Sejarah dan Perkembangan Internet

Written By resthi wul@nd@ri on Rabu, 05 Desember 2012 | 08.15

jaringan internet
Tahukah Anda apa itu Internet? Apa itu Jaringan Internet? Bagaimana Internet bekerja? Mungkin beberapa orang pernah berpikir dan pertanyaan-pertanyaan di atas terlintas pada saat Anda di depan komputer dengan terkoneksi internet. Saya pun juga demikian adanya.

Sejarah Internet

Internet singkatan dari Interconnection-networking. Penjelasan secara umum yaitu suatu sistem global dari semua jaringan komputer yang saling terhubung satu sama lain menggunakan standard Internet Protocol Suite (Transmission Control Protocol/Internet Protocol) untuk bisa melayani milyaran lebih user di seluruh jagat raya. Departemen Pertahanan Amerika pada tahun 1969 berhasil membangun sebuah jaringan komputer yang disebut Internet dengan sebuah proyek ARPA yang disebut Advanced Research Project Agency Network atau disingkat ARPANET. Dengan sebuah saluran telepon dan media hardware serta software yang ber-platform UNIX, kita dapat melakukan komunikasi dalam radius jarak yang tak terbatas.

Proyek internet pada mulanya hanya untuk keperluan Departemen Pertahanan Amerika. Pada saat itu militer membuat sistem jaringan komputer yang terpencar dengan cara menyambungkan beberapa komputer di wilayah-wilayah peting untuk mencegah terjadinya masalah ketika terjadi serangan dan untuk menghindari terjadinya informasi terpusat. Pada awalnya ARPANET hanya menyambungkan empat situs, yaitu Stanford Research Institute, University of California, Santa Barbara, dan University of Utah, di mana mereka membentuk suatu jaringan terpadu pada tahun 1969. Dan pada Oktober 1972, ARPANET secara umum diperkenalkan. 

Beberapa lama kemudian, ternyata proyek ini mendapat dukungan dan berkembang pesat di seluruh wilayah negara tersebut. Karena banyaknya universitas yang ingin bergabung di negara Amerika, maka ARPANET dibagi menjadi 2, yaitu MILNET dan ARPANET kecil. MILNET khusus untuk pengguna militer, dan ARPANET digunakan untuk pengguna non militer, seperti sekolah-sekolah universitas yang akan bergabung. Gabungan MILNET dan ARPANET ini akhirnya dikenal dengan sebutan DARPA Internet, yang kemudian disebut Internet agar lebih mudah diingat.

Perkembangan Internet

konsep internet 

Dalam perkembangannya yang hanya terbatas di negara Amerika Serikat, sekarang Internet bisa digunakan di seluruh dunia. Di dalam penggunaan Internet, terdapat beberapa protokol-protokol Internet yang digunakan, antara lain, TCF, DNS, IP, SSL, FTP, Telnet, HTTPS, SSH, HTTP, POP3, UDP, IMAP, dan SMTP. Beberapa layanan-layanan populer Internet yang menggunakan protokol-protokol tersebut adalah surel (surat elektronik) atau biasa di sebut email, Newsgroup, Usenet, File Sharing, IRC, WWW, dan sebagainya. Beberapa yang disebutkan diatas, yang paling sering digunakan yaitu email dan WWW. Selain yang disebut diatas, Internet dapat digunakan untuk berhubungan antara dua pengguna atau lebih melalui aplikasi pengiriman pesan secara instan seperti YM, MSN, Camfrog, Facebook, Twitter, dan Pidgin atau beberapa aplikasi sejenis yang sekarang ini berkembang pesat.

Internet secara tidak langsung memiliki pengaruh besar dalam perkembangan ilmu pengetahuan dan pandangan dunia. Sekarang ini dengan hanya menggunakan Internet dan mengakses Google, pengguna dapat memperoleh berbagai macam informasi yang sangat lengkap bila dibanding mencari informasi di buku perpustakaan.
Bagaimana menurut Anda tentang Internet setelah tahu sejarah dan perkembangan Internet?

Cara Menambahkan Gadget Google+ Followers

Blogspot atau blogger.com meluncurkan gadget atau widget baru, yaitu Google+ Followers. Sebelumnya blogspot juga sudah memperkenalkan fitur untuk mengintegrasikan (menyatukan) blog dengan halaman Google+. Setiap blog bisa membuat halaman google+nya sendiri, yang mana setiap ada postingan terbaru bisa dibagikan (post) ke halaman Google+ tersebut.

Baru-baru ini kalau kamu jeli melihat di galeri gadget saat menambahkan gadget baru, kita akan menjumpai gadget Google+ Follower atau Pengikut Google+. Dengan gadget baru dari blogspot ini, kita bisa menampilkan follower atau pengikuti dari halaman Google+. Gadget ini menampilkan avatar atau foto profil pengikut dan juga button untuk mempermudah pengunjung blog kita untuk mengikuti halaman Google+.

Seperti halnya lencana Google+, tampilan gadget Google+ Follower ini tidak jauh berbeda, dengan menambahkan gadget tersebut di blog akan tampil link menuju halaman Google+, jumlah pengikut dan avatarnya. Gadget Google+ Follower ini bisa dijadikan sebagai media membentuk komunitas blog kita, untuk wadah berlangganan atau sarana berinteraksi dengan pembaca setia blog kita.

Cara Menambahkan Gadget Google+ Followers
1. Login ke akun blogger.com
2. Pilih Tata Letak lalu tambahkan Tambah Gadget
3. Tambahkan gadget, Google+ Follower atau Pengikut Google+



4. Simpan jika sudah selesai.

Gadget Google+ Followers ini kelihatanya seperti gadget blogger lawas yang serupa, yaitu Google Friend Connect yang sudah ditutup, dan sekarang hanya ada di blogspot, dengan nama Pengikut atau Follower. Kabarnya, gadget lawas yang berupa pengikut atau google friend connect awal tahun depan (2013) akan ditutup, dan digantikan dengan Google+ Followers.

Salah satu manfaat menambahkan widget atau gadget Google+ Followers adalah membuat blog kita lebih menyatu dengan sosial media atau jejaring sosial. Tidak bisa dipungkiri, selain untuk membuat komunitas penyuka blog kita, juga untuk mendapatkan lebih banyak traffik atau pengunjung blog.

Panduan Membuat Text Area

Written By resthi wul@nd@ri on Senin, 03 Desember 2012 | 07.46

Apa itu Text Area ? text area adalah area tempat untuk menyimpan text atau tulisan baru, atau bisa dikatakan sebuah komponen HTML yang digunakan untuk menampilkan text atau kode script dalam bentuk dan format text. Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung ke dalam postingan di blog. Jadi fungsi dari text area ini kurang lebih untuk memudahkan pengunjung mengcopy seluruh isi text.

I. Text Area standard

Untuk membuat text area, silahkan copy code di bawah ini :

<p align="center"><textarea name="code" rows="2" cols="15"> Selamat datang di blogger semenit </textarea></p>

berikut hasilnya : 


Keterangan :
  • Untuk "rows"=3 adalah tinggi dari text area, jadi jika sobat menginginkan text area yang lebih tinggi silahkan sobat ganti dengan angka yang lebih tinggi.
  • Untuk cols="15" adalah lebar dari text area, jadi jika sobat menginginkan text area yang lebih lebar silahkan sobat ganti dengan angka yang lebih tinggi.

Cuku jelas bukan? Okey kita lanjutkan lagi dengan menggunakan Highlight

II.Text Area dengan menggunakan Highlight 
 
Variasi lainnya dari text area yaitu dengan menggunakan tombol Highlight, jadi dimaksudkan agar lebih memudahkan untuk mengcopy seluruh isi text area hanya dengan menekan tombol Highlight.

Hanya dengan menekan tombol highlight maka seluruh isi dari text area akan di highlight dan tinggal di copy saja. Fungsi tombol highlight ini sangat berguna untuk mencegah tertinggalnya satu atau beberapa isi dari text area.

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">Tulis sesuatu tentang blog teman-teman disini, maka tulisan yang teman-teman semua tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></form></div>

dan seperti ini hasilnya: 

Agar dapat memahami kode diatas, saya akan berikan uraian tentang kode-kode text area diatas.
  1. <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat 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.
  2. <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 sobat jangan merubah tulisan ini.
  3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika sobat ingin merubah tulisan ini silahkan ganti dengan kata yang sobat inginkan.
  4. <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika sobat ingin text area sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
  5. <text style="WIDTH: 150px">-->kata "WIDTH:150px" menunjukan lebar dari text area tersebut sebanyak 150 pixel, jadi jika sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang sobat inginkan. misal: "WIDTH:500px;"
  6. HEIGHT: 80px --> angka "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika sobat ingin merubahnya tinggal ganti angka tersebut dengan angka yang sobat inginkan. Misal : HEIGHT:160px.

Nah itu dia sedikit penjelasan tentang Text Area. Selamat mencoba dan semoga bermanfaat

Cara Membuat Scroll Bar di Posting Blog

Written By resthi wul@nd@ri on Minggu, 11 November 2012 | 07.45

Sedikit penjelasan dan pengetahuan untuk sobat tentang definisi Fungsi dan kegunaanyaScroll Bar adalah untuk memudahkan kita apabila ada kode atau tulisan yang sangat panjang agar tidak memakan terlalu banyak tempat, intinya tampilan posting blog kita jadi singkat dan dinamis.

 Cara Membuat scroll bar di posting blog sangatlah mudah, Caranya hampir sama seperti saat kita menulis postingan blog. Namun yang paling penting adalah jangan lupa sobat copy/paste atau Tulis Kode script di bawah ini pada mode Edit HTML di bagian posting blog.


 Berikut Kode Script Scroll Bar Posting Blog:

 



<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>

LETAKKAN TULISAN SOBAT ATAU APAPUN DISINI.
(Tulisan ditulis di COmpose, sedangkan Kode di Tulis pada mode Edit HTML)

</div>

Mengganti "Older Posts" Dengan Angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.
 
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->

Kalau sudah silahkan dilihat hasilnya.

Cara Buat Cursor Yang Diikuti Text

Pertama buka blog anda
Pilih tata letak>>Tambah Gadgets>>Pilih html/Javascript>>Masukan kode berikut

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='belajar blog'.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>

Kalimat yang berwarna merah silahkan di ganti dengan kata-kata yang anda inginkan.
SELAMTA MENCOBA!!

Memasang Translate Gambar Bendera di Blog

Written By resthi wul@nd@ri on Jumat, 09 November 2012 | 22.17

Kebanyakan blog menggunakan bahasa internasional, yaitu bahasa Inggris dengan tujuan agar blognya dapat dimengerti oleh semua orang diseluruh dunia. Namun jangan khawatir apabila blog yang kita miliki berbahasa Indonesia, dengan menggunakan tambahan widget google translate maka blog kita yang berbahasa Indonesia akan dapat diterjemahkan ke dalam beberapa bahasa yang digunakan di dunia, seperti bahasa Inggris, Perancis, Italia, Jerman, Brazilia, Portugal, Yunani, Jepang, Cina, Korea, maupun bahasa Arab.

Pada kesempatan kali ini saya akan memberikan tutorial kepada teman-teman tentang cara memasang translate yang berupa gambar bendera, langsung saja pada langkah-langkahnya :
  1. Pertama login ke blogger terlebih dahulu
  2. Klik Tata Letak  
  3. Klik tab Elemen Halaman  
  4. Klik Tambah Gadget  
  5. Pilih Tambah HTML/JavaScriptCopy pastekan code translate di bawah kedalam kolom yang tersedia.
Tampilan Ke-1

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEoBqVECraMer7qPu2kJZVq7STnOK6aZcMxtKp8eNGpsA9jlW3uazM9Kggz8ScI-Gbz0_8MFxPAFKkiyFkWCCTkmcAZfpHGuPXB8RsYY9uiKf-XTI2nQOVIW3wJflVnP51v414SLt4-BU/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTAlcp_068Op_2Lwy_OGGQ2Yio_lMAcP6WeDOoDhLLCu9RnQmF31n2DdM9w8PF4qF4ioDzoETRkPva2sI46WVO8cD2h5tNFW9rQd2-6FqbNErXhh7hV1K2JPXtptFud57UhLNOZp_VmKY/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_aImWAiX5CZi73hL-S4Q7rL81TBIDVOHppG9iLRhijH8j-UaLbN0qCag3yDv4fb7kBQTRln3gr5C12kqQOHz_1R2S-fCJ7vSTlq9WTv-nnwfTBqxUiN929RkbT9snuPFd6yPetRe4GV7/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8_UghGseN0T8BflyF2e65xDB9aTRS8422Hj5-yNWt4zou3xiR4RMqVMBEQtjJGF__uJk8rOS-lLYUCJ9MleQ91Ag1iR4l6pHFCHnmYFWz75j61ziNBlubVSteRdFODPnEdmW61Sc4o9Ah/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh6UJpQwEvfB4XMEgEcl-5ESMppumYq_yaZ6QaHgvc3c8F7tirPiDmKifHS5QwpUEW5dohDXkCSDZkD2A-zR2DoayKJVKWjsAYJ8C_6DjcKEZeyA_WX5pEisFnz6zYHx2ZUhq04pf2T_4/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuCez2pPpguyey9Et6eTf8UEOWyDg8gz-3AM4RRgQ5iUaa2plysmCeGOrIvkLXMvZ1ExOl2UE45oP1cNe8vo6chP9RI8HHPvCI3OKrpsmugig6XJI2RdTs7rD8XNnBgTjYeuva4INytzU/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaq0yRQ5Z87MvdhcXyVs1jP-T5X5HsWenQ9NvVoC_C-qrtEu3q7slR2QBekvPsP5GfBWkjE-_UgppwtoQDgvEhrXMuaMKvPdoz9VN67Ty1Aqp_sedJ1X8SU_BZxl5u-kPwIH5iCSVH8EU/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKTmjbKjNetwbA3lIzOKXlb01YA1_P_l2wD3EIifXesI13VNaswh09kb1SyRZv4qb-RIU_eCcdRI3MzamYclXksxttiobWvmKA3EkbFf_Ly4EG5hKfM11NmEykdMEhedGeD2zsp5aezOM/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3DOr_ClQTgetS0G4NybzAIC6huN-d6xYFJSWvf0khE2IvPBSIj2qMxnCojaKMOgbL134YXldRdQyr8o04oZaF0eUoPhpY9I-mHrNiq_sd5AsjNXaKUw5bg_l_F-Tz0YNSgVdjUS-VKBh8/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCb9jBXltfUxnZJ_ruv9HMuw4LGr8-hT9ZVYaCbW3svPm_A1Jb-CS7_TqXFGCTqz5Qg2Td-lt2KsYfHrNOm8HkNZ8yjx4yN7GMKRif0q_B0yBNl_z55mWbdk3j6uKtMgiCIZ6CdsM4ZG8/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpIERboH4NjlYCKgRro7aU1RXrJfpIw90etZKp-lQnHikokpOKN1rhn3UKNj2parUUaKO4poguvGPXVG5AQe9uE1k_zIRFCCVatUF5Znn6GqkrCywtQIo42FVI7OlLsy0szP5bY-JF9IU/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4B3v4OaA2Oqlvx1YJw-8aV_OT53FY5EhmvkRmqz3ylDEpgB6RGC1Nqm33ZPyazmeOOJgFX2dlK8oLUY3KKG65lP5ji2gdi0ze9IdQYaCUnINMCgcc7W1I8KaxErPkvtfY6UAvwkxAcLY/?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 Ke-2

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEoBqVECraMer7qPu2kJZVq7STnOK6aZcMxtKp8eNGpsA9jlW3uazM9Kggz8ScI-Gbz0_8MFxPAFKkiyFkWCCTkmcAZfpHGuPXB8RsYY9uiKf-XTI2nQOVIW3wJflVnP51v414SLt4-BU/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTAlcp_068Op_2Lwy_OGGQ2Yio_lMAcP6WeDOoDhLLCu9RnQmF31n2DdM9w8PF4qF4ioDzoETRkPva2sI46WVO8cD2h5tNFW9rQd2-6FqbNErXhh7hV1K2JPXtptFud57UhLNOZp_VmKY/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_aImWAiX5CZi73hL-S4Q7rL81TBIDVOHppG9iLRhijH8j-UaLbN0qCag3yDv4fb7kBQTRln3gr5C12kqQOHz_1R2S-fCJ7vSTlq9WTv-nnwfTBqxUiN929RkbT9snuPFd6yPetRe4GV7/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8_UghGseN0T8BflyF2e65xDB9aTRS8422Hj5-yNWt4zou3xiR4RMqVMBEQtjJGF__uJk8rOS-lLYUCJ9MleQ91Ag1iR4l6pHFCHnmYFWz75j61ziNBlubVSteRdFODPnEdmW61Sc4o9Ah/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh6UJpQwEvfB4XMEgEcl-5ESMppumYq_yaZ6QaHgvc3c8F7tirPiDmKifHS5QwpUEW5dohDXkCSDZkD2A-zR2DoayKJVKWjsAYJ8C_6DjcKEZeyA_WX5pEisFnz6zYHx2ZUhq04pf2T_4/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuCez2pPpguyey9Et6eTf8UEOWyDg8gz-3AM4RRgQ5iUaa2plysmCeGOrIvkLXMvZ1ExOl2UE45oP1cNe8vo6chP9RI8HHPvCI3OKrpsmugig6XJI2RdTs7rD8XNnBgTjYeuva4INytzU/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaq0yRQ5Z87MvdhcXyVs1jP-T5X5HsWenQ9NvVoC_C-qrtEu3q7slR2QBekvPsP5GfBWkjE-_UgppwtoQDgvEhrXMuaMKvPdoz9VN67Ty1Aqp_sedJ1X8SU_BZxl5u-kPwIH5iCSVH8EU/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKTmjbKjNetwbA3lIzOKXlb01YA1_P_l2wD3EIifXesI13VNaswh09kb1SyRZv4qb-RIU_eCcdRI3MzamYclXksxttiobWvmKA3EkbFf_Ly4EG5hKfM11NmEykdMEhedGeD2zsp5aezOM/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3DOr_ClQTgetS0G4NybzAIC6huN-d6xYFJSWvf0khE2IvPBSIj2qMxnCojaKMOgbL134YXldRdQyr8o04oZaF0eUoPhpY9I-mHrNiq_sd5AsjNXaKUw5bg_l_F-Tz0YNSgVdjUS-VKBh8/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCb9jBXltfUxnZJ_ruv9HMuw4LGr8-hT9ZVYaCbW3svPm_A1Jb-CS7_TqXFGCTqz5Qg2Td-lt2KsYfHrNOm8HkNZ8yjx4yN7GMKRif0q_B0yBNl_z55mWbdk3j6uKtMgiCIZ6CdsM4ZG8/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpIERboH4NjlYCKgRro7aU1RXrJfpIw90etZKp-lQnHikokpOKN1rhn3UKNj2parUUaKO4poguvGPXVG5AQe9uE1k_zIRFCCVatUF5Znn6GqkrCywtQIo42FVI7OlLsy0szP5bY-JF9IU/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4B3v4OaA2Oqlvx1YJw-8aV_OT53FY5EhmvkRmqz3ylDEpgB6RGC1Nqm33ZPyazmeOOJgFX2dlK8oLUY3KKG65lP5ji2gdi0ze9IdQYaCUnINMCgcc7W1I8KaxErPkvtfY6UAvwkxAcLY/?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>

Temen-temen bisa menambah negara mana lagi yang mau ditampilkan, silahkan dicoba. Semoga bermanfaat
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. FUNNY - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger