Reflection V 2.0

Hai-hai kawan's, Beben Coy Koben datang lagi nih. Cekarang aku membawa artikel/postingan tentang reflection. Mungkin kawan's akan bertanya-tanya apa itu reflection. Dijelaskan mah cucaaah...nih dalam bentuk image ajah.


Gimana...cantik kan contoh gambarnya, Xixixixi... Tapi bukan itu yg dimaksudkan dengan reflection. Perhatikan bagian bawahnya !!! Ada bayangannya kan !!! Kerennn...bagi yg suka begaya-gaya buat penampilan blognyah, yukk kita kemon gimana cara mendapatkannya.
Pertama-tama yg perlu kawan's perhatikan adalah ini

• Internet Explorer 5.5+
• Mozilla Firefox 1.5+
• Google Chrome (all versions)
• Safari 2+
• Opera 9+

Teknik ini support terhadap entuh. Buat lebih jelas tentang aturannya silahkan kunjungin Online Read Me. Yuk kita lanjutin acaranyah haLLaaahhh. Pertama-tama, ucapkan Basmallah...sudah itu silahkan donlod script berikut ini Reflection Js. Setelah beres didonlod scriptnyah, silahkan hosting script yg tadi di hostingan kawan's masing² ^.^.
Setelah beres semuanya, silahkan letakkan script tersebut tepat diatas/sebelum tag </head>. Setelah entuh sisipkan CSS berikut inih sebelum/diatas kode ]]></b:skin>.

.reflect {
border:none;
rheight:75%;
ropacity:100%;
clear:both;
}

Enter the URL of an image:

Nah kalau kawan's mau merubah rheight dan ropacitynyah silahkan masukkan URL gambar kawan's kedalam situh. Entar akan ada gambarannya Loh. Hohohoho...^,^.
Langkah yg terakhir nih, untuk memanggil efek reflection dipostingan kawan's...kawan's tinggal mengetikkan seperti inih :

<img class"reflect" src="URL-Link Gambar Kawan's">
Kalau kawan's mau effect gambar yg lain dan lebih edan-edan lagih, silahkan kunjungin Ken’s Tech Tips.
Udah ah segitu dolo...Good Luck dan Happy Blogging ^.^' WassaLam

Rooney MuLLen

Teringat masa-masa waktu masih maen skateboard ^,^. Jangan ditanya gimana susahnya maen olah-raga extreme yg satu ini mah. Edaaannnn...ancurrr semua lah. Yaaa sepatu, yaaa kaki, yaaa badan mah semua ancur pegel². Tony Hawk si raja frame, siapa yg gak kenal master skateboard yg satu itu. Tapi...Beben Coy Koben, mengagumi satu pemaen nih. Denger² nih, pemaen satu ini mendapat gelar free style street. Sampai saat ini belom ada yg bisa menyaingi gaya-gaya yg dia ciptakan. Kelas tinggi euy gayanya. Aku punya satu videonya si Rooney MuLLen, yg sedang melakukan aksinya. Yaaa...biasa dijalanan. Yuk mariii [...]


Sekarang Beben sudah enggak maen skateboard lagih, potong papannya...wakakakakakkKKKKK.
Ada info buat iseng-iseng yg mungkin kawan mau coba nih :

1. Ketikan images.gOOgLe.com pada address bar.
2. Setelah itu masukan kata apa saja dalam kotak searchnya. Misal : Mobil, Bunga, Rumah, atau apapun lah.
   
   


3. Setelah beres, masukkan kode javascript dibawah ini pada address bar :
   
   javascript:R= 0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI= document.images ; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math. sin(R*x1+ i*x2+x3)* x4+x5; DIS.top=Math. cos(R*y1+ i*y2+y3)* y4+y5}R++ }setInterval('A()',5); void(0)


4. Kalau berhasil akan seperti ini kawan's :
   
   

Mau lagi enggak nih, kalau mau lagi aku punya satu lagi nih.

1. Buka Facebook menggunakan MoziLLa.
2. Setelah Login dan masuk ke Facebook kawan's, masuk ke profile. Terus lakukan klik kiri dengan menggunakan mouse pada dinding profile kawan's yg kosong.
3. Setelah melakukan langkah² yg diatas, ketikkan perintah berikut :
   
   

   Atas - Atas - Bawah - Bawah - Kiri - Kanan - Kiri - Kanan - Tekan huruf "B" - Tekan huruf "A" - Enter deh

   
   
4. Kalau berhasil akan muncul percikan² seperti lampu blitch.
   
   

WassaLam...^,^

WATCH

Mau mosting tentang jam ah...huehehehehe. Yups, jam kawan's... Mungkin sebagian kawan's blogger ada keinginan memberi jam didalam blognya. Yaaa buat pemanis, gaya, bikin kinclong, apa aja deh alasannya. Hasil dari walking-walking nih dapetinnya. Bagus-bagus tampilannya.


Tuh liad...keren kan contohnya. Yaaa..kalo kawan's mau yang lebih keren, yuk kita lanjutin [...] Nih kawan's kalo mau link's jam yang keren dan terkenal, yang sudah banyak dipakai.

• EdmuLLen CoLLection CLock's
Masuk ke web tersebut dan kawan's mau baca diweb tersebut !!! Tidak akan nyesel deh. ;)
• gOOgLe CoLLection cLock's searching
Jangan tanya kalau kawan's masuk ke halaman ini mah, wong yang punyanya juga si emBah...wkwkwkwkwkwk.
• Localtimes CoLLection CLock's
Web ini memberikan kita kemudahan dalam mengeset-ngeset waktu berdasarkan tempat kawan's berada.
• cLockLink CoLLection CLock's
Siapa yang tidak kenaL dengan web satu ini. Hampir semua kawan's pasti mendapatkan widget jam dari web ini...xixixi.

Cuma segitu euy dapetnyah, kalau kawan's memiliki alamat yang lainnya...harap tidak keberatan dicantumkan didalam kotak komentar yaaa. Dah ah, sekian hasil walking's dari BeBeN KoBeN...^,^

TransLator

Beben mau mosting tentang subtitle aaahhh. Dengan maraknya bermunculan para blogger sekarang ini, khususnya di Indonesia sendiri...kehadiran tools translator languages (Alat bantu terjemahan bahasa) sangatlah menunjang sebuah Blog dalam mengembangkan sayapnya. Halaaahhh sayap, emangna buyung ada sayapan...gakgakgak Ada banyak web-web yang menyediakan sarana ini. Tapi menurut Beben yaaa...tetep aja kalo ada sarana dari si eMbah gOOgLe kita pake yg ini ajah...xixixixi. ^.^ Yukkk...muLai pada pokok acara, soaLnya pintu bioskopnya sudah mau dibuka...hihihi Contoh tools translate language :

Web ini menyediakan sarana Free translator dengan style yg cukup menggoda. Tapi sarana ini tetap kok kawan's menggunakan jasa dari gOOgLe. Yaaa...yg penting mah stylish gito LOHHH Itu contoh tampiLannya kawan's...xixixixi. Kalau mau yg seperti itu, tinggal daftar aja ke web yg bersangkutan.


Nah kalau yg ini menurut beben yg mang-Tab. Bisa menterjemahkan tanpa dibawa ke berandanya gOOgLe. Paham enggak nih. Fasilitas ini diberikan oleh gOOgLe secara otomatis akan mentranslate halaman sebuah blog/web ditempat kawan's. Dengan menekan translate, maka halaman blog/web akan langsung diterjemahkan. Yang lebih keren lagi nih...ini bisa ditutup atau enggak...gyakakakakKKKK. Kalau mau yg kayak ginih...tinggal sikattttTTT. Tanpa reg atau embel-embel yg lainnya...xixixi. GoogLe teaaaAAA...))). Caranya nih :

1. Pilih bahasa yg digunakan di blog/web kawan's.
2. Pilih bahasa yg ingin dipakai atau semuanya dipakai.
3. Ambil, kopi paste deh kode nanti yg diberikan oleh si emBah.
4. Semua langkah itu bisa dijalankan kalau kawan's sudah mengklik link ini Translate gOOgLe
5. Good Luck and happy enjoy Blogging.

Mempercepat Loading

Setelah membaca postingan dari salah seorang blogger senior. Siapa hayooo blogger senior itu. Yaaa...beliau adalah Kang Rohman. Postingan beliau mengenai compress CSS, jadi mengilhami Beben bikin postingan kali ini. Beben cuma ingin menambahkan segelumit mengenai CSS, yang disini menekankan fungsinya bertujuan untuk mempersingkat penulisan HTML, guna mempercepat loading dari sebuah Blog. Walaupun enggak seberapa sih mempercepat loadingnya, tapi yaaa...lumayan lah...xixixixi. Yuk kita lanjut kalau kawan's emang tertarik apa saja yang ingin Beben tambahkan. Setelah membaca postingan dari Kang Rohman, mungkin kawan's akan menemukan beberapa web online guna mengkompress CSS kawan's. Yang letaknya akhir dari postingan beliau. ^{itu juga kalau kawan's baca postingannya...wkwkwkwk}
Tambahan dari hasil walking² dan merenung Beben (halah merenung) :

• Menyingkat address internal link
Bagi kawan's yg belom paham apa yg dimaksud dengan pernyataan ini, yaitu : menyingkat apa-apa address (alamat), khusus yg ada didalam blog kita. Tujuan besarnya yaitu menyingkat pemanggilan alamat yg berada diblog kita sendiri (Internal link). Oke deh biar enggak pusing, kita masuk ke contoh aja yuk.
>> Kawan's pasti sering mengetik ini deh didalam berposting atau ngotak-ngatik daleman template kawan's.

<a href="http://beben-koben.blogspot.com/">
Nah penulisan seperti itu dapat disingkat menjadi :

<a href="/">
>> Kalau kawan's yg menggunakan trik Back to Top, yg letaknya selalu berada dibawah, dan triknya menggunakan bahasa HTML.
<a href='#Top'>
Huruf yg berkedap-kedip tergantung ID yg kawan's pakai yaaa. Bisa Top, Header, Menu, Wrapper, dan banyak lagiiiiiiiiiii. Oh iya...jangan lupa yaaa trik penulisan ini berfungsi hanya berlaku secara internal.
• Menggunakan Link Eksternal
Apa nih yg dimaksud dg ini. Yang dimaksud dengan link eksternal itu yaaa...kebalikan dari penjelasan yg diatas...wkwkwkwkwkw.


Nah itu kawan's, itu adalah CSS. Itu dapat dibuat link eksternalnya dg menggunakan jasa Web Hosting. Cara penulisannya :

<link href='alamatkodecsskawan's hasil hostingan' rel='stylesheet' type='text/css'/>
Hasil dari hostingan ini biasanya diletakkan setelah kode ]]></b:skin>
Penulisan untuk script :

<script src='alamatscriptkawan's hasil hosting' type='text/javascript'></script>
Ngerti yah...xixixi...^.^ Untuk mengetahui lebih jauh mengenai CSS, silahkan kunjungi CSS.
• Kurangi feature yg enggak perlu
Maksudnya dg pernyataan ini yaitu, kurangilah apa-apa yg berbau video, flash, gambar yg beresolusi besar, GIF yg beresolusi besar, dan lain-lain yg sekiranya memperberat loading sebuah Blog. Biasanya sih gadget-gadget tuh...xixixixi...^,^

Untuk mengetahui lebih jauh mengenai tentang Link, kawan's bisa mengunjungi Link. Dan jangan lupa yaaa dikompres CSS tadi. (baca postingan kang Rohman)

Tips sederhana yg mungkin berguna :

• Manfaatkanlah selalu penggunaan penulisan ALT dan TITLE
Yang dimaksud dengan pernyataan ini yaitu, agar setiap kita menuliskan setiap sebuah alamat/link, baik berupa gambar atau image sesuai dengan SEO. Mungkin dg gambar akan lebih jelas yaaa...:

>> ALT



ALT="beben cakep"

Tulisan beben cakep akan muncul dari gambar diatas ketika loading dalam proses. Biasanya atribute ALT ini dipakai dalam penggunaan sebuah URL-gambar (img)

>> Title

<a href="Link tujuan" title="kata-kata yg ingin dibubuhkan" />
Penulisan atribute TITLE ini berfungsi, apabila cursor kawan's diarahkan pada sebuah link, maka diatasnya akan memberikan keterangan. (Contoh : semua link yang ada didalam blog Beben ini)

>> Contoh yg tidak menggunakan atribute ALT dan TITLE :



>> Contoh yang menggunakan atribute ALT dan TITLE :

<a href='link tujuan' title='tulisan yg ingin dibubuhkan'><img src='url gambar' alt='tulisan yg ingin dibubuhkan'></a>


Didalam ini beben membubuhkan title dengan tulisan "bannernya beben", maka apabila cursor kawan's diarahkan ke image tersebut akan munculah tulisan tersebut. Dan Beben jg membubuhkan atribute "ALT dengan tulisan loading", dan tulisan tersebut akan muncul sampai proses loading sebuah browsing beres.

NB : "Sebisanya kawan's selalu memakai kedua atribute ini dalam penulisan sebuah link, baik link hanya berupa tulisan maupun link yg memakai sebuah gambar (image)."

Udah ah capek, kalo ada kawan's yg ingin menambahkan tips² yg lainnya...silahkan dikotak komentar yaaa. Muach...muach...^,^

gOOgLe cODe

Balik lagi nih bawa hasil dari walking²...^,^ Updated Kali ini Beben membawa sebuah kabar. Kabar mengenai hostingan gratis...tiss...tisss. Gimana enggak enak, kita yang sering bermain dengan link eksternal, eksternal script ato apa pun namanya...sebuah web-hosting pasti diperlukan. Apalagi yg menyangkut gratis-gratisan...ta' kejar kemanapun WakakakaKKKK... Mungkin kawan's membaca postingan Beben kali ini akan bergumeul : aaahhh...pasti itu-itu juga isi dari artikelnya. Tapi entar doLo kawan's, free hostingan kali ini tuh menggunakan jasa dari Mbah gOOgLe.

Tertarik ???

Enggak ada salahnya kita memiliki free web hosting banyak kan kawan's. Makin banyak kita punya account, makin banyak alternatifnya toh hehehe. STOP dengan basa-basinya ah. Seperti yang Beben tadi bicarakan, tentang bagaimana caranya kita menghosting file kita khususnya yang berbau Javascript, Via Mbah gOOgLe.

1. Langkah pertama yang harus kawan's lakukan yaitu : memiliki account gOOgLe (G-MaiL), dilanjutkan dengan Login yaaa.
Namanya juga Via gOOgLe, masa pake YahOO...gyakakakakKKK.

Nah ini kawan's yang Beben Maksudkan 'ntuh, yang Via gOOgLe tuh.
2. Setelah Login, kawan's pasti akan berhadapan dengan halaman seperti :
   
   
   Nah...isilah kotak² itu sesuai dengan petunjuk yang ada yaaa. Jangan kayak Beben ngisinya ngasal...wkwkwkwkw.
3. Setelah beres kawan's melakukan pengisian kotak² yg tadi ^xixixixi, lanjutkan ke bagian Option File Manager dari halaman tersebut.
   
   
4. Setelah masuk kesana, kawan's tinggal buka aja pintunya...terus ngucapin salam, Asalamu'alaikum Wr Wb...masuk deh ^.^
Pada gambar diatas, kawan's klik option New download pada Tab Download. Tampak pada gambar akan seperti ini :


Nah kalau berhasil yaaa kawan's, maka akan tampak seperti gambar dibawah ini :


5. DiSave deh

Oh iyah kawan's, gOOgLe code ini baru support terhadap script² seperti :

• jQuery
• jQuery UI
• Prototype
• script.aculo.us
• MooTools
• Dojo
• SWFObject
• Yahoo! User Interface Library (YUI)
• Ext Core
• More to be added, if not already present 

Semoga berhasil yaaa kawan's. Dan postingan ini hasil walking² ke :(sambil mengucapkan terima kasih sebelumnya)

Deny
Choen
Hirvesh Munogee

H - A - H

Untuk postingan kali ini gak usah pake acara ketik tombol lanjutin. Huehehehhe...soalnya postingan kali ini cuma mau mosting buat keliatan eksis mosting aja kok. GyakakakakKKKKK...!!! Tapi postingannya sedikit, siapa tahu bermanfaat bagi kawan's. Hohehoehoehohehoo...^.* Beben cuma mau kasih tahu addressnya Mbah gOOgLe yang berisikan tentang gadget-gadget yaaang bisa kawan's ADD diBlog kawan's. Kalau yang sudah tau diem jaaa ^Sssttt.... Ini buat yang belon tau aja...gakgakgakgak. Nih addressnyah ----------> Gadgets gOOgLe Dapet lagi nih atu. Buat kawan's yg mau addressnyah forum bantuan tentang tutorial blogger silahkan kunjungi ----> Blogger Help
HaaaaaaaaaaaaaH !!! WassaLam...^,^