Cara Menambah Google Translate Di Blog

Mungkin Blog anda pernah dikunjungi oleh Blogger atau pengguna Web dari luar negri. Dan pengguna tersebut tidak mengerti bahasa Blog anda.

Dengan menambah widget ini ke Blog anda, pengunjung Blog anda tidak perlu susah – susah mentranslatenya di Google.

Gimana mau kan..?
Beginilah caranya :

1.       Masuk Dasbor

2.       Klik Rancangan

3.       Klik Tambah Gadget

4.       Pilih HTML/Javascript

5.       Copy kode berikut

<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiultNTf7SY4A_CwkTknBLduAu8bXEii1xto40_fdsT9L6oc3IEGrKbXtyA0GtDziK1IR-XK5pdVFOcPIOh6dOW02o7x5fwkisON0KBQyb2khIItWPQre-sAFR97aQIpUfrAN1CD7u5B3d/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAYF2GMwZq2amanufkn6gYzOJqI3mDOIUn5GvM-BrkNE0NYaMux5lcy30kha6l853MuazcPd_5Ntf5CdMyhptV1H7dNoieyp8VUB_CrGzTyL8RuihfHRTBImgoLOz3drYnTsBvX0WOQ6SO/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxRqTDt2x6Z-17DyE1IGwfvKlhTnL4CVc-ueT06_ayeZIPqrlO9xRbrpPIPkaUtR1POUgHdaPYotUj9sxMtIZZqecxKDdBaiEjPaIUlnSh8DRVzTbuvMmTZ3Ely-GVwTXjhplpa8zulLXO/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg02_gz1fnjICxqN1t_bmifYXX3VFhnYhHr2JWX6vgkjuxjB2cq1Sarn6qVOh6eByu7hFyrCCj7GiIQGL1YOK4rGq_QkXtRjJRcEY84dchDNJXtwNVYc5bpbVbSuKIrr_8XtgubTDF4N1SA/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihKg-ckMiYGYOcQClfskYID6MbckiofUzEDHjX10blzpZx8xYLvHvNSZvManpeUr8b_Q0CovK-J3Iz6uPBUkDCS5-Fu5t8f1SYuIJ3nNbpx0687mXz32QwpXZ22ORDvPEO9jWzHSpCSqRO/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRzIidT9s7-HX-td1RR19X953d-vqVl9aT5VVfLv_7twH7HBKw9BNp2XPFq6nn1qcUEFE82zgfzkGNeA-z5cJZ1w-YClePZPv8vK6hOO44gZ2AncPNqqL2eB8XcmLW-xndTebYG-S15x-W/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkyuve53TDEAB6CR7HdNEl2tFxYxYMFI6IlDPrEl6sIo2cQIefSIMhNQfHBJBDcjlylPQQeOc-AEdbOfuM7MSkMy5UtUMDiiluhyavJjJeJQjSv0Dr2HSE8l930ngBHDqh8TT_Tr7VyJZG/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFCuaWhCTpmA_x8Hj5tpa3fuGn_R0OWGuG_bHh01u7-DMmvsp_Tyx7gYT2_u2RTJ60S-8tN-1LOIxmUyZwlpj7Tzr_r5gEz1vq5JX24qZ_vdK5OzBQy3Ny3uFp3Nd_JN74ZBK45wudG55C/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZglJgQtYyHzCy77CLc5cERWUvIEBB5KoSy1yoR28WLxbg8ZhSRobZ4S8D3TFc_yKv7-1TPfJePzpc6dZUobmavy2tunnVXmW91zR-slFCRYjBRF8DXTLMmkq0NEdpx2YbVhYQYcUacMBx/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxE8j0pdK8bhZYSib99tUlggEuugG82c0SYqF0eawecGBE0rcJvSWq42usGyA8J-BIiGyfqTtn-08A8qTg-q4rHeqDExcWknn2LQ1ZlnL16ik12WYxmpf7jyVvaUeRiZOzfbUMmW_6Kqj_/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCepx3L7b50QAPxDD-SwoJPxP1fHJxn-FwTOR03AV-7oCiGAb42PQUP6e1r6nEyVQbXT2tKQYOK2I1VM7mIax60LHxyU82UqDnufdECAKSxybLmP1M1LKcze6tsiJhbltGL_k7wh74uY5Z/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieUUeqiVw3jk_wH4odO_MMdrqLiFfc3Ng_oujYRUIFZhWkTgmxe2Wf-CNdTtzlfEy5tT9QE12TTVq6I2t38lHFYmvLV2lv82JVRcj8pJAyQu9p0gqtiMUEkl7LKl2BFkQu8xbzPzxTtK9p/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href=" http://ubed-ubloseven.blogspot.com/2012/01/menambah-google-translate.html " title="UBLO 7"/>Translate </a> by Google ( UBLO 7 ) </div></div>

6.       Paste di Jendela HTML/JavaScript

7.       Klik Simpan


Seperti itulah caranya.
Semoga bermanfaat untuk anda.

Read More

Effect Shadow Di Bawah Sidebar Blog

ebenarnya ada bagian draf yang harus Kang Mahfid publikasikan ,tapi biarlah saya tunda dulu ,mengingat teman adalah segala galanya maka aku penuhi dulu permintaan teman yang pingin tahu cara membuat Effect Shadow Di Bawah Sidebar Blog,

kalau belum jelas silahkan sobat lihat pada bagian sidebar blog ini atau lihat screenshoot di samping .Sebelum nya sedikit info saja buat sobat yang akan melakukan trik ini ,akan lebih jelas /bagus jika warna background sidebar/sidebar berwarna putih atau transparent dengan bagian body berwarna background #fff (putih/white).

Oke untuk sobat yang ingin pasang trik ini silahkan ikuti tutorialnya yang akan saya jabarkan secara lengkap seperti di bawah ini

1. Loggin ke blogger  dengan ID sobat
2. Saat ada di dasboard pilih template >>Edit Html >> ingat download lengkap dulu template untuk menjaga kemungkinan salah dalam pengeditan..
3. Expand Template Widget 
4. Cari kode ]]></b:skin> taruh kode css berikut tepat di atas nya (gunakan Ctrl + F untuk mempermudah pencarian) berikut kode nya :

#shadow2 {   background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYg6elItTjlPu7EBKxoYJzW2uHFCunp5_Y_5N-sENWXvM2rR9PffPUiVE44LNZSFSOUTF9gyy3LEsRja2MF7syczgDIEAJ6GL0gj-Rpx3_KC3w9CLH_wMU_uXZm80KedQxy88He-nTSIk/s1600/frame_shadow2+copy.png") no-repeat scroll center center transparent;   height: 20px;   width: 300px; }

5. Nah kode Css nya sudah di pasang sekarang penempatan shadownya untuk hal ini saya contohkan yang akan di beri shadow adalah Resent Post seperti gambar di atas maka gunakan Crtl + F cari kode Resent Post maka contoh kode nya kurang lebih akan seperti di bawah ini 

<b:widget id='HTML2' locked='false' title='Resent Post' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
<div style='overflow:auto; width:auto;height:200px;'>
  <div class='widget-content'>
    <data:content/>
  </div></div>
<div id='shadow2'/>


6. Perhatikan kode yang diseleksi berwarna pink adalah nama widget yang akan di beri effect shadow,sedangkan kode yang diseleksi berwarna kuning adalah tambahan saja agar widget sidebar ada fungsi scroll nya ,jadi jika sidebar sobat tidak menggunakan fungsi scroll maka kode ini tidak akan ada (disarankan pasang fungsi scroll agar widget sidebar tidak terlalu panjang)
7. Nah untuk kode yang berwarna merah adalah kode shadow hasil dari pemanggilan kode Css di atas .
8. Jadi kesimpulan nya jika sobat akan menggunakan kode ini pada widget yang lain seperti Popular Post ,kolom komentar ,widget follower,dll lakukan hal yang sama seperti di atas dan letak kan kode    <div id='shadow2'/></div>   tepat setelah kode penutup </div> seperti contoh di atas ,tapi ingat karena pengeditan langsung pada Template lakukan Preview terlebih sebelum template di Save .

  Semoga semua yang saya jabarkan di atas dapat dimengerti jika ada kesulitan dalam pembuatan Effect Shadow Di Bawah Sidebar Blog silahkan bertanya langsung di form komentar sesuai Artikel terkait.

Sumber:artikel: http://www.fullblogdesign.com/2013/03/effect-shadow-di-bawah-sidebar-blog.html#ixzz2UsINuewR

Read More

Contoh Surat Undangan Ulang tahun dalam bahasa inggri

Contoh Surat Undangan Ulang tahun dalam bahasa inggris, sahabat pakar ilmu, kali ini admin akan membuat post tentang contoh surat undangan ulang tahun formal dalam bahasa inggris, atau bisa disebut surat undangan ulang tahun dengan menggunakan bahasa inggris, bagi yang membutuhkan undangan ulang tahun dalam bahasa inggris langsung saja dipilih dibawah ini :

To: All my beloved friends and family
Come to my 14th birthday! Bring your sincere present and don’t forget to pray for God.
Place: McDonald
Attire: Formal Attire
Time: 07.00 p.m-08.00 p.m
Date: 22 th January 2013
Games: Clown, pinata, hide and seek, egg bounce, and many more
I’m waiting for your coming! Come before 07.00 pm and wear your formal attire!
My sincere greeting,
Dina

bisa juga Contoh Surat Undangan Ulang tahun dalam bahasa inggris sebagai berikut :

Dear best friend

how are you miss? I hope you fine
oh yeah, I will miss Come to my 11th birthday! Bring your sincere present and don’t forget to pray for God.
Place: Apollo Restaurant
Attire: Formal Attire
Time: 07.00 p.m-.08.00 p.m
Date: 13th January 2013
I’m waiting for your coming! Come before 07.00 pm and wear your formal attire!
Thank for your attention miss

My sincere greeting,
your friend

bisa juga surat undangan ulang tahun dalam bahasa inggris seperti berikut :

To: All my beloved friends and family

Come to my 13th birthday! Bring your sincere present and don’t forget to pray for God.

Place  : My home. Jl. Rimba no. 12

Date  : Sunday, 23th September 2012.

Time  : 08.00 a.m - 10.00 a.m

Games  : Clown, pinata, hide and seek, egg     bounce, and many more

I’m waiting for your coming! Come before 08.00 am.

 

     

My sincere greeting

Dika

Read More

Cara Membuat Logo Blog

Tampilan logo blog pada header yang khas dan memiliki desain yang bagus pasti menjadi dambaan setiap blogger. Logo blog biasanya ditampilkan sebagai bagian dari header yang berupa paduan gambar dan gambar teks yang berisi nama atau ciri dari suatu blog.  Umumnya, logo blog digunakan untuk menggantikan teks pada bagian title dan deskripsi header. Tentu saja, membuat logo blog, meskipun hanya berupa logo text, bukanlah perkara mudah bagi setiap orang. Keahlian setidaknya dibutuhkan untuk membuat teks logo dengan menggunakan software image editing semacam Correl Draw maupun Photoshop.

Pengen punya logo teks blog yang seperti ini?

 Atau yang seperti ini?

Kabar baiknya, saat ini ada banyak layanan situs online logo creator and generator yang dapat memudahkan pekerjaan membuat logo blog. Siapa saja dapat dengan mudah membuat teks logo blog maupun logo blog untuk header dengan hasil yang lumayan baik dan tidak mengecewakan. Telah saya pilihkan 6 online logo generator/creator yang mudah untuk digunakan sebagai berikut:

1. www.textspace.net

Memiliki berbagai jenis text generator sesuai dengan bentuk design-nya, misalnya patterned text generator, glitter text generator, LCD text generator, marquee text generator, dan masih banyak lagi yang lainnya. Memiliki interface yang bersih dan waktu muat halaman yang cepat sehingga membuat kita semakin mudah dan cepat dalam membuat logo.

2. www.flamingtext.com

FLaming text memiliki banyak sekali koleksi design yang bermacam-macam dengan berbagai pilihan dari yang paling sederhana dan paling animatif. Membuat anda harus lebih jeli dan benar-benar fokus untuk membuat pilihan karena banyaknya design yang harus dipilih. Interface generator yang lengkap disertai live preview dari hasil teks yang diedit sehingga tidak perlu lagi berpindah halaman untuk kembali mengedit.

3. cooltext.com

Sama halnya dengan flamingtext, cooltext memiliki banyak koleksi design dan memiliki interface editor yang mudah dan handy, sehingga siapapun dapat dengan mudah menggunakannya. Terdapat dua jenis design, yaitu logo dan button. Dilengkapi pula dengan puluhan jenis font menarik yang dapat dipilih dan disesuaikan dengan design blog.

4. www.simwebsol.com

Ketika membuka halaman web situs ini, anda akan masuk ke halaman text logo editor yang sederhana. Kostumisasi keseluruhan teks diserahkan kepada user, sehingga dapat membuat logo sesuai dengan kehendak. Pilhan style-nya tidak begitu banyak, namun masih cukup berharga mengingat hasil gambar dari online logo creator ini memiliki kualitas yang cukup baik.

5. www.logomatik.net

Design-design pada situs ini lebih menekankan pada koleksi design font yang menawan. Design yang dihasilkan dengan generator dapat dikostumisasi lebih, namun warna gambar hitam dan putih menurut saya adalah yang terbaik karena kesan vector-nya sangat kuat dan memukau.

6. www.thelogoshop.info

Cukup sederhana, atau bisa dibilang sangat sederhana, selain karena situs ini hanya memiliki satu halaman, design-nya pun sangat terbatas. Namun, bagi anda yang sedang belajar dan dalam proses awal blogging dan design gambar, situs ini bisa menjadi awalan bagi anda untuk belajar membuat design logo.

Read More

Tini Mania

Coba game flash ini :D 

 

Read More

Cara Posting Artikel Blog ke Facebook Secara Otomatis

Langsung aja. karna gw lagi males ngetik nih. hehehhe.
Caranya :

• Yang pertama dilakukan adalah menghubungkan akun facebook sobat dengan RSS Graffiti
• Buka situs RSS Graffiti

• Kemudian klik Start Sharing

klik untuk memperbesar

• Login ke akun Facebook sobat, dan izinkan RSS Graffiti untuk mengakses akun facebook sobat.
• Pada tampilan seperti dibawah ini, klik Add New Publishing Plan

• Isi nama sesuai selera dan klik create publishing plan

klik untuk memperbesar

• Pada Sources, klik Add new

• Isi dengan url/alamat blog sobat kemudian klik add sources
  

• Perhatikan gambar berikut

Feed Title  : isi dengan nama blog anda
Feed URL : isi dengan alamat feed blog anda.
                   Misalkan http://dhaniezcommunity.blogspot.com/feeds/posts/default
                   Cukup tambahkan tulisan tebal diatas pada belakang alamat blog sobat
Update Frequency : berapa kali postingan blog yang diupdate di facebook dalam sehari
Maximum Posts per Update :  jumlah postingan yang diupdate difacebook dalam sekali update
Post Order per Update : darimana postingan sobat yang ingin diposting terlebih dahulu. Apakah dari postingan baru kemudian ke postingan lama ataupun sebaliknya.

Jika sudah diatur, klik Save

• Kemudian, pada Target, klik Add New

• Akan muncul seperti ini

 Choose Target : target atau dimana postingan blog akan diupdate. Jika sobat mempunyai fanspage blog maka pilih fanspage tersebut. Bisa juga pada grup Facebook yang sobat ikuti. Jika tidak ada, pilih saja akun facebook sobat.
Publish on Behalf of : lakukan seperti yang diatas. Usahakan berbeda agar postingan bisa terupdate di grup/fb dan di dinding akun fb sobat.
Jika telah selesai, klik Save changes

• Langkah terakhir, aktifkan RSS Graffiti. klik tanda panah disamping Off agar menjadi ON

SEBELUM !!!

SESUDAH !!!

Fiuh,,akhirnya selesai. Sengaja saya paparkan secara detail agar sobat tidak bingung(terutama newbie). Coba sobat kunjungi FP blog saya di facebook. Disana semua postingan blog saya adalah hasil kerja dari RSS Graffiti yang mengupdate postingan blog saya secara otomatis di facebook.
Semoga dapat dipahami, selamat mencoba and Good Luck !

Read More

Cara Membuat Daftar Isi Blog Secara Otomatis

Daftar isi sangat berguna untuk mempermudah para pengunjung blog dalam mencari artikel atau konten yang mereka cari / inginkan. Sedangkan manfaat untuk admin blog yaitu daftar isi blog juga dapat meningkatkan jumlah page view blog. 

Untuk melihat tampilannya seperti apa, anda bisa melihat demonya terlebih dahulu :

DEMO

Nah bagaimana, apakah anda berminat untuk memasang daftar isi di blog anda? Untuk memasang widget daftar isi di blog, anda dapat melakukan beberapa langkah mudah membuat daftar isi berikut ini :

Langkah-langkah memasang widget Daftar Isi di blog :

1. Login ke akun blogger

2. Klik "Laman Baru" kemudian klik "Laman Kosong", untuk lebih jelasnya, silahkan perhatikan gambar dibawah ini :

Gambar 1.1

3. Kemudian pilih Mode HTML

4. Lalu copy kode script dibawah ini :

<div style="border: 1px solid #eee; height: 700px; overflow: auto; padding: 10px; width: 530px;">
<script src="http://widgetsitemap.googlecode.com/files/daftarisi.js"></script><script src="http://zicblogger.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> </div>

Keterangan :

• Ganti kode yang berwarna merah ( zicblogger ) : dengan alamat blog anda!

6. Kemudian anda letakan pada halaman kosong tadi, 

Gambar 1.2

Keterangan gambar 1.2 :

1. Pilih mode HTML

2. Letakan kode pada halaman kosong

3. Berikan judul (terserah anda)

4. Klik "Publikasikan"

7. Selesai

Read More