Alternatif Penyimpanan Javascript

<div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirmbGCrxhsNpZZhhIWpeiiYntuUkyEtHA_qdQJLnxLIt8DNFHcP4LaOlKBAJVIIsOUMtKvZ-x1zGf7Y754WrgG0QGiHCtRqtC8jHn1fJK64qYtNifCUe5TRGObcTwETGLLIw_YsdLPIak/s1600-h/web+hosting.jpg"><img alt="web hosting" border="0" id="BLOGGER_PHOTO_ID_5360016808095923602" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirmbGCrxhsNpZZhhIWpeiiYntuUkyEtHA_qdQJLnxLIt8DNFHcP4LaOlKBAJVIIsOUMtKvZ-x1zGf7Y754WrgG0QGiHCtRqtC8jHn1fJK64qYtNifCUe5TRGObcTwETGLLIw_YsdLPIak/s200/web+hosting.jpg" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 55px;" /></a>Memang susah teman, setelah mendengar geocities dari Yahoo akan ditiadakan dan diganti dengan web hosting Yahoo yang berbayar $4.99 (dibulatkan jadi $5). Padahal mungkin masih banyak para blogger yang ingin memanfaatkan fasilitas web hosting secara gratis, "termasuk OB" (ha.. ha..). Walaupun ditinjau dari sudut layanannya, web hosting yang berbayar memberikan keuntungan lebih dibandingkan yang gratis. <span style="font-style: italic;">Trik blogger</span> kali ini, OB akan berbagi pengalaman tentang alternatif penyimpanan file-file baik itu berupa javascript, image, icon, dan sebagainya sehingga dapat dipergunakan dalam blog kamu. Nah, layanan web yang mendukung aktivitas blog disini selanjutnya akan OB sebut <span style="font-style: italic;">Blogger Stuff</span> dan salah satu layanan yang sangat mendukung aktivitas tersebut adalah web hosting.</div><a name='more'></a><br /><br /><div style="text-align: justify;">Seperti yang telah kita ketahui bersama, bahwa banyak sekali web hosting yang menyediakan layanan gratis. Jadi kamu tinggal pilih hosting mana yang sesuai dengan kebutuhan kamu dan dalam kesempatan kali ini juga, OB akan berbagi mengenai salah satu web hosting yang cukup dikenal oleh khalayak yaitu 000webhost.com. Tanpa panjang lebar lagi berikut langkah-langkah untuk melakukan upload file di 000webhost.com :<br /><br /></div><ul style="text-align: justify;"><li>Silakan sign up dulu di <a href="http://www.000webhost.com/" target="_blank">http://www.000webhost.com</a>.</li><br /><li>Ketika sign up perlu diingat, jika kamu belum memiliki nama domain sendiri, lakukan penambahan domain gratis dari 000webhost, seperti yang diperlihatkan dalam gambar di bawah ini (perhatikan panah orange).</li><br /></ul><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUZ3vSdgLlhzc3oZbFCIfqHQniXuryx9j1iKFLEEISRgy2N-Q7h0FkRlrWoBCOxnADfruC23Nbd2Q8R8s_u-6hccL7aIda8jycEjZE_5Dl2Zt-gxCfFEl131Xu1Gnbu9RFRhBB5TwwIGI/s1600-h/signup+000.jpg"><img alt="web hosting" border="0" id="BLOGGER_PHOTO_ID_5360017328024094114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUZ3vSdgLlhzc3oZbFCIfqHQniXuryx9j1iKFLEEISRgy2N-Q7h0FkRlrWoBCOxnADfruC23Nbd2Q8R8s_u-6hccL7aIda8jycEjZE_5Dl2Zt-gxCfFEl131Xu1Gnbu9RFRhBB5TwwIGI/s320/signup+000.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 206px;" /></a><br /><br /><div style="text-align: justify;"><ul><li>Sebelum domain kamu dapat dideteksi oleh 000webhost, maka kamu perlu men-download ip_confirm.exe sesuai dengan petunjuk dari 000webhost. Dan perlu diperhatikan jika kamu mendowload ip_confirm.exe sebaiknya menggunakan download manager default bawaan browser kamu.</li><br /><li>Kemudian klik aplikasi tersebut dan kamu akan diberikan semacam pin konfirmasi. Masukkan pin (6 digit nomor) tersebut dalam halaman konfirmasi yang muncul saat kamu selesai melakukan sign up.</li><br /><li>Tunggu konfirmasi melalui email kamu, selanjutnya klik link yang dikirimkan oleh 000webhost untuk masuk ke dalam member area.</li><br /><li>Login dengan email dan password kamu.</li><br /><li>Pilih domain kamu dalam dropdown menu pada "Manage another domain" (panah orange) --> Klik Go.</li><br /></ul></div><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU6inuRYNfwSHrDJve44xK3H7Hx9nTwHh6IzNrnbaWf9xAYTSVyF8i1PAoixRUi9ekJR9FT-0wYtf0fuMxuRIDszzL68R9krx8QOV2HWmZrwCgLkdA_YLv6Y0x7fO-vHU1e_WmO8OyWqg/s1600-h/domain+000.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5360018657948922994" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU6inuRYNfwSHrDJve44xK3H7Hx9nTwHh6IzNrnbaWf9xAYTSVyF8i1PAoixRUi9ekJR9FT-0wYtf0fuMxuRIDszzL68R9krx8QOV2HWmZrwCgLkdA_YLv6Y0x7fO-vHU1e_WmO8OyWqg/s320/domain+000.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 250px;" /></a><br /><br /><ul style="text-align: justify;"><li>Dalam kumpulan icon menu klik "File Manager" dan masukkan kembali password (hanya password).</li><br /><li>Sekarang kamu sudah bisa melakukan upload file, baik berupa script atau image di web hosting 000webhost.</li><br /></ul>Catatan:<br /><br /><div style="text-align: justify;">Usahakan file yang di upload diletakkan dalam directory "public_html".<br /><br /></div><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ObQfTnro5FNetzgvcq9IyvZU6eK1RQsRbo9oRf9q8wz2p6GGJgOVNCjFKIutVOPdjbIXm4aOAt01_MS3Ps0PWQIGpmjU6Tqb-5pMgyzxT69XxAyOZpaZhlV1wOCGO7zvzo1byHRR8q8/s1600-h/File+000.jpg"><img alt="web hosting" border="0" id="BLOGGER_PHOTO_ID_5360019132024218370" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ObQfTnro5FNetzgvcq9IyvZU6eK1RQsRbo9oRf9q8wz2p6GGJgOVNCjFKIutVOPdjbIXm4aOAt01_MS3Ps0PWQIGpmjU6Tqb-5pMgyzxT69XxAyOZpaZhlV1wOCGO7zvzo1byHRR8q8/s200/File+000.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 200px; height: 86px;" /></a><br /><br /><div style="text-align: justify;">Setelah selesai melakukan upload, tentunya kamu harus mengetahui link lokasi file tersebut. Caranya cukup sederhana, yaitu masih di halaman file manager, klik "Open" (dalam file yang akan kamu gunakan) pada kolom "Actions". Nah, link lokasinya dapat kamu lihat dalam web address browser kamu.<br /><br /></div><br /><br />Selamat menyimpan file di web hosting 000webhost.com...<br /><br /><br />

Posted by Hii Sekai

Trik Merubah Tampilan Google Translate

<div style="text-align: justify;">Beberapa saat yang lalu kita dikejutkan dengan meledaknya bom di dua hotel berbintang lima Jakarta, sehingga Ibukota Republik <span style="font-weight: bold;">Indonesia</span> tersebut dalam kondisi "Siaga I". Terlebih lagi urungnya pasukan Manchester United berlaga dengan tim sepakbola <span style="font-weight: bold;">Indonesia</span> menambah rentetan kelabu kalender bulan Juli 2009 Negara kita tercinta ini. Dan merupakan hal yang patut, jika kita pun turut berbelasungkawa atas musibah tersebut.<br /><br /></div><br /><br /><div style="text-align: justify;">Terlepas dari itu semua, OB tetap setia belajar bersama teman-teman untuk sekedar mereview satu atau dua buah <span style="font-style: italic;">trik blogger</span>. Nah, <span style="font-style: italic;">trik</span> kali ini kita akan membuat tampilan google translate agar tampil beda (kemungkinannya lagi, loading <span style="font-style: italic;">widget atau gadget</span> google translate ini agak ringan). Demonya dapat kamu lihat di sidebar kanan posting ini. Yuk, langsung kita kupas triknya.</div><a name='more'></a><br /><br />Berikut trik blogger merubah tampilan google translate :<br /><br /><ul><li>Login ke account blogger kamu.</li><br /><li>Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".</li><br /></ul><div style="text-align: justify;">Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.<br /><br /></div><ul><li>Cari Kode kode <span style=";font-family:courier new;font-size:85%;" >]]></b:skin></span> dan Copy-Paste (copas) kode berikut di atasnya.</li><br /></ul><span style=";font-family:courier new;font-size:85%;" ></span><blockquote><span style=";font-family:courier new;font-size:85%;" >.other-language {<br /><br />font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;<br /><br />color: #758D38;<br /><br />width : 110px;<br /><br />background: #FFFFCC;<br /><br />}</span></blockquote><br /><br /><div style="text-align: justify;">Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.<br /><br /></div><ul><li>Simpan dulu template blog kamu.</li><br /><li>Pilih tab Tata Letak --> Elemen Halaman.</li><br /><li>Tambah Gadget dalam elemen blog kamu --> "Tambahkan Gadget", pilih HTML/JavaScript.</li><br /><li>Copy dan pastekan kode di bawah ini.</li><br /></ul><span style=";font-family:courier new;font-size:85%;" ></span><blockquote><span style=";font-family:courier new;font-size:85%;" ><small>Choose : </small><br /><br /><select onchange="if (this.value!='') window.open(this.value,'_blank')" class="other-language"><br /><br /><option selected value="0"/> Other Language<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=sq&u=http%3A%2F%2F<span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span>%2F"/> Albanian<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=ar&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Arabic<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=bg&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Bulgarian<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=ca&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Catalan<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=zh-CN&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Chinese (Simplified)<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=zh-TW&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Chinese (Traditional)<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=hr&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Croatian<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=cs&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Czech<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=da&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Danish<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=nl&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Dutch<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=en&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> English<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=et&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Estonian<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=tl&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Filipino<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=fi&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Finnish<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=fr&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> French<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=de&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> German<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=el&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Greek<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=gl&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Galician<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=iw&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Hebrew<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=hi&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Hindi<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=hu&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Hungarian<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=it&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Italian<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=ja&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Japanese<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=ko&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Korean<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=lv&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Latvia<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=lt&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Lithuanian<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=mt&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Maltese<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=no&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Norwegian<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=fa&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Persian<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=pl&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Polish<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=pt&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Portuguese<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=ro&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Romanian<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=ru&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Russian<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=sr&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Serbian<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=sk&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Slovak<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=sl&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Slovenian<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=es&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Spanish<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=sv&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Swedish<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=th&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Thai<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=tr&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Turkish<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=uk&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Ukrainian<br /><br /><option value="http://translate.google.com/translate?hl=en&sl=id&tl=vi&u=http%3A%2F%2F</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 153, 0); font-weight: bold;">optimasi-blog.blogspot.com</span></span><span style=";font-family:courier new;font-size:85%;" >%2F"/> Vietnamese<br /><br /><!-- Please Don't Change or Remove This Code --><br /><br /><option value="http://optimasi-blog.blogspot.com"/>- Optimasi Blog -<br /><br /><!-- Thanks for Your Attention --><br /><br /></select><br /><br /><span style="color: rgb(255, 0, 0); font-weight: bold;"><small><div style="text-align:right;">by <a href="http://translate.google.com" target="_blank">Google Translate</a></div></small></span></span></blockquote><br /><br />Catatan:<br /><br /><div style="text-align: justify;"><ol><li>Ganti kode yang berwarna hijau dengan alamat blog kamu.<br /><br /></li><br /><li>Pilihan translate bahasa dapat kamu kurangi dengan menghapus beberapa pilihan yang kamu kehendaki, ex: ingin menghapus bahasa albania, maka kode yang dihapus adalah <span style=";font-family:courier new;font-size:85%;" ><option value="http://translate.google.com/translate?hl=en&sl=id&tl=sq&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Albanian</span>.</li><br /><li>Mohon untuk kode yang diberi title "Please Don't Change or Remove This Code" sampai dengan "Thanks for Your Attention" jangan dihapus.</li><br /><li>Pastikan kamu tidak menghapus link "Google Translate" yang ditunjukkan dengan warna merah.</li><br /></ol></div><ul><li>Lihat Blog.</li><br /></ul><p>Selamat merubah tampilan google translate...</p>

Posted by Hii Sekai

Membuat Kotak Banner

<div style="text-align: justify;">Kotak banner berfungsi untuk menyisipkan image iklan yang akan ditampilkan dalam blog. Adapun bentuk banner bermacam-macam ukurannya, khusus dalam <span style="font-style: italic;">trik blogger</span> ini kita akan mencoba menyisipkan image iklan yang berukuran 125 x 125. Disamping itu area banner dapat pula menjadi ajang promosi, entah itu <span style="font-style: italic;">promosi blog</span> kamu yang lain atau blog orang lain yang diwakilkan dalam bentuk banner. Demo banner dapat kamu lihat di widget Pesan Sponsor <a style="font-weight: bold;" href="http://optimasi-blog.blogspot.com/">Optimasi Blog</a> (sidebar bottom sebelah kanan). Apabila kamu tertarik ingin mengaplikasikannya dalam blog kamu, mari kita mulai<span style="font-style: italic;"> trik blogger</span> membuat kotak banner.</div><a name='more'></a><br /><br /><ul><li>Login dulu ke account blogger kamu.</li><br /><li>Pilih tab Tata Letak --> Edit HTML.</li><br /></ul><div style="text-align: justify;">Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.<br /><br /></div><ul><li>Tambahkan kode CSS berikut di atas kode ]]></b:skin></li><br /></ul><br /><br /><span style=";font-family:courier new;font-size:85%;" ></span><blockquote><span style=";font-family:courier new;font-size:85%;" >/* Kotak Banner<br /><br />===================== */<br /><br />#Box-Banner-ads {<br /><br />margin: 0px;<br /><br />padding: 5px;<br /><br />text-align: center; }<br /><br /><br /><br />#Box-Banner-ads img {<br /><br />margin: 0px 8px 4px 0px;<br /><br />padding: 3px;<br /><br />text-align: center;<br /><br />border: 3px outset #c0c0c0; }<br /><br /><br /><br />#Box-Banner-ads img:hover {<br /><br />margin: 0px 8px 4px 0px;<br /><br />padding: 3px;<br /><br />text-align: center;<br /><br />border: 3px inset #333; }</span> </blockquote><br /><br /><div style="text-align: justify;">Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.<br /><br /></div><ul><li>Simpan dulu template blog kamu.</li><br /><li>Pilih tab Tata Letak --> Elemen Halaman.</li><br /><li>Tambah Gadget dalam elemen blog kamu --> "Tambahkan Gadget", pilih HTML/JavaScript.</li><br /><li>Copy dan pastekan kode di bawah ini.</li><br /></ul><span style=";font-family:courier new;font-size:85%;" ></span><blockquote><span style=";font-family:courier new;font-size:85%;" ><div id="Box-Banner-ads"><br /><br /><br /><br /><a target="_blank" href="http://<span style="color: rgb(255, 0, 0); font-weight: bold;">#</span>"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a><br /><br /><br /><br /><a target="_blank" href="http://<span style="color: rgb(255, 0, 0); font-weight: bold;">#</span>"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a><br /><br /><br /><br /></div></span></blockquote><br /><br />Catatan :<br /><br />Ganti kode yang berwarna merah dengan alamat blog kamu.<br /><br /><ul><li>Lihat Blog.</li><br /></ul>Contoh cara memasang banner dalam kotak banner :<br /><br /><blockquote style="font-family:courier new;"><span style="font-size:85%;"><div id="Box-Banner-ads"><br /><br /><br /><br /><span style="color: rgb(0, 153, 0); font-weight: bold;"><a href="http://dmoz.org/" target="_blank"><img border="0" alt="Open Directory Project at dmoz.org" width="125" src="http://dmoz.org/user-banners/125x125birt.gif" height="125"/></a> <</span><br /><br /><br /><br /><a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a><br /><br /><br /><br /></div></span></blockquote><br /><br />Catatan :<br /><br /><div style="text-align: justify;">Perhatikan kode yang berwarna hijau yang merupakan contoh memasukkan banner dalam salah satu kotak banner.<br /><br /></div><br /><br /><p>Selamat membuat kotak banner...</p>

Posted by Hii Sekai

Dasar Pembuatan Menu Horizontal

<p>Diposting ini OB akan sedikit berbagi dengan teman-teman tentang bagaimana <a href="http://optimasi-blog.blogspot.com/2009/05/membuat-menu-horizontal.html">membuat menu horizontal menggunakan CSS</a>. Mengapa <span style="font-style: italic;">trik blogger</span> ini OB angkat kembali? Karena banyak minat para blogger mania untuk menghiasi blognya dengan menu-horizontal sesuai dengan keinginan dan karakter blognya masing-masing. Ketika kamu blog walking tentu banyak sekali bertemu <span style="font-style: italic;">trik</span> membuat menu horizontal dengan sistem <span style="font-style: italic;">kode</span> yang berbeda pula, dan sangat dimungkinkan pula kode yang akan OB tampilkan berbeda dengan lainnya (atau bisa pula sama). Nah, agar tak titik air ludah karena membaca paragraf pembuka. Yuk, kita bedah triknya.</p><p>Kode CSS (<em>Cascading Style Sheets</em> adalah sebagai berikut :</p><br /><pre><code>#menu-navigation {<br />border-bottom: 1px solid #e3e3e3;<br />border-top: 1px solid #e3e3e3;<br />clear: both;<br />display: block;<br />float: left;<br />margin: 0 auto;<br />width: 100%;<br />}<br />#menu-navigation ul {<br />list-style: none;<br />margin-bottom: 0;<br />padding: 0 15px;<br />}<br />#menu-navigation li {<br />float: left;<br />position: relative;<br />}<br />#menu-navigation li.alignright {<br />float: right;<br />margin: 0;<br />}<br />#menu-navigation a {<br />color: #666;<br />display: block;<br />line-height: 3.1428em;<br />padding: 0 1.5714em;<br />text-decoration: none;<br />}<br />#menu-navigation ul ul {<br />-moz-box-shadow: 0 3px 3px rgba(0,0,0,.2);<br />-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);<br />box-shadow: 0 3px 3px rgba(0,0,0,.2);<br />display: none;<br />float: left;<br />margin: 0;<br />padding: 0;<br />position: absolute;<br />top: 3.1428em;<br />left: 0;<br />z-index: 99999;<br />}<br />#menu-navigation ul ul ul {<br />left: 100%;<br />top: 0;<br />}<br />#menu-navigation ul ul a {<br />background: #f9f9f9;<br />border-bottom: 1px dotted #ddd;<br />font-weight: normal;<br />height: auto;<br />line-height: 1.5714em;<br />padding: .39285em .39285em .39285em 1.5714em;<br />width: 152px;<br />}<br />#menu-navigation ul li:hover > ul {<br />display: block;<br />}<br />#menu-navigation li:hover > a,<br />#menu-navigation ul ul :hover > a,<br />#menu-navigation a:focus,<br />#menu-navigation <span style="color:purple;">.selected</span> > a {<br />background-color: #f5f5f5;<br />color: #111;<br />}</code></pre><p><code>.selected</code> digunakan untuk mengindikasikan jika URL halaman blog sama dengan URL pada menu navigasi, maka berlaku pengkodean <code>.selected</code>. Sedangkan untuk HTML (<em>HyperText Markup Language</em>) adalah sebagai berikut:</p><pre><code><nav id="menu-navigation"><br /> <ul><br /> <li><a href="<span style="color:red;">#</span>"><span style="color:green;">Beranda</span></a></li><br /> <li><a href="<span style="color:red;">#</span>"></a><span style="color:green;">Tentang</span></li><br /> <li><a href="<span style="color:red;">#</span>"></a><span style="color:green;">Sitemap</span></li><br /> <li><a href="<span style="color:red;">#</span>"></a><span style="color:green;">Kontak</span></li><br /> </ul><br /></nav></code></pre><p>Dengan menggunakan HTML di atas, berarti kita meniadakan fungsi <code>.selected</code>. Pada kasus Blogger.com fungsi <code>.selected</code> dapat diakomodasi dengan menambahkan tag kondisional tiap menu, contoh untuk beranda (<em>home</em>):</p><pre><code> <b:if cond='data:blog.url != data:blog.homepageUrl'><br /> <li><a expr:href='data:blog.homepageUrl'>Beranda</a></li><br /> <b:else/><br /> <li class='<span style="color:purple;">selected</span>'><a expr:href='data:blog.homepageUrl'>Beranda</a></li><br /> </b:if></code></pre><p>Sedangkan pada menu lain dapat disimak pada kode di bawah ini.</p><pre><code> <b:if cond='data:blog.url != "<span style="color:red;">#</span>"'><br /> <li><a href='<span style="color:red;">#</span>'>Tentang</a></li><br /> <b:else/><br /> <li class='<span style="color:purple;">selected</span>'><a href='<span style="color:red;">#</span>'>Tentang</a></li><br /> </b:if></code></pre><p>Dimana URL (<em>Uniform Resource Locator</em>) pada kode yang berwarna merah adalah sama, contoh: h**p://namablog.blogspot.com/p/tentang.html. Selanjutnya dengan pengkodean CSS di atas, kita dapat pula membuat menu navigasinya menjadi lebih kompleks (<em>drop down</em>)</p><pre><code> <li><a href='<span style="color:red;">#</span>'>Drop Down</a><br /> <ul class='submenu'><br /> <li><a href='<span style="color:blue;">#</span>'>Item1.1</a></li><br /> <li><a href='<span style="color:blue;">#</span>'>Item1.2</a></li><br /> <li><a href='<span style="color:red;">#</span>'>Item1.3</a><br /> <ul><br /> <li><a href='<span style="color:blue;">#</span>'>Item3.1</a></li><br /> <li><a href='<span style="color:blue;">#</span>'>Item3.2</a></li><br /> <li><a href='<span style="color:blue;">#</span>'>Item3.3</a></li><br /> </ul><br /> </li><br /> </ul><br /> </li></code></pre><p>Lho…, dimana tag kondisionalnya. Jika dalam menu berlaku <em>drop down</em>, maka tag kondisional tidak berlaku. Oleh karena masing-masing URL (warna biru) akan diisi dengan berbeda, sedangkan URL yang diberi warna merah tidak perlu dimasukkan — biarkan seperti itu — karena berfungsi sebagai alat bantu. Sekarang kamu pasti sudah bisa membuat menu horizontal sesuai keinginan dan kebutuhan di dalam blog kamu...</p>

Posted by Hii Sekai

Hadiahkan Alexa Ranking untuk Blog Kamu

<p><img alt="Alexa rank" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcrUzTxDCju_IMuM9LKscSROO0FjDKr3iElwCX88bFbfUxqQDaCXGeX5vdKuNUwwps4TMxHejcVz8WhCvVfHHvhUTcY5U0KcxkNFWoUvZLOWw60uxdN_JU4BE0Cy6g5y__fX1ZrIsxaqY/s320/logotrafficRankings.gif" style="margin: 0pt 0pt 10px 10px; float: right; width: 200px; height: 52px;" title="Alexa rank"/> <a href="http://alexa.com/">AlexaRank</a> adalah ukuran kepopuleran suatu Website dengan membandingkan suatu situs dengan semua situs yang berada di jaringan Internet. Perhitungan <span style="font-weight: bold;">Alexa rank</span> ini dengan cara<a name='more'></a> mengkombinasikan rata-rata <em>visitor</em> suatu situs perhari dan jumlah jumlah halaman suatu website yang dibuka oleh visitor. Suatu website yang berada di tingkat alexa tertinggi mempunyai <span style="font-weight: bold;">Alexa Rank</span> 1 jadi dalam artian semakin kecil berarti semakin bagus Alexa <span style="font-style: italic;">ranking</span> nya. Dengan kata lain urutan <span style="font-style: italic;">alexa ranking</span> kebalikan dari <a href="http://optimasi-blog.blogspot.com/2009/07/sekelumit-tentang-pagerank-blog.html"><span style="font-weight: bold;">pagerank</span></a>.</p><p>Kegunaan <span style="font-weight: bold;">Alexa rank</span> tidak terlalu jauh berbeda dengan <a href="http://optimasi-blog.blogspot.com/2009/07/sekelumit-tentang-pagerank-blog.html"><span style="font-style: italic;">pagerank</span></a>, yakni lebih ditujukan kepada para pebisnis online yang ingin mengumpulkan rezeki via internet. Karena tempat-tempat mencari uang di internet seperti Teks Link ads, Sponsored Review, ReviewMe, ask2link serta web-web penghasil uang lainnya menjadikan alexa rank sebagai salah satu tolok ukur. Semakin bagus <span style="font-style: italic;">alexa rank</span> yang kamu dapatkan, maka akan semakin baik pula blog kamu di mata para pemasang iklan atau adverstiser yang mau memasang iklannya, artinya rupiah akan semakin mudah untuk masuk ke kantong kamu.</p><p>Adapun cara menyematkan Alexa rank <span style="font-style: italic;">blog</span> kamu hampir serupa dengan cara mendapatkan pagerank dengan tambahannya adalah sebagai berikut :</p><ol><li>Buatlah postingan tentang <span style="font-style: italic;">Alexa Ranking</span>.</li><br /><li>Download plugin (add-on) Alexa untuk web browser kamu atau dikenal dengan sebutan "<a href="http://www.alexa.com/toolbar"><span style="font-weight: bold;">Sparky</span></a>" di <a href="http://www.alexa.com/toolbar">http://www.alexa.com/toolbar</a>. Hal ini untuk memudahkan <span style="font-weight: bold;">Alexa.com</span> untuk mendeteksi keberadaan blog kamu serta trafik yang terjadi.</li><br /><li>Masukkan pula widget Alexa Rank dalam blog kamu, dengan cara seperti di bawah ini. <ul style="margin-top:1.5em;"><li>Silakan kunjungi site <a href="http://alexa.com/">Alexa.com</a>.</li><br /><li>Di sebelah kanan, klik banner "Update Your Website Info".</li><br /><li>Klik menu "Site Widgets", kemudian pilih bentuk widget yang akan ditampilkan (umumnya widget yang kedua).</li><br /><li>Masukkan alamat lengkap blog kamu dan klik "Build Widget".</li><br /><li>Nah, sekarang akan muncul 3 script kembali. Silakan pilih script mana yang akan kamu pasang dalam blog kamu.</li><br /></ul></li><br /></ol><p>Update:</p><p>Cara di atas bukan untuk meningkatkan Alexa <em>rank</em>, namun setidak-tidaknya sebagai upaya kita agar blog lebih mendapat perhatian dari Alexa <em>rank</em>. Sedangkan untuk mendapatkan script widget Alexa, Anda harus terlebih dulu terdaftar sebagai member. Kemudian cari/klik menu “Site Tools” pada menu <a href="http://optimasi-blog.blogspot.com/2005/07/dasar-pembuatan-menu-horizontal.html">navigasi horizontal</a> atau di bagian bawah (<code>footer</code>) atau bagian lain, yang bertuliskan “Alexa Tool for Site Owners” (<em>Edit your site listing</em>). Kemudian masukkan alamat blog Anda <span class="amp">&</span> ikuti langkah-langkah selanjutnya, sampai Anda mendapatkan kode script.</p><p style="text-align:center; margin-bottom:0.75em;"><a href="http://www.alexa.com/siteinfo/optimasi-blog.blogspot.com"><script type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/s/c?url=optimasi-blog.blogspot.com'></SCRIPT></A></p><p style="font-size:0.875em; font-style:italic; text-align:center;">These rankings are valued for an <a href="http://optimasi-blog.blogspot.com">Optimasi-Blog</a> by <strong>Alexa</strong>.</p>

Posted by Hii Sekai

Sekelumit Tentang Pagerank Blog

<h3>Apa itu pagerank?</h3><p>Pagerank Blog merupakan standar algoritma yang berguna untuk menilai kepopuleran suatu blog. <strong>PageRank</strong> merupakan<a name="more"></a> salah satu fitur utama mesin pencari Google yang dihitung dengan skala 1-10 (<a href="http://id.wikipedia.org/wiki/PageRank">wikipedia.org</a>). Blog kamu akan semakin populer jika semakin banyak web/blog lain yang meletakan link dan mengarah ke blog kamu tersebut, dengan kata lain postingan di blog kamu lebih populer dibandingkan dengan blog lain.</p>

Posted by Hii Sekai