Thursday, May 29, 2008
ScribeFire
[
Baca Selengkapnya... ]|[ Banyak Respons: 0 ]|[ Beri Komentar ]
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?
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 ]
Thursday, January 25, 2007
[css] Menghilangkan navbar
css code untuk menghilangkan navbar (bagi yang merasa terganggu dengan navbarnya blogger)
versi yang lama:
btw, sepertinya IE gw ngga mengenali .ms > iframe, jadi gw tambahin sebuah script javascript
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)
/* 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 ]
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

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:

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 ...
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

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>

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 ]
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
helah .. kaga mutu:
http://picasaweb.google.com/kampar
Labels: curhat
[
Baca Selengkapnya... ]|[ Banyak Respons: 0 ]|[ Beri Komentar ]
Sunday, October 08, 2006
Test Gallery menggunakan Lightbox JS





Lagi nyobain pake Lightbox JS v2.0, nih
[
Baca Selengkapnya... ]|[ Banyak Respons: 0 ]|[ Beri Komentar ]
Wednesday, October 04, 2006
It's simple: minima
bosan dengan javascript yang kelap kelip,
akhirnya: minimalis ajah :D
akhirnya: minimalis ajah :D
[
Baca Selengkapnya... ]|[ Banyak Respons: 2 ]|[ Beri Komentar ]
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
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 ]
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
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 ]
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 ...
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 ]


