Rabu, 24 Oktober 2012

Cara memasang Widget tanslate pada Blog

Memasang Widget Google Translate Pada Blog

Posted by Herman on Saturday, March 14, 2009129 comments

Sesuai dengan namanya. Widget ini berfungsi untuk menerjemahkan bahasa yang satu ke bahasa yang lain. Dengan memasang widget ini, maka pengunjung yang berasal dari negara lain juga bisa menikmati konten diblog anda. Selain itu, anda juga bisa memanfaatkan widget ini untuk belajar bahasa asing lho. Menarikkan?

Sebenarnya google translate ini sudah pernah saya bahas pada beberapa waktu yang lalu. Namun karena widget ini sudah mengalami perubahan yaitu menggunakan icon-icon bendera sehingga tampilannya menjadi lebih menarik.

Contohnya seperti ini yang dibuat oleh mad tomatoe

dan ini yang dibuat oleh kang rohman

Oleh sebab itu, pada postingan ini saya ingin membahas kembali dengan menyajikan widget buatan saya sendiri. Seperti yang dibawah ini

Widget ini saya buat dengan mengganti icon bendera yang berbentuk seperti pin dan diberi sedikit efek shadow sehingga hasilnya menjadi seperti diatas. Semoga tidak terlalu mengecewakan.

Bagi anda yang tertarik, silahkan copy kode dibawah ini.

Untuk Google Translate 2 baris. Gunakan kode dibawah ini:

<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/AVvXsEiDZ18ulk4Glv0jIibhkwduX6EqWuq_zf5TNwl1Vu0ZlMxoe2Cm4O43F7oOksDIObX6TBgrsaT1iPHoMXqpyVk6B59_GMNp5CwTcHyStpd1OnxcrUC-XfIh2qGkkO-qFwVhzAcuAPbOPxG8/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/AVvXsEiEdwJSFCO5cyZ5FajZcKQLxWq451EkLva_pHbY81ybevuZeOzHF3JtUrXiOWNT_MwmYGJUt0EBAhG4HfxVFnifAhvfVQKcE0zAnTxxm-xenb67RMHeHVX649nTJkrAy3kXzZaj2EoZ11OV/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/AVvXsEjH5MgNTLVDUYVj7uw5RLmARcveWPIC30lMEuMTmB0GM1uTbe3fu4V0I_2Ra0MfU-NrHc1z3_FS2NaohGSVtsGPDdOQF1f3Y5kUHLmuMmgwPhxud6eJc8q9KU8NQuqYByrLdeJeVSf_6OxK/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/AVvXsEgcV6yY6KUPjAuB4hRlUpcbfYrkWRIEOXW0-PkNIsbvHPri0N5UlijaQLEkx32ymWEBwuQ2fAutvb6W8VlAhVh7Sc7e7oMay3c57QeUhNVk3U5JsMGcU1WqYjeZg9Ejy5qkXpkHoMdGF-cL/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/AVvXsEjH0BT7NgwLOf5gDtGPaeSUoLI-0Pv3JLJLacpM2jTkNy_Ns-oOFoaIT18OAEPgavzqtnTGKlod3Fr8TDySZweOfEXGcTuGaclafO0PJ4HWwAXvQmdzlq8plZ1jphU_wBxGPGBX6zxmLo4f/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/AVvXsEgoc79eSIsEzovoUcYQTYkKYP8bv0xGMKh3_Ha2mo9s1xx1Pu3kYrgo5J4oq8V7Px4bWdvjN7QQqZMxu4B0DnfFQrvjis8xgXaPPfH6ZUWOhtLEuupJl5tmsh_KA7bjflOYwgpkTznMN9w2/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/AVvXsEiix3PcyG9nr2Xky2CeC9SoGL9KleIMQcli1e6qYEWMcA7H7sKMlACN-ujdUGZWvHZYSNTcuJx9wGNQcljlz_FCXQePltjyL_J52l8Xix0KjBTRQjhSaI0NBb_5XQV9EfSPMWz-46vzNu0R/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/AVvXsEh1mVd8SsqTmZN-hzbiFVnpocog_py9JzYGPGoUpYAPB5UpetnVXlUJOdT1fBVkRLBTYybDUpBzH6w3bCDWF2ViaZT_0EDDhNn-bFrnT15jq_o9Q0xYUZzNQZQMUHBryDj7pfUffsFE-E9_/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/AVvXsEhc4BLB4CE_KrPJGk83HA4hI73wQmxCihfSqM-CyO0KTi1w4NWziuRidsQcDny-3KBxYwZ3FRWPG92bhUVsKZp0a6e6hr85kQGeVIo9Aet2XD79n0Rh_7cmVQVOJm_MbFfUDaPGpw8CrYdx/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://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google
</div></div>

Untuk Google Translate 3 baris. Gunakan kode dibawah ini:

1. Kalau sudah, buka kotak HTML/ javascript lalu pastekan kodenya kedalam kotak.

2. Klik Save. Selesai. Silahkan lihat hasilnya.

Jika anda merasa letaknya kurang pas dengan kolom sidebar anda. Anda bisa menyesuaikan jaraknya dengan mengganti nilai 0 pada padding-left. Semakin tinggi nilainya semakin lebar jaraknya. Dan jika anda ingin mengganti icon benderanya dengan icon lain. Silahkan ganti tulisan bewarna merah dengan alamat url icon anda.

Selamat mencoba. Semoga bermanfaat

Cara Membuat Search Engine pada Blog

Cara Membuat Mesin Pencari (Search Engine) di blog

By: Ade S | Label: Tutorial Blog |

Tentu kita semua sudah tahu apa itu Search Engine, kalau belum tahu ade jelaskan search engine adalah mesin pencarian agar kita lebih mudah mencari judul ataupun kata2 yang berkenaan dengan blog kita.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

Cara yang pertama :

dengan menuju Tata Letak terus pilih Elemen Halaman kemudian disitu ada tulisanTambah gadget klik link kotak Penelusuran (Baru) seperti gambar dibawah ini :

Cara yang kedua dengan cara manual yang biasa banyak dipakai oleh sobat-sobat Blogger, yaitu :

1. Login ke blogger terus klik Tata Letak terus pilih Elemen Halaman kemudian disitu ada tulisan Tambah gadget klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom konten.

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

Ganti nama-blogmu dengan nama blog kamu contoh menjadiadesyams.blogspot.com. Angka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya.

"Semoga Sukses"

Demikianlah artikel mengenai Cara Membuat Mesin Pencari (Search Engine) di blog
Semoga Bermanfaat..

Cara Pasang Pingbox Di Blog

Cara Membuat Yahoo! Messenger Pingbox di Blog WordPress

Saya baru dapat Cara baru nih,Cara untuk membuat Yahoo! Messenger di blog wordpress. tapi, yang ini Hasilnya bukan Status kita Online atau Offline melainkan sebuah kotak Chat langsung ke YM lho!Keren kan? Ok Langsung saja baca tutorial berikut ini!

Pertama Silahkan Login ke Yahoo! Messenger Pingbox.

Setelah itu klik Create Pingbox.

Lalu atur Pingbox sesuai keinginan sobat.

Lalu, Klik Next.

Copy Kode untuk All Websites.

Jika sudah dicopy kita edit dulu kodenya.

Contoh Kodenya seperti ini :

< object id=”pingbox2i75kweroro0W” type=”application/x-shockwave-flash” data=”http://wgweb.msg.yahoo.com/badge/Pingbox.swf” width=”240″ height=”420″><param name=”movie” value=”http://wgweb.msg.yahoo.com/badge/Pingbox.swf” /><param name=”allowScriptAccess” value=”always” /><param name=”flashvars” value=”wid=S4wk3lG6TWUz.1iS1wdKBoOtYGRsJA–” /></object>

Ambil kode yang diberi warna lalu paste di kode dibawah ini.

[/gigya src="Kode yang Berwarna Merah disini" flashvars="Kode yang Berwarna biru disini" width="190" height="300" wmode="transparent" type="application/x-shockwave-flash"]

Hasilnya seperti ini :

[/gigya src="http://wgweb.msg.yahoo.com/badge/Pingbox.swf" flashvars="wid=S4wk3lG6TWUz.1iS1wdKBoOtYGRsJA--" width="190" height="300" wmode="transparent" type="application/x-shockwave-flash"]

Note : Jangan Lupa Hilangkan tanda / agar Pingbox mau muncul.

Jika sudah Copy kode hasil yang diedit tadi lalu paste di Widget > Teks.

Kalau kurang jelas Silahkan bertanya!

Sekian, Semoga Bermafaat! Selamat Bereksperimen!

Cara membuat dan memasang shoutbox di blog

Cara Membuat dan Memasang Shoutbox di blog

Shoutbox atau yang lebih dikenal dengan nama buku tamu ini telah digunakan oleh puluhan bahkan ratusan ribu blogger dunia untuk digunakan sebagai jejaring sosial hangat untuk berkomunikasi sesama blogger.

Selain itu, shoutbox ini juga digunakan untuk request sesuatu kepada sang admin ataupun untuk mengkritik bagaimana blog ini, bagaimana blog itu, dan sebagainya. Kan sudah ada kolom komentar? Buat apa susah-susah bikin shoutbox, malahbikin berat aja. Sobat pasti bertanya-tanya tentang itu. Memang kolom komentar juga dibuat dari sononya, tapi hanya untuk req atau koment terhadap artikel yang di komentarin tsb, kalo dia kritik di artikel yang bukan seharusnya, kita juga yang pusing kan.

Nah sobat blogger wajib gunain ni shoutbox. Ga terlalu berat kok buat di pasang di blog, memang kita harus perlu juga memerhatikan berat blog. Tapi shoutbox ini perlu juga lho untuk sobat lain yang ingin menyampaikan saran dan kritiknya.

Cara membuat shoutbox di blog :

1. Buka situs http://www.shoutmix.com kemudian pada halaman website tersebut anda klik CREATE YOUR SHOUTBOX NOW. Seperti pada gambar dibawah ini.

2. Setelah itu anda akan dibawa ke halaman pendaftaran seperti dibawah ini, dimana pada halaman tersebut anda harus mengisi semua data yang diperlukan dengan benar.

3. setelah anda mengisi data-data anda pada halaman pendaftaran tadi, kemudian anda akan diminta untuk memilih style ataupun bentuk tampilan shoutbox yang akan anda pasang pada blog anda nantinya. Seperti pada gambar dibawah ini.

4. Setelah anda pilih salah satu style shoutbox seperti pada gambar di atas dan setelah anda mengisi kode verifikasinya juga maka proses pembuatan account shoutbox anda telah selesai. Dan anda sudah bisa memasang shoutbox dengan style yang anda pilih tadi pada blog anda.

Cara memasang shoutbox di blog :

Login to BloGGeR : Tulis User Name atau Alamat email kemudian tulis Password (sandi) sampeyan.

Dashboard (Dasbor) :Sampeyan akan di hantarkan ke halaman Dasboard. KLIK link "Layout (Tata Letak)".

Page Element (Elemen Laman) : Di halaman ini akan terlihat "blok-blok" desain blog kita. Terlihat ada beberapa elemen penyusun blog (Atas, tengah, samping kanan atau kiri dan bagian bawah). KLIK"Tambah Gadget" (dalam box garis terputus-putus), yang terletak di bagian samping kanan atau kiri (Sidebar).

HTML/Javascript : Setelah beberapa saat akan terlihat sebuah window baru yang di dalamnya terlihat beberapa jenis widget yang bisa di tambahkan ke blog sampeyan. Tarik halaman lebih ke bawah dan temukan box penambahan widget yang bertuliskan "HTML/Javascript". KLIK tepat di teks "HTML/Javascript" dan tunggu hingga muncul box tempat kode html nantinya di simpan.

Paste Kode Shouthbox : Box HTML/Javascript seperti di atas adalah tempat menyimpan kode css, javascript atau kode html. Copy kode shoutbox yang sampeyan dapatkan kemudian paste-kan di sini.

SAVE/Simpan KLIK "SAVE/Simpan". Setelah proses penyimpanan selesai, lihatlah shoutbox sampeyan dengan membuka blog.

Contoh Kode html shoutbox (dari --> www.shoutmix.com) :

<!-- Begin ShoutMix - http://www.shoutmix.com -->

<iframe title="Garyu78" src="http://www5.shoutmix.com/?Garyu78"

width="200" height="350"

frameborder="0" scrolling="auto">

<a href="http://www5.shoutmix.com/?Garyu78">View shoutbox</a>

</iframe><br /><br />

<!-- End ShoutMix -->

Cara Menghilangkan Navbar

Cara menghilangkan navbar di blogger atau blogspot sangat mudah dan simpel sekali, sobat tinggal kopas dan jadideh.
Sebelum membahas menhilangakn navbar saya akan memberikan sedikit informasi tentang kontes seo yang di selenggarakn oleh perusahaan mainan anak dengan kata kunci atau bahasa lainnya keyword adalahkeretaminiku.com produsen kereta mini mainan di indonesia.

Selain kontes masih banyak artikel yang lain seperti kata mutiara cinta, puisi cinta , kata bijak dan yang lainnya. Oke langsung sajah ya sob kita ke pokok yaitu menghilangkan navbar di blogspot, caranya sebagai berikut :

Pertama biasa sobat masuk ke akuun blogspot sobat.
kedua sobat masuk kepengaturan dan pilih template.
ketiga sobat pilih edit html dan jangan lupa centang :

Expand Template Widget

Keempat sobat kopas kode di bawah :

#navbar-iframe {
display: none !important;
}

Simpanlah kode diatas tepat di bawah

-----------------------------------------------
Sagoeba Template Style
Name: Simple
Designer: Sagoeba
URL: http://sagoeba.blogspot.com/
----------------------------------------------- */

CONTOH

-----------------------------------------------
Sagoeba Template Style
Name:     Simple
Designer: Sagoeba
URL:      http://sagoeba.blogspot.com/
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
   ====================

Dan terakhir simpan, jadideh...semoga bermanfaat cara menghilangkan navbar di blogspotini.Amin.!

Jumat, 05 Oktober 2012

Cara membuat Blog

Pertama - tama kita mulai dengan membuat Blogger dengan menggunakan gmail agar lebih gampang penggunaannya .
Yuk ikuti tips - tips di bawah ini yaaaaaa :)

1. Pertama - tama langkah awal yang paling dasar adalah siapkan koneksi internet anda terlebih dahulu , saya sarankan agar menggunakan browser google chrome , karna lebih cepat dan mudah menurut saya , selain menggunakan google chrome , anda juga dapat menggunakan internet explorer ataupun mozila firefox .

2. kemudian masukkan alamat URL nya <a href='http://www.mail.google.com'>Ordinary Blog</a>

cara membuat email di gmail

Daftar Blog Di Blogger

silahakn kunjungi situs http://www.blogger.com
Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan bawah, ubah bahasa ke Indonesia agar lebih mudah difahami.
Silahkan langsung masuk/login dengan menggunakan username/nama pengguna serta password/sandigmail anda ( akun email anda bisa untuk login ke blogger).
Isilah formulir yang ada :
1. Nama tampilan : isi dengan nama yang ingin tampil pada profile blog anda.
2. Jenis Kelamin : pilih sesuai dengan jenis kelamin anda, misal : pria.
3. Penerimaan Persyaratan : Beri tada ceklis sebagai tanda anda setuju dengan peraturan yangtelah di tetapkan oleh pihak blogger. Saran: sebaiknya anda membaca terlebih dahulu persyaratan yang ada agar anda tahu dan mengerti apa yang boleh dan tidak diperbolehkan ketika menggunakan layanan blogger.
4. Klik tanda panah bertuliskan “Lanjutkan”.
Klik tombol “Blog Baru”.
Isilah formulir :
1. Judul : Isi dengan judul blog yang di inginkan, misal : Coretan sang penghayal
2. Alamat : isi dengan alamat blog yang di inginkan. Ingat! Alamat ini tidak dapat di edit kembali setelah dibuat, apabila anda ingin serius, maka pilihlah nama yang benar-benar anda inginkan.
3. Template : pilih template (tampilan blog) yang disukai (ini dapat ganti kembali).
4. Lanjutkan dengan klik tombol “Buat blog!”.
5. Sampai disini blog anda telah berhasil di buat.
Untuk menghindari spam filter, sebaiknya anda langsung posting sembarang saja. Klik tulisan “Mulai mengeposkan”.
Isi judul serta artikel. Akhiri dengan klik tombol “Publikasikan”.
Silahkan lihat blog anda dengan klik tombol “Lihat Blog”
Selesai.

Kini blog anda telah tercipta dan dapat di buka di berbagai belahan dunia. Umumkan pada teman-teman

anda bahwa anda kini telah mempunyai blog. dan selamat mencoba :D