Thursday, May 29, 2008

ScribeFire

[ Baca Selengkapnya... ]|[ Banyak Respons: 0 ]|[ Beri Komentar ]

Ditulis oleh Ocu Kampau pada 8:03:00 PM

Sunday, December 16, 2007

Arsip Bahan-Bahan Kuliah Sistem Operasi

Berhubung 3 buah harddisk saya terbakar, terpaksa beberapa dokumen yang masih bersisa saya coba publish. Diantara dokumen yang masih tersisa itu ada bahan-bahan sewaktu mengajar di D3 Komputer dan Sistem Informasi Universitas Riau.

Berikut linknya:

[SO]Hasil Analisis Instruksional
http://docs.google.com/Doc?id=ddpg9wm4_13dr6v9bf3

btw, masih banyak lagi dokumennya ... tapi ... males copy paste atu atu ke sini ...
kok ngga ada batch publishnya ya?

[ Baca Selengkapnya... ]|[ Banyak Respons: 0 ]|[ Beri Komentar ]

Ditulis oleh Ocu Kampau pada 10:28:00 PM

Thursday, January 25, 2007

[css] Menghilangkan navbar

css code untuk menghilangkan navbar (bagi yang merasa terganggu dengan navbarnya blogger)

/* versi baru yang ini: */
.ms > iframe {display: none !important;}


versi yang lama:

body #b-navbar { display: none !important; }


btw, sepertinya IE gw ngga mengenali .ms > iframe, jadi gw tambahin sebuah script javascript


<script type="text/javascript">
//navbar hack
//IE hack yang tidak mau menghilangkan .ms > iframe
window.onload = function(){document.getElementById('navbar-iframe').style.display='none';}
</script>


btw lagi, sepertinya karena kita dah dapat ID dari navbarnya, seharusnya sih kalau menggunakan css ini sih jalan (tapi gw blon test, silahkan test sendiri)

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

[ Baca Selengkapnya... ]|[ Banyak Respons: 0 ]|[ Beri Komentar ]

Ditulis oleh Ocu Kampau pada 7:52:00 AM

Monday, January 22, 2007

[JavaScript] Cara menginstall Lightbox JS v2.0 di blogger

Mungkin ada yang bertanya bagaimana cara memasangkan Lightbox JS v2.0 di blogspot (blogger.com). Demonya, dapat Anda lihat pada postingan saya yang satu ini:

http://ocu-kampau.blogspot.com/2006/10/test-gallery-menggunakan-lightbox-js.html

Cara menginstallnya:

*** CARA PANJANG DAN BERBELIT-BELIT, TAPI BAGUS JIKA ANDA INGIN TAHU BANYAK ***

[DOWNLOAD]
Download dulu Lightbox-JS v2.0 di sini:
http://www.huddletogether.com/projects/lightbox2/

download versi ZIPnya
http://www.huddletogether.com/projects/lightbox2/lightbox2.02.zip

Jika telah selesai di download, extract (unzip) file tersebut, lalu upload ke server Anda.

Jika Anda malas download dan mengupload lagi, Anda dapat menggunakan file yang telah saya upload ke akun saya yang di http://sg.geocities.com/jazma101/
Tapi, saya menyarankan Anda menguploadnya ke server Anda sendiri atau kalau Anda punya akun yahoo (geocities), silahkan upload juga ke akun Anda. Geocities membatasi bandwidth untuk sebuah akun perharinya. Saya takut nanti b/w nya bisa exceeded


[Settings]
Sebelum Upload, Jika Anda uploadnya ke geocities Anda, jangan lupa untuk mengubah file lightbox.js, lihat pada baris 62 dan 63, ubah file gambarnya hingga mengarah ke file gambar yang Anda upload

Tampilan file lightbox.js yang dibuka dengan texteditor.

awalnya tertulis

var fileLoadingImage = "images/loading.gif";
var fileBottomNavCloseImage = "images/closelabel.gif";

ubah menjadi

var fileLoadingImage = "http://sg.geocities.com/jazma101/images/loading.gif";
var fileBottomNavCloseImage = "http://sg.geocities.com/jazma101/images/closelabel.gif";

yang saya tebalkan adalah jika Anda mengupload semua imagenya ke http://sg.geocities.com/jazma101/images. Kalau Anda menguploadnya ke server Anda, sesuaikan dengan path gambar tersebut.


[Settings Blogger / Blogspot Anda agar bisa menggunakan Lightbox JS v2.0]

Untuk dapat menggunakan lightbox, Anda harus memodifikasi template Anda.
Caranya:

login ke akun anda di Blogger, ubah template Anda dengan menambahkan 4 baris berikut:

<link rel="stylesheet" href="http://sg.geocities.com/jazma101/css/lightbox.css" type="text/css" media="screen" />
<script src="http://sg.geocities.com/jazma101/js/prototype.js" type="text/javascript"></script>
<script src="http://sg.geocities.com/jazma101/js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="http://sg.geocities.com/jazma101/js/lightbox.js" type="text/javascript"></script>


Tampilan baris yang harus dimasukkan ke template blog Anda.

Jangan lupa mengubah pathnya ke tempat Anda menguploadnya. Tapi, kalau malas, Anda dapat langsung copy paste 4 baris diatas, tempelkan ke bagian HEAD template Anda.
Bagian Head adalah bagian setelah <HEAD> dan sebelum </HEAD> pada kode HTMLnya



*** CARA GAMPANG ***

cukup copy 4 baris di atas, lalu tempelkan ke template anda di Blogger, lalu langsung coba post dengan upload sebuah gambar.


----
Cara posting gambar dengan Lightbox JS:

Upload image seperti biasa, dengan mengklik tombol Add Image, lalu upload image Anda.
Nanti, Anda akan mendapatkan kode HTML mirip seperti ini:


<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp3.blogger.com/_P6W_SkjpSTQ/RbQiq8o-9PI/AAAAAAAAAAU/whdT11BoVC8/s1600-h/lightbox_02.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://bp3.blogger.com/_P6W_SkjpSTQ/RbQiq8o-9PI/AAAAAAAAAAU/whdT11BoVC8/s320/lightbox_02.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5022677605652821234" /></a>

yang Anda harus lakukan adalah dengan menambahkan REL dan TITLE pada tag <a Anda tersebut. Misalnya seperti ini:

<a rel="lightbox[shollu]" title="Sholat dapat dilakukan dimana saja dan kapan saja. Tekan N untuk ke gambar berikutnya, X untuk keluar!"

rel="lightbox" merupakan kata yang MESTI ANDA TAMBAHKAN, dan JANGAN DIUBAH.
Javascriptnya menggunakan kata kunci ini untuk menampilkan animasi. Anda dapat mengubah TITLE yang nantinya merupakan caption dari gambar yang akan ditayangkan. Jika foto Anda lebih dari satu, Anda dapat mengelompokkannya menjadi suatu gallery/group. Caranya adalah dengan memberikan rel="lightbox[nama_gallery]". Nama gallery haruslah didalam kurung siku square bracket ([]).

Anda dapat menambahkan box [Group] untuk membuat sebuah gambar terhubung pada sebuah gallery (group) yang sama, misalnya Anda punya 2 atau lebih gambar, Anda dapat membuatnya

<a rel="lightbox[pacargue]" title="poto gw ama yayang gw 1" ...><img ...

dan pada foto kedua

< rel="lightbox[pacargue] title="poto gw ama yayang gw lagi"

hal ini akan membuat foto Anda akan seperti gallery yang bisa di lihat sikuens gambar berikutnya (NEXT) dan gambar sebelumnya PREVIOUS.

selamat mencoba ... semoga berhasil :))
~kalau ada masalah, silahkan YM gw di jazma101,
~tapi gw jarang online :))

UPDATE: 2007 Jan 22 02:11 PM
Sepertinya jika Anda mengupload image di blogger, imagenya kepanjangan nama / pathnya, sehingga sepertinya javascriptnya bermasalah tuh ...
Jika Anda mengupload gambar di flickr, sepertinya bisa jalan ...

[ Baca Selengkapnya... ]|[ Banyak Respons: 2 ]|[ Beri Komentar ]

Ditulis oleh Ocu Kampau pada 9:02:00 AM

Monday, October 09, 2006

[curhat ngga mutu] Daftar akun di PicasaWeb

URL: http://picasaweb.google.com/kampar

helah .. kaga mutu:
http://picasaweb.google.com/kampar

Labels:

[ Baca Selengkapnya... ]|[ Banyak Respons: 0 ]|[ Beri Komentar ]

Ditulis oleh Ocu Kampau pada 11:56:00 AM

Sunday, October 08, 2006

Test Gallery menggunakan Lightbox JS






Lagi nyobain pake Lightbox JS v2.0, nih

[ Baca Selengkapnya... ]|[ Banyak Respons: 0 ]|[ Beri Komentar ]

Ditulis oleh Ocu Kampau pada 3:34:00 PM

Wednesday, October 04, 2006

It's simple: minima

bosan dengan javascript yang kelap kelip,
akhirnya: minimalis ajah :D

[ Baca Selengkapnya... ]|[ Banyak Respons: 2 ]|[ Beri Komentar ]

Ditulis oleh Ocu Kampau pada 6:54:00 AM

Tuesday, February 28, 2006

Join id-gmail lagi

setelah setahun lebih (?) ngga ikutan id-gmail, akhirnya saya putuskan untuk join lagi dengan resiko mungkin space email gw di gmail bakalan cepat penuh dan ikut-ikutan say hi ke ROY™ dan bilang BASBANG ke semua orang ...

hehehe ...

seperti biasa, email dari id-gmail difilter langsung ke trash, biar ngga perlu lagi dua kali deletenya. hmm, tapi gmail sekarang udah ngga kaya dulu lagi yang SUX™ dalam urusan tong sampah.

~hm apa lagi yak ?
ya udah ... segini duluw ... dah belasan imel nih :D

[ Baca Selengkapnya... ]|[ Banyak Respons: 0 ]|[ Beri Komentar ]

Ditulis oleh Ocu Kampau pada 11:18:00 AM

Test Post Pake CURL

ini lagi nyobain bikin sekerip PHP sederhana untuk posting blog pake CURL

mana di sini harus pake PROXY lagi ...

hehehe ...

curl_setopt($ch, CURLOPT_PROXY, "152.118.24.10:8080");

curl_setopt($ch, CURLOPT_USERAGENT, "Ocu Kampau Robot v 0.0.1 Beta Version ... Hi This User Agent is too long!");

hehehe

[ Baca Selengkapnya... ]|[ Banyak Respons: 1 ]|[ Beri Komentar ]

Ditulis oleh Ocu Kampau pada 12:10:00 AM

Monday, February 27, 2006

Test Pake Semagic

Lagi nyobain Semagic nich... bisa gag ya?

Wah .. jadi enak nih kalo bisa ...
Sepertinya sih .... bisa-bisa saja ... hehehe ... oh iya .. kalau kamu pake blogspot, setting servernya www.blogger.com/atom, (ingat! https atawa SSL itu portnya 443 yak... pake ATOM, lalu login dengan username dan password kamu ...

wah ... enak banget .. hehehe ... kayanya ada macronya nih ... jadi pengen oprek-oprek ..


cie cie cie ...

[ Baca Selengkapnya... ]|[ Banyak Respons: 0 ]|[ Beri Komentar ]

Ditulis oleh Ocu Kampau pada 10:41:00 PM