0 Membuat Social Profile Widget Keren: Metro UI

By Unknown | At 8:24 AM | Label : Tutorial | 0 Comments

Alhamdulillah setelah sebelumnya saya posting tutorial membuat modifikasi pada widget profil blogger, kali ini saya ingin mengetengahkan cara membuat widget profil sosial networking menarik dengan colored style. Widget ini dinamai Metro UI oleh designernya Vinay Prajapati.

  View Demo

Fitur

• Meliputi 7 jejaring social yang paling sering digunakan
• Efek hover dan desain yang elegan,
• Sangat rapi dan bersih
• Tidak ada JavaScript, No Jquery, murni dengan CSS

Cara menambahkan widget ini ke blog

Untuk menginstal widget ini ke blog sangat mudah, baik blog anda dengan flatfrom blogger, wordpress atau layanan blogging lainnya dimana style CSS dan HTML diterima pada widget atau template. Anda hanya perlu menambahkan kode gadget/widget pada bagian HTML/JavaScript.
Step by step for blogger

• Pada dasbor >> Masuk menu Tata Letak >> Tambah Gadget >> Pilih HTML/JavaScript
• Copy dan paste kode berikut pada kolom konten:

<div class='metro-social'>
<li><a class="fb" href=http://www.facebook.com/amatullah.syukur rel="nofollow"></a></li>
<li><a class="tw" href=http://twitter.com/amatullahsyukur></a></li>
<li><a class="gp" href="https://plus.google.com/116382152511220195182"></a></li>
<li><a class="pi" href=http://pinterest.com/amatullahsyukur rel="nofollow"></a></li>
<li><a class="in" href=https://www.linkedin.com/in/amatullahsyukur rel="nofollow"></a></li>
<li><a class="yt" href=http://www.youtube.com/amatullahsyukur></a></li>
<li><a class="fd" href=http://feeds.feedburner.com/amatullahsyukur rel="nofollow"></a></li>
</div>
<style>
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style>

Kustomisasi: Ganti link profil saya dengan link profil milik anda.

• Simpan dan lihat hasilnya diblog anda.

Demikian tutorial kali ini, cara membuat social profile widget pada blog. Semoga bermanfaat.

0 Cara Membuat Buku Tamu di Blog

By Unknown | At 5:32 AM | Label : Tutorial | 0 Comments

Cara Membuat Buku Tamu di Blog - Cara memberi/memasang buku tamu di blog - Jika anda blogger maka interaksi dengan dengan visitor sangatlah penting. Karena interaksi yang aktif dengan pengunjung semakin meningkatkan citra positif bagi anda sang pemilik blog. Salah satu cara untuk bisa berkomunikasi dengan visitor adalah dengan memberikan fasilitas Buku Tamu di blog anda. Di Buku Tamu inilah siapa saja bisa melakukan chatting dan bertanya apa saja bahkan bisa berdiskusi santai dengan pengunjung/blogger yang lain. Kok blogPanduan Blog muktiblog tidak pasang Buku Tamu? He he he. Kalau di sini saya memang tidak pasang karena takut berat banget loadingnya sehingga nanti aksesnya jadi lambat. Tapi saya pasang juga di beberapa blog yang lain seperti blog bisnis online dan blog berita aktual. Tidak berpanjang kata lagi, saya langsung akan jelaskan pada anda Cara Membuat Buku Tamu di Blog. Tapi maaf ya.. Ini Tutorial Blog ini khusus bagi blogger pemula. Bagi yang sudah ahli mohon saran dan kritiknya saja, siapa tahu ada kesalahan.

>> Proses Pembuatan Account

1. Buka web untuk membuat Buku Tamu di http://www.cbox.ws
2. Klik Get your own free Cbox now!

3. Isi Form pendaftaran dengan lengkap mulai dari Cbox Name, Email address, Password, alamat website, dan bahasa

4. Masih di form pendaftaran anda bisa menentukan gaya Buka Tamu anda dengan memilih Style

5. Jika sudah selesai diisi semua dengan lengkap klik tombol Create My Cbox dan sukses anda telah membuat Buku Tamu.

>> Login dan Setting Buku Tamu

1. Login ke member area cbox anda

2. Klik Look & Feel > Layout Options untuk Mengatur lebar ( Width ) dan Tinggi ( height ) Buku Tamu. Sesuaikan dengan ukuran side bar blog anda. Anda juga bisa mengatur apakah pesan terbaru akan ditampilkan paling atas atau di bawah dengan memilih In Order

3. Klik Look & Feel > Colours & Fonts. Anda bisa menentukan warna, bentuk huruf dan lain-lain. Silahkan setting sesuai dengan selera anda.  Jangan lupa klik Save

4. Jika sudah selesai semua setting anda, jangan lupa klik tombol Apply

>> Cara mengambil kode HTML buku tamu dan memasukkan ke side bar blog

1. Masih di member area Cbox klik Publish! Lalu klik tombol Copy to clipboard.

2. Login ke blogger.com >> Klik Tata Letak >> Tambah Gadget.

3. Di window yang muncul klik HTML/Java Script.

4. Paste kode Buku Tamu yang telah dicopy tadi ke kolom yang tersedia seperti di bawah ini:

Beres

0 Cara Memasang Translate Pada Blog

By Unknown | At 5:12 AM | Label : Tutorial | 0 Comments

Memasang translete pada blog sangat perlu karena mungkin saja ada pengunjung dari negara asing yang nyasar keblog anda, tapi yang harus diperhatikan agar tidak terjadi kesalahan translate maka blog anda harus menggunakan bahasa yang resmi, bukan bahasa pasaran atau gaul.

Nah caranya ikuti langkah-langkah berikut:

• Seperti biasa sig in dulu ke blogger.
• Masuk/ klik tombol layout/ tataletak.
• Klik tombol elemen halaman/ page elemen=>tambah gadget=>HTML/ Java script
• Beri nama/ isi titel dengan kalimat translate atau dengan kalimat yang anda sukai. Kemudian  Untuk Tampilan Pertma seperti berikut:

Copy kode berikut dan paste dikolom HTML/ Java Script.

<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/AVvXsEjET8QJt1xoU91I4MNFgaQ15IEtH0YZdwnK2fNqWqB1Zx7DYKd-tuI-_lsFNrgHUjlBhzArffrzUfFPdxrhyphenhyphenm4c8KsxdlztAye9Uq7dF3WUlS-btA21-LzASRPZUjs_eUTwgfmVasCKhzI/?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/AVvXsEgum99pHhS1gOrDh-J_Ua003f-aeCZiRTa_yF6ceoiB6lHiEflo8-b_3n66H2d-OEfvg0QtZt-a3G80TBN0srVs-mkkmP5CX7nky-0J4Tst5bHQGFC2JK5cH4SjGKWH7vcjkM4tJwPHRP4/?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/AVvXsEh5hQYYCxTGcadQMLq6R8rIQNpgAlX72WImg4WxGRnA322qdk87ju4pEEhaHFvO_FCiARkGU9jcJcXrf8HpzzGJ6iJWpuhRN19aHkX7-nDqDVlXymVuKIutJeSKu5acl6QScbf7NzYCz-AY/?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/AVvXsEj9oz4rMNOrYMsXg-nvBuNVR16CnQaU_XKIvawT44LuIehHypydmZ5a4RZDelqRJ-I6Vh_hyqsrLoltbM0c3opUnNOMz2ukQd7Glo49QfhZ6dkV50uqt3UsO4x4BM9fvnWu7-n5t4HYcqEj/?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/AVvXsEjFgOlS7d7_11HH0SZ2rC5biB86I5nXbN_-612N3eLOAgpXSLUxf5chSwVUJWbNS5hkVwXyRV2jQzTZPWP1hIklp8vOO7Z3FRadX8QD2co7VWozm0RW9VxZspX3SOwdEtHMQanSkaMcpCo/?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/AVvXsEi6cxUDGxo4xz38XWJUALTrKncH-_xEvb3IHQuR4Dlt7rfiRwcvGjlLy3tRKsBMc4FStzMI7_Ig_h7mtxTs3E43qKXKGt7JdTBZbppVrj3EBLttmHPFRAWsniUL7rCcBTfspxK7bYfbMGA/?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/AVvXsEgcVxoGqR0zB-_-tvnMcsUMj9FrKA7r-hwZrSywOI07TT5xPKAoO_fYUGc3qDO6s1nEM6Fp1AJVCE5CK_engKbBNtBLvYRKV4VOjmELKCwOB3lcFPiFTHJj0Y_DS3CzIr11A8qU1-HP6ZE/?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/AVvXsEj1u7Buu4ys-TD__VDhIzMN0GijypLiTJwF9XvETHuqx7dZCO6anuH_2Uesn_86NkJdhVc9aASO7m1pMEwcktweiNBPMaPM8R6BPXqQ4GolGU2UD0eHr1KxHfnUcc1MiLJGeUhvX4VrAvY/?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/AVvXsEit4fW5GB2VenMqL2qUdTdHaegO6S6cwSiPFKkIko8cwsOF93RjxnP-zXgXsbS_77sO51-Ch2leDsj8rTpcbH8F9MFbWvVw2lYltz9klooMHodxZIyh3OXi5KnwQPnSOE58Pi6UfstZ4Odn/?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/AVvXsEjQFEAbtnBW9-zRSjebP3O6_vYhnnStv-s9qoocURNQeH0bSXWbz67VDqxGAB50IO1tric24RFHRVoyYef_7uGq3zUCsJSXXCJxk6G53DRHZzHTyqhQyUrliuKxLz7x87A0sgAfWsP9ZFA/?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/AVvXsEjJ5iqvfUZA3iryizKEFkgBx0bM-r-WrJF6nvesm4YPVqP2eX6TWHMw2B-fe5j4gxpZoH5MHHqq0OsDFtIltzqupSFn9TrAJ3YKAF5KA90OHF_Hy0qKa241jlHLQ8Xfqbt4yLmDlaxdjb0/?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/AVvXsEjDdbvRe9hH8jE6LDXPgJ2S666q2v4JVRYc53W9d9rvaMZ2wd4Um0ass0frfR4YMjEHu0Mk6GwEpCzyY8juZXQsco_YJ6xoGvxsK6wTzil6sDXXO4buPXOoelEjGnioyHBOdU-Q1-Ab5Rk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://www.tipstrikblogging.com/2009/07/cara-memasang-translate-pada-blog_6889.html" target="_blank" title="Google Translate">Get This Widget</a></div>

Untuk tampilan kedua seperti berikut ini:

Copy kode berikut dan paste dikolom HTML/ Java Script.

<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/AVvXsEjET8QJt1xoU91I4MNFgaQ15IEtH0YZdwnK2fNqWqB1Zx7DYKd-tuI-_lsFNrgHUjlBhzArffrzUfFPdxrhyphenhyphenm4c8KsxdlztAye9Uq7dF3WUlS-btA21-LzASRPZUjs_eUTwgfmVasCKhzI/?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/AVvXsEgum99pHhS1gOrDh-J_Ua003f-aeCZiRTa_yF6ceoiB6lHiEflo8-b_3n66H2d-OEfvg0QtZt-a3G80TBN0srVs-mkkmP5CX7nky-0J4Tst5bHQGFC2JK5cH4SjGKWH7vcjkM4tJwPHRP4/?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/AVvXsEh5hQYYCxTGcadQMLq6R8rIQNpgAlX72WImg4WxGRnA322qdk87ju4pEEhaHFvO_FCiARkGU9jcJcXrf8HpzzGJ6iJWpuhRN19aHkX7-nDqDVlXymVuKIutJeSKu5acl6QScbf7NzYCz-AY/?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/AVvXsEj9oz4rMNOrYMsXg-nvBuNVR16CnQaU_XKIvawT44LuIehHypydmZ5a4RZDelqRJ-I6Vh_hyqsrLoltbM0c3opUnNOMz2ukQd7Glo49QfhZ6dkV50uqt3UsO4x4BM9fvnWu7-n5t4HYcqEj/?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/AVvXsEjFgOlS7d7_11HH0SZ2rC5biB86I5nXbN_-612N3eLOAgpXSLUxf5chSwVUJWbNS5hkVwXyRV2jQzTZPWP1hIklp8vOO7Z3FRadX8QD2co7VWozm0RW9VxZspX3SOwdEtHMQanSkaMcpCo/?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/AVvXsEi6cxUDGxo4xz38XWJUALTrKncH-_xEvb3IHQuR4Dlt7rfiRwcvGjlLy3tRKsBMc4FStzMI7_Ig_h7mtxTs3E43qKXKGt7JdTBZbppVrj3EBLttmHPFRAWsniUL7rCcBTfspxK7bYfbMGA/?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/AVvXsEgcVxoGqR0zB-_-tvnMcsUMj9FrKA7r-hwZrSywOI07TT5xPKAoO_fYUGc3qDO6s1nEM6Fp1AJVCE5CK_engKbBNtBLvYRKV4VOjmELKCwOB3lcFPiFTHJj0Y_DS3CzIr11A8qU1-HP6ZE/?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/AVvXsEj1u7Buu4ys-TD__VDhIzMN0GijypLiTJwF9XvETHuqx7dZCO6anuH_2Uesn_86NkJdhVc9aASO7m1pMEwcktweiNBPMaPM8R6BPXqQ4GolGU2UD0eHr1KxHfnUcc1MiLJGeUhvX4VrAvY/?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/AVvXsEit4fW5GB2VenMqL2qUdTdHaegO6S6cwSiPFKkIko8cwsOF93RjxnP-zXgXsbS_77sO51-Ch2leDsj8rTpcbH8F9MFbWvVw2lYltz9klooMHodxZIyh3OXi5KnwQPnSOE58Pi6UfstZ4Odn/?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/AVvXsEjQFEAbtnBW9-zRSjebP3O6_vYhnnStv-s9qoocURNQeH0bSXWbz67VDqxGAB50IO1tric24RFHRVoyYef_7uGq3zUCsJSXXCJxk6G53DRHZzHTyqhQyUrliuKxLz7x87A0sgAfWsP9ZFA/?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/AVvXsEjJ5iqvfUZA3iryizKEFkgBx0bM-r-WrJF6nvesm4YPVqP2eX6TWHMw2B-fe5j4gxpZoH5MHHqq0OsDFtIltzqupSFn9TrAJ3YKAF5KA90OHF_Hy0qKa241jlHLQ8Xfqbt4yLmDlaxdjb0/?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/AVvXsEjDdbvRe9hH8jE6LDXPgJ2S666q2v4JVRYc53W9d9rvaMZ2wd4Um0ass0frfR4YMjEHu0Mk6GwEpCzyY8juZXQsco_YJ6xoGvxsK6wTzil6sDXXO4buPXOoelEjGnioyHBOdU-Q1-Ab5Rk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div>
<div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://www.tipstrikblogging.com/2009/07/cara-memasang-translate-pada-blog_6889.html" target="_blank" title="Google Translate">Get This Widget</a></div>

• Save template anda. Semoga bermanfaat!