Memasang google translate dengan image bendera pada blog

Ok langsung to the point saja. Di bawah ini kodenya dan langsung paste aja deh pada blog kamu.



<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/AVvXsEgd4nhhLhX8IVxpAf1Vdhe-fhF-58YZUGoIit3rRcb_yXSbC_imM3aFKp8s-2QsCW_EKFtJj91qzyAv7_t8OryFr0RRcFsTiY3ascV9u4fzAUHt-YsJQcEbcgY3QE7C2X1SXr9AK92A1Po/?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/AVvXsEjHmSUx2rfIrbZ9pgXlGHzDlesRgw7MnF-OHJghAs5eoDVQwekwqDTghMh4-RLyRQrn4qFatQZWwm3YKATjq8lCv8cbB6bpM9ccO7BZVn7KaPinmcI2siTOUCyW9C9jvZup3htz9JhuE_o/?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/AVvXsEi5WS8T-jV33WIsFCPXVGMCI9eJkW76CYV8ZlMxEi-9iWuucuAK_daovrrqd-6cCxPV6iIzEFjehkBE8ydGIs2UIYTZiGATIkSvtoGDZcjMDBRgaPAWg-cAtUS5tySxsATHRU1kb49n3TOC/?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/AVvXsEgCnOUX8qfOaXXiB1HONkdUuTqcv39Yr3UETAFi0GP2exzjjvGtWtFvyhGRZEps7Qk_pqKpH8tLfdcgraEIGgdSyQekSG8h8afhlgVe5n4yrghfFNTde1UCQZjaC0floJ9avBxfOnx8wRVi/?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/AVvXsEgrcfGYs4kuBMCiPwfIAQWfsIa9X3FIDBdSNbDv1UV9bhquK5rn3CIz3pF9AEQrTw2vS3sb3I7i02hdQFU-UhnAs8okvDWSALFIG3SixyRUgWk0K7GhIen5yqKCR9lMXfLFXR2GEV4FM1E/?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/AVvXsEiUsXLcT_7jYRgAmiQCFV4mZQOYCHtxho9l02QyhtOCSDdmh3aWld8KrzPTdutKX096rFvv3NaBDzzMiQFyFt2JalmxDJe4NSyWbKA-SZTKO_ZK_hkHZw1IsoTvCwgyRxHs-l5Pcu8Akic/?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/AVvXsEgn70R64xC9nSgOYSspq5X21WcLZhhmV3r_CxuA4-ypn9jHzMWUC6ZQVzbJu6je6fu1LFNLP4_SwnifCV6kn8EuHcAUGnK-TrlQYWCSqbCJeoVJIuOooQiarEhPigvNfL8ihg3VBMZi10c/?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/AVvXsEhAGYG-RqtGl9idXKuCbsRM3ANTSD8Ayf6a_FhyphenhyphenLZBaRM__p0cEL3o4v2P7PKrhmivMONmxCy3-S7bDvh9lO1szvK187g19Z9dlXyTt1oQ-xGFklYpFUVGeax2lNDO1zTNC5vj_ZrOfboI/?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/AVvXsEjRYKfVSqz8CNfhfEKEXxmwCOHbGlIM6hUsoGOTXFfHlLvHRyrPcJs2tRuQa-OwZ18xnLMenLUw_Zjbt2GbUTnHVDJzyarUv1nwgTjksZzsQ4Debk0AjQMYex6fn5Y0xh0YHGSZ7FS00aMI/?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/AVvXsEi6vEzYUB2WG-HA9bisYTdMK2dSVNp6zhqUv0UhKGzleiC_CdVLFfYY3iYrH046LyRi7hq3zITY5IptYPi8EATgvgJgIf1IuOF1Hg2Wzx0ksFkRscs_1dt2eepqC-c5QZ0PWC7uE6le30g/?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/AVvXsEjefyKJfX0eUxsksPP0g0NQA1PgSgE5c_A5h7wDEuTwd6-s49wg8KrtKEnbYrPCphJRQWEyzSu1c4WCHBhDY2QE-lNuqGLY0yDz-UiMW4RilJG5Xi0et6aXnSeTnMc3e-MEw6RJLUdoQ50/?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/AVvXsEiYaOE0SUUBvFasr1TCV_rJKnLbAcwbSRWmKK6UwZ4Utwf1xM7lxm7KI2k-d11jYy5KbOOPa6-P3A2fgDKEP7Q1NWYsPzQiyHIYFpe1tkcHRJ9gB6yVdOt97c-7C1FH8TB7v2a3RHVPQhw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>




Jika sudah selesai hasilnya seperti gambar di bawah ini.

Membuat buku tamu melayang dan sembunyi pada blog

Pagi-pagi dah bangun dan semangat banget pengen segera bloging. Eh... listrik mati. Lama lagi sampai 4 jam. Pikiran yang sudah fresh jadi buntu. Posting apa ya? Dari pada bingung-bingung aku posting aja "Bagaimana membuat buku tamu melayang dan sembunyi pada blog. Tak usah banyak bicara langsung to the point aja deh. Begini caranya: copy kode di bawah ini dan pasang pada HTML java script anda.




<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP7ecGMcztoowv9Hc5YW64chtyBzcQgk1huyI7JmB1u_MC89tvKEDyYxKn7lPWWGoFjs_-2fY8uDpHTKs11m3tVY3eGvBMHoq20i9P9en5H0qzy6IdM1HcX3JXcFW_hbbROpY2WcVDEPZc/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>


<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>


<div id="gb">


<div class="gbtab" onclick="showHideGB()"> </div>


<div class="gbcontent">


<!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="putralinuz" src="http://www.shoutmix.com/?putralinuz" width="95%" height="460" frameborder="0" scrolling="auto"><a href="http://www.shoutmix.com/?putralinuz">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!"></a><br /><!-- End ShoutMix -->
<br/>


<a href="javascript:showHideGB()">
[tutup]
</a>
</div>


</div>






<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>




Jangan lupa ya ganti tulisan yang berwarna hijau dengan kode yang anda dapat dari daftar di http://www.shoutmix.com/main/

Oya lupa, tambahan sedikit. Untuk membuat buku tamu melayang sembunyi sebaiknya jangan di campur dengan iklan melayang karena bisa eror. Tapi jika anda sudah ahli tidak apa-apa.

Menambah Jadwal Sholat pada Blog

Untuk menambah widget jadwal sholat atau Muslim Prayer Time Widget pada blog seperti yang ada di sidebar sebelah kiri blog ini sangatlah mudah. Langsung aja pergi ke TKP http://www.al-habib.info/islamic-widget/prayer-times.htm. Kemudian tentukan location, latitude, longtitude, time zone. Setelah diisi semua, pilih GET WIDGET. Ada 2 pilihan bahasa yaitu English dan Indonesia. Jika mau memilih theme juga bisa. Setelah itu klik Update Code dan copylah pada blog anda. 
Gimana mudah bukan?

Mengganti tanggal posting dengan icon kalender

Hampir 1 bulan aku berusaha mencari turorial tentang Mengganti tanggal posting dengan icon kalender, semua tutorial yang aku praktekkan ternyata hasilnya NIHIL. Mungkin karena aku bodoh ya??

Karena tak ada sesuatu yang tidak mungkin akhirnya aku berhasil juga. OK deh tidak usah panjang lebar ceritanya. Caranya ternyata super mudah. Ikuti tutorial di bawah ini.

1. Biasa, login ke blog, pilih ke rancangan, edit html, jangan lupa centang expand widget. Kemudin cari kode ]]></b:skin>. Untuk mempermudah pencarian gunakan ctrl+F. setelah ketemu copy kode berikut dan letakkan di bawah ]]></b:skin>

2. <script type='text/javascript'>
   //<![CDATA[
   function date_replace(date) {
   var da = date.split('.');
   var day = da[1], mon = da[0], year = da[2];
   var month =
   ['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
   document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
   }
   //]]>
   </script>

3. dan copy lagi kode berikut dan letakkan di atas ]]></b:skin>

4. h2.date-header{
         margin:1.5em .5em 0.5em;
   }
   .kalender{
         background:url(http://i964.photobucket.com/albums/ae124/gubhugreyot/anima/bgGreenCalendarAnima.gif) no-repeat;
         width:44px;
         margin:20px 10px 0 8px;
         float:left;
         font-weight:bold;
         height:52px;
         text-align:center;
         border:1px solid #777;
         border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
         opacity:0.8;
        -o-transition:all ease-in 1s;
        -moz-transition:all ease-in 1s;
        -webkit-transition:all ease-in 1s;
         filter:alpha(opacity=80);
         padding:1px;
   }
   .kalender:hover{
         filter:alpha(opacity=100);
         opacity:1.0;
         border-color:red;
   }
   .month{
         font-size:10px;
         width:33px;
         margin:3px 2px 0 6px;
         text-transform:uppercase; 
         color:#4d010a;
         padding: 2px 0px 0px 0px;
   }
   .day{
         color:#555;
         font-size:27px;
         width:44px;
         margin:0;padding:0;
   }

5. Selanjutnya adalah cari kode <data:post.dateHeader/> dan ganti dengan

6. <div class='kalender'>
   <script type='text/javascript'>
   date_replace(&#39;<data:post.dateHeader/>&#39;);
   </script>
   </div>

7. Simpan templates. Dan langkah terakhir adalah akukan perubahan format tanggal posting ke bentuk bulan.tanggal.tahun (contoh: 12.22.2010).
   
   • KLIK "SETTINGS" (Pengaturan).
   • KLIK "FORMAT".
   • Lihat "Format Header Tanggal".
   • Rubah format tanggal sesuai contoh di atas.
   • KLIK "SAVE (Simpan).
   • Buka blog dan lihat hasilnya!
   
   
   Mudah bukan???

Memasang pendeteksi IP address, OS, country, browser pada Blog

Untuk memasang pendeteksi IP address, OS, country, browser pada Blog sekarang ini sangatlah mudah. Tidak usah panjang lebar dan njelimet membuat tutorial. Langsung aja ke TKP (http://www.123myip.co.uk/banner/ ) dan copy code html java script pada blog anda. Ada 2 pilihan yaitu buton 125x125 dan Full Banner" 468x60.
Jika anda malas ke TKP langsung copy aja yg sudah siap saji di bawah ini:

Source code "Button" 125x125:


<a href="http://www.123myip.co.uk/cometo/?en"><img src="http://www.123myip.co.uk/ip-address/?size=125x125" border="0" width="125" height="125" alt="IP" /></a>





Source code "Full Banner" 468x60:


<a href="http://www.123myip.co.uk/cometo/?en"><img src="http://www.123myip.co.uk/ip-address/?size=468x60" border="0" width="468" height="60" alt="IP" /></a>


http://www.123myip.co.uk/banner/

Cara Menampilkan Statistik Pengunjung dengan Histats

Setelah berhari-hari googling akhirnya aku menemukan yang aku cari yaitu memasang statistik pengunjung. Dari sekian banyak link-link yang aku temukan akhirnya aku memilih http://www.histats.com/.
Aku memilih menggunakan Histats karena memiliki berbagai keuntungan

Histats digunakan dengan berbagai keuntungan :

• 100% gratis alias free
• real time stat
• perlindungan password
• satistik tanpa batas
• data yang relevan
• tampilan grafis yang bagus
• kontrol atas penampilan data kepada publik
• data di masukin ke  cache memory
• loading web yang cepat
• memiliki lebih dari 800 jenis tampilan counter/penghitung
• memiliki hidden tracker

Memulai memasang Histats
Secara umum sangat sederhana, yaitu dengan 3 langkah mudah

1. Register Your Website
2. Pick a counter or hidden tracker
3. Paste counter code in your website

Langkah rinci Cara Memasang Statistik Pengunjung dengan Histats:
1. Masuk ke website http://www.histats.com/

• Pada bagian Register Your Website, masukin alamat URL blog kamu misalnya http://biosinternetcafe.blogspot.com
• Pilih bahasa tampilan : Inggris, Spanyol, French, Italia, Jerman
• Klik "Register"

2. Akan terbuka halaman baru "Create new account"

•  Isikan "Mail" dan "Mail Confirm" (isikan nama email yang sama dengan "Mail")
• Isikan "Password" dan "Password Confirm" (isikan password yang sama dengan "Password")
• Klik "Continue"

3. Akan muncul tambahan formulir.

• Tentukan waktu sekarang (Current Time)
• Tentukan Zona Waktu (Time Zone) pilihlah ASIA/JAKARTA untuk WIB. Zona Waktu Indonesia hanya tersedia Asia/Jakarta, Asia/Jayapura dan Asia/Pontianak.
• Isikan Captcha sesuai dengan gambar untuk verifikasi data.
• Centanglah "I have read and agree Publisher Agreement Terms" sebagai tanda bahwa kamu menyetujui segala aturan yang diterapkan Histats.
• Klik "Save"

4. Jika formulir telah terisi semua dan benar maka pendaftaran selesai

• "REGISTRASION DONE! Please check your mailbox"
• Buka email sesuai dengan email mendaftar di hitstats tadi

5. Jika telah memverifikasi melalui email kamu, maka kamu bisa login ke histats.com dengan user sesuai alamat email dan password yang telah kamu tentukan sebelumnya. Jika login sukses, kamu akan masuk ke halaman "CONTROL PANEL" histats yang pertama kali. Klik "Add a Website".

6. Terbuka halaman baru "Create new website/blog". Isikan formulir sesuai data kamu.

• Site/url isi dengan alamat lengkap blog kamu dengan menggunakan http://
• Isikan Title/judul blog kamu
•  Isikan Description atau penjelasan tentang blog kamu.
• Biarkan "Page views start value" dan "Visitors start value" dalam keadaan kosong. Jika blog kamu baru buat, jangan menipu dengan mengisi nilainya.
• Tentukan waktu dan zona wkatu (Time Zone)
• Isikan Type : Blog
• Category : Personal homepage
• Language biarkan English saja
• Isikan Captcha sesuai gambar
• Stat Visibility dapat dipilih "Site stats are visible to everyone" (Statistik blog kamu dapat dilihat oleh semua orang) atau "Site stats are visible only to you" (Statistik blog kamu hanya dapat dilihat oleh kamu sendiri)
• Klik "Continue"

Kamu telah berhasil mendaftar akun dan blog kamu ke histats.com

1. Dari langkah sebelumnya, akan kembali terbuka halaman "Control Panel" yang telah berisi alamat blog yang kamu daftarkan.

• Klik alamat url blog kamu tersebut misalnya http://biosinternetcafe.blogspot.com/

2. Akan terbuka halaman baru General Stats, Account Summary yang berisi data blog yang telah kamu daftarkan. Karena blog itu baru didaftarkan, maka isinya masih zero data alias masih kosong dengan grapik yang datar tanpa isi bagaikan gelas kosong yang siap diisi dengan minuman teh panas yang maknyuuuus. Minum teh panas sambil ngeblog tuh asiiiik banget lho.
Agar histats bisa mengidentifikasi dan mendapatkan data dari blog kamu tentang pengunjung dan data lainnya, maka kita perlu mencantumkan sebuah kode (code) agar terhubung dengan histats. Ikuti langkah selanjutnya.

3. Di bagian kanan yang berwarna kuning ato orange bertuliskan "Counter Code".

• Kliklah tombol Counter Code itu.

4. Akan terbuka halaman baru "Add new counter"

• Klik tombol Add new counter

5. Akan terbuka halaman "Create new tracking counter"

• Langkah pertamanya adalah "Select a counter style" yang terdiri dari 1 line (1 baris), 2 line (2 baris), 3 line (3 baris), 4 line (baris), logo, animated text, hidden (tidak ditampilkan di blog, tetapi tetap dicatat oleh histats), dan online vis yang menampilkan jumlah pengunjung yang online saja).
• Disarankan untuk mengambil jenis 4 line (4 baris) yang berisi Pages (jumlah halaman yang dibuka/diklik), Pages Today (jumlah halaman yang dibuka/diklik hari ini), Visits (jumlah kunjungan), Vis Today (jumlah kunjungan hari ini), Setiap 2 detik akan ditampilkan Online (jumlah pengunjung yang online saat ini).
• Kliklah salah satu gambar yang paling kamu suka. 

6. Centanglah Visitor Today, Total Visitors, Pages View Today, Total Pages views, dan Online untuk memunculkan semua statistik.

• Klik "Save"

7. Terbuka halaman "Standard Counter"

• Klik nomor pada "Counter id"
• Perhatikan kode HTML dibawah tulisan "Paste this code in your HTML editor where you would like to display the counter, at the bottom of the page, in a table, div or under a menu."
• Block kode html tersebut, lalu Copy dengan menekan tombol di keyboard CTRL+V atau klik kanan pilih "Copy"

Ini contoh code html yang aku pakai.

<!-- Histats.com  START  (standard)-->
<script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>
<a href="http://www.histats.com" target="_blank" title="page hit counter" ><script  type="text/javascript" >
try {Histats.start(1,1338932,4,435,112,75,"00011111");
Histats.track_hits();} catch(err){};
</script></a>
<noscript><a href="http://www.histats.com" target="_blank"><img  src="http://sstatic1.histats.com/0.gif?1338932&101" alt="page hit counter" border="0"></a></noscript>
<!-- Histats.com  END  -->

Tinggal copy deh script di atas di blog kamu...... dan hasilnya bisa di lihat di sidebar blog ini...