Memasang Widget Google Translate 2

Pada postingan yang terdahulu saya telah membahas tentang bagaimana cara memasang Widget Google Translate pada blog, tetapi untuk versi yang lama, mungkin masih kurang bagus dan indah. Dan untuk yang sekarang saya akan membahas versi lain yang telah disempurnakan oleh Kang Rohman, jadi kelihatan bagus dan menarik :

image Tampak seperti nyata bukan?? hehe… Emang Kang Rohman paling sip… Hehhe…

Berikut script kode untuk pemasangan Widget tersebut :

<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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”>

</div>

Silahkan langsung copy dan paste saja di Widget HTML/Javascript pada Elemen Halaman.

Selamat mencoba dan Happy Blogging sob…

READ MORE - Memasang Widget Google Translate 2

Search Box In Blogger

Untuk lebih memudahkan sobat pengunjung untuk mencari sebuah artikel yang mereka inginkan maka sebaiknya diblog kita disediakan sebuah search box. Cara membuatnya juga cukup gampang kok, tinggal copy paste saja script berikut :

<form id="searchthis" action="http://OPERA15.blogspot.com/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>

Jangan lupa mengganti tulisan yang berwarna merah dengan alamat blog sobat.

Untuk cara pemasangan terserah sobat, mau memakai Gadget di elemen halaman ataupun mau dipasang di script HTML Template. Tetapi jika ingin memasang langsung di Script HTML Template, kita membutuhkan pengetahuan lebih untuk memasang pada tempat yang tepat.

Sebagai contoh pada blog ini, saya memasangnya dengan menggunakan Gadget di Elemen halaman.

Contoh Search Box :

Berikut beberapa penjelasan tentang kode dari search box tersebut :

<form id="searchthis" action="http://OPERA15.blogspot.com/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>

Kode diatas merupakan kode untuk menampilkan kotak putih tempat teks kita ketikan.

action >> di isi dengan alamat blog kita

maxleght >> maximal karakter yang dapat diisikan pada search box

name >> nama search box (not publish, jadi tidak ada pengaruh)

size >> panjang search box

<input id="b-searchbtn" value="Search" type="submit"/>

Kode diatas adalah kode untuk menampilkan tombol search.

value >> diisi dengan kata yang akan ditampilkan pada tombol, disini misalnya “Search”, dapat diganti sesuai keinginan.

SELAMAY MENCOBA dan Happy Blogging…

 

Sumber : O-om.com

READ MORE - Search Box In Blogger

Menampilkan Nafbar Yang Hilang

Sobat, menghilangkan Nafvar merupakan pelanggaran dari TOS Blogger, Sehingga kalau bisa janganlah sobat menghilangkannya, lebih baik membuat suatu yang beda dari navbar tersebut, seperti pada postingan yang lalu saya membahas tentang Auto Hide Pada Navbar Blogger, mungkin itu cara yang lebih baik dari pada harus menghilangkan navbar.

Nah jika memang sobat sudah terlanjur menghilangkan navbar dan ingin mengembalikannya, silahkan ikuti langkah-langkah berikut :

  • Login Blogger
  • Masuk pada Tata Letak
  • Kemudian ambil Tab Edit HTML
  • Jangan lupa beri centang pada Expand Template Widget

image

  • Setelah itu cari kode berikut :

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

Atau

#navbar-iframe{ height:0px; visibility:hidden; display:none}

Jika tidak menemukannya juga, cari saja kode yang mirip dan ada kata-kata : navbar-iframe

  • Jika sudah, hapus saja kode tersebut, dan simpan template sobat.
  • Lihat hasilnya

Setelah itu baru sobat bisa melakukan langkah untuk membuat navbar tersebut auto hide.

Semoga bermanfaat dan Salam blogger Indonesia.

READ MORE - Menampilkan Nafbar Yang Hilang

Tampilan Baru 2

Setelah selama 4 hari malakukan maintanance blog ini, akhirnya selesai juga memilih template. Walau sebenarnya kurang manteb, karena masih menggunakan template buatan orang lain, tapi tak apalah yang penting tampilannya baru.

Untuk sementara ini saya masih belajar untuk membuat template sendiri, karena keterbatasan akses, jadi mungkin proses belajar akan memakan waktu yang lama. hehhe..

Berikut tampilan baru dari blog ini :

Header

image

Footer

image

Memang sekarang tampilan yang saya pilih bertemakan black themes, berubah dari template-template yang terdahulu. Semoga dengan tampilan baru ini saya mendapat semangat baru untuk terus berkreasi… Amin..

Thanks to :

http://www.templatemo.com/

http://www.bloggerthemes.net/

http://www.o-om.com/

http://kolom-tutorial.blogspot.com/

Template ini saya sedikit modifikasi, jadi mohon maaf kepada sang pemilik / pembuat template. Salam Blogger Indonesia…

READ MORE - Tampilan Baru 2

Auto Hide Pada Navbar Blogger

Sebelumnya saya pernah membuat suatu tutorial tentang menghapus Navbar pada Blogger, disana juga ada sebuah penjelasan tentang pelanggaran TOS blogger. Ya mungkin karena Navbar itu adalah hak cipta dan hak wajib pakai disetiap blog yang menggunakan domain blogspot, untuk mejelaskan bahwa blog tersebut berada dibawah domain / sub domain dari Blogger.

Baiklah, agar kita tidak melanggar undang-undang / TOS dari Blogger, untuk mensiasatinya adalah dengan membuat Auto Hide Navbar. Artinya, jika kita atau pengunjung mengarahkan mousenya ke area Navbar, maka Navbar tersebut akan muncul, begitu sebaliknya, jika Mouse keluar dari area Navbar, maka Navbar akan menghilang. Ya mungkin sejenis dengan Auto Hide Toolbar pada Windows.

Baiklah, tidak perlu panjang lebar lagi, karena pasti bosen dan saya juga capek nulis, hehhe.. langsung saja ke langkah-langkahnya :

  • Login Blogger
  • Masuk ke Tata Letak
  • Kemudian Ambil TAB Edit HTML
  • Cari kode Body {
  • Dan yang terakhir Letakkan kode berikut diatas kode Body { tersebut :

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

  • Save Template

SELAMAT MENCOBA and Happy BLOGGING..

READ MORE - Auto Hide Pada Navbar Blogger

Blog Nofollow dan Dofollow part 2

Beberapa hari yang lalu saya membuat sebuah artikel tentang penjelasan Blog Nofollow dan Dofollow, saya harap sobat dapat mengerti tentang penjelasan saya tersebut. Dan untuk kali ini, yang akan kita bahas adalah tentang kekurangan serta keuntungan dari atribut blog Nofollow dan Dofollow.

BLOG NOFOLLOW

Keuntungan :

  • Permainan SEO sangat memerlukan blog Nofollow
  • Meningkatkan PageRank (PR) blog
  • PR tinggi berarti akan semakin baik posisi blog di Search Engine
  • Bisa mendapatkan trafik tinggi dari Search Engine

Kekurangan :

  • Kita akan jarang mendapatkan komentar, karena kebanyakan hanya membaca artikel atau bahkan hanya sekedar berkunjung (disebut blogwalking)

BLOG DOFOLLOW

Keuntungan :

  • Trafik blog akan tinggi, karena kunjungan dari sobat-sobat yang memang mencari blog Dofollow (memanfaatkan backlink)
  • Tiap postingan yang kita buat, pasti akan mendapat komentar dari pengunjung
  • Akan lebih diakui keberadaan blog kita

Kekurangan :

  • Karena tiap pengunjung kemungkinan besar akan meninggalkan jejak komentar, maka tidak lepas dari yang namanya SPAM Comments
  • Dapat menurunkan PageRank blog
  • Tidak begitu puas akan komentar, karena kebanyakan pengunjung hanya menghargai atribut kita, bukan artikel yang kita buat

Oh ya, saya punya tips untuk para blogger dengan atribut blognya Dofollow, kalu bisa sih buat artikel yang memang bener-bener informasi penting dan merupakan informasi yang original dan banyak dicari sobat-sobat yang suka browsing, sehingga komentar yang ada selain mengejar backlink, mereka juga merasa terbantu dengan artikel yang dibuat.

1 Hal pesan saya, janganlah mengaku sebagai Blog Dofollow jika sobat menganut Nofollow.

READ MORE - Blog Nofollow dan Dofollow part 2
 
Home | About Me | Facebook | Twitter | Plurk | Contact Me

Copyright © 2009 Otong`s Blog
Designed by Templatemo
Converted to blogger by BloggerThemes.Net
Modify by : Otong

Usage Rights

DesignBlog BloggerTheme comes under a Creative Commons License.This template is free of charge to create a personal blog.You can make changes to the templates to suit your needs.But You must keep the footer links Intact.