SEBERAPA POPULER BLOG KAMU ???

July 25, 2008 at 1:29 am (Artikel, Berita IT, CSS ( kelas tutorial ), Daily Penulis, Design Tips, Hacking & Security, Hardware, IT Fashion, It & GlobalWarming, Multimedia, Networking, Programming, Tips Computer, Tips Daily, Web Designer)

Memulai jadi blogger emang sulit, saya memutuskan g hanya memuat artikel tulisan saya sendiri tapi juga tulisan orang lain. Namun demikian saya tetap menghormati sang penulis asli dengan mencantumkan alamat mereka di tiap postingan saya.

Semangat untuk berbagi dari apa yang saya dapatkan di Internet mendorong saya untuk membuat BLOG ini. karna g semua orang pandai mencari di GOOGLE saya berusaha mencarikan tentang sesuatu yang sedang populer di masa ini.

hasilnya sungguh FANTASTIS

ketika saya mengetikkan kata “computerdion” sebagai ciri khas BLOG saya hasilnya google menemukan lebih dari 1300 keyword yang cocok

yah…………..

paling g itu yang saya terima dari jerih payah saya mengumpulkan sedikit demi sedikit “remah roti” ( istilah yang saya gunakan untuk ilmu2 kecil yang menarik), tambah banyak teman.

Tentang kenapa saya tidak pasang iklan

beberapa tawaran emang ada

apalagi blog saya dibaca lebih dari 200 orang sehari

lahan iklan yang subur tentunya. tapi saya kembali ke niat saya

saya mau berbagi dan tidak memperkaya diri sendiri, he..he..he

Permalink 2 Comments

Google Sites: Satu Lagi Layanan Gratis Google (ketok.com)

June 10, 2008 at 5:50 am (Artikel, Berita IT, CSS ( kelas tutorial ), Design Tips, Tips Computer, Web Designer)

Mendengar nama Google tentu sudah sangat familiar, karena sehari-harinya kita telah terbiasa menggunakan search engine tersebut untuk mencari informasi tentang berbagai hal. Tetapi jika menyebut Google Sites, salah satu bagian dari Google Apps, mungkin tidak semua orang telah familiar terhadapnya.

Google Sites adalah salah satu layanan penyedia web hosting yang kini telah terbuka bebas secara gratis sehingga siapa pun dapat memiliki situs pribadi gratis tanpa harus punya domain sendiri di Google Sites.

Situs resmi Google menyatakan bahwa kita dapat dengan aman meng-host website sendiri di http://sites.google.com/[your-website] dan menambahkan sebanyak mungkin halaman yang diinginkan secara gratis. Penggunaan Google Sites ini pun tidaklah sulit, cukup dengan membuat beberapa jenis halaman dari awal dengan satu klik tombol lalu tinggal membenamkan (embed) berbagai content langsung ke dalam halaman-halaman yang telah disediakan tersebut.

Google Sites gratis ini mencakup 100MB Web storage, 6,75GB e-mail storage, dan akses ke suite lengkap dari Google Applications, termasuk Gmail, Google Talk, Google Calendar, and Google Docs. (lista) – sumber: bhineka.com

Permalink 2 Comments

Yahoo! Emoticon

March 18, 2008 at 5:40 am (Artikel, CSS ( kelas tutorial ), Tips Computer, Tips Daily, Web Designer)

Buat kawan-kawan yang ingin menghiasi posting-annya dengan berbagai ekspresi dari yahoo, saya berikan source codenya, biar anda bebas ngakak atau cemberut selagi posting. Silahkan copy source code berikut, sisipkan pada kata yang sesuai dengan postingan anda, kalo lagi sedih jangan di pasang yang lagi ngakak, trus kalo lagi patah hati ya nyengir aja ya…

happy :) happy
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width=18 height=18 border=0>

sad :( sad
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width=18 height=18 border=0>

winking ;) winking
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width=18 height=18 border=0>

big grin :D big grin
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width=18 height=18 border=0>

batting eyelashes;;)batting eyelashes
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width=18 height=18 border=0>

big hug>:D<big hug
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" width=42 height=18 border=0>

confused:-/confused
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width=20 height=18 border=0>

love struck :x love struck
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width=18 height=18 border=0>

blushing:”>blushing
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif" width=18 height=18 border=0>

tongue :P tongue
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width=18 height=18 border=0>

kiss:-*kiss
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width=18 height=18 border=0>

broken heart=((broken heart
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width=18 height=18 border=0>

surprise:-Osurprise
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width=18 height=18 border=0>

angryX(angry
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width=34 height=18 border=0>

smug:>smug
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" width=18 height=18 border=0>

coolB-)cool
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" width=18 height=18 border=0>

worried:-Sworried
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" width=18 height=18 border=0>

whew!#:-Swhew!
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" width=34 height=18 border=0>

devil>:)devil
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif" width=18 height=18 border=0>

crying :( (crying
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width=22 height=18 border=0>

laughing :) )laughing
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width=18 height=18 border=0>

straight face:straight face
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width=18 height=18 border=0>

raised eyebrow/:)raised eyebrow
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" width=18 height=18 border=0>

rolling on the floor=))rolling on the floor
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width=30 height=18 border=0>

angelO:-)angel
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" width=30 height=18 border=0>

nerd:-Bnerd
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" width=24 height=18 border=0>

talk to the hand=;talk to the hand
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif" width=18 height=18 border=0>

Yahoo hidden emoticons

puppy dog eyes - New! :o 3puppy dog eyes – New!

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/108.gif" width=31 height=18 border=0>

I don't know :-? ?I don’t know
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/106.gif" width=40 height=18 border=0>

not listening%-(not listening
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/107.gif" width=52 height=18 border=0>

pig:@)pig
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/49.gif" width=18 height=18 border=0>

cow3:-Ocow
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/50.gif" width=18 height=18 border=0>

monkey :( )monkey
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/51.gif" width=21 height=18 border=0>

chicken~:>chicken
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/52.gif" width=18 height=18 border=0>

rose@};-rose
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif" width=18 height=18 border=0>

good luck%%-good luck
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/54.gif" width=18 height=18 border=0>

flag**==flag
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/55.gif" width=25 height=18 border=0>

pumpkin(~~)pumpkin
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/56.gif" width=17 height=18 border=0>

coffee~O)coffee
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif" width=18 height=18 border=0>

idea*-:)idea
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/58.gif" width=30 height=18 border=0>

skull8-Xskull
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/59.gif" width=18 height=18 border=0>

bug=:)bug
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/60.gif" width=20 height=18 border=0>

alien>-)alien
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/61.gif" width=18 height=18 border=0>

frustrated:-Lfrustrated
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" width=18 height=18 border=0>

praying[-O<praying
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif" width=18 height=18 border=0>

money eyes$-)money eyes
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/64.gif" width=18 height=18 border=0>

whistling:-”whistling
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif" width=22 height=18 border=0>

feeling beat upb-(feeling beat up
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" width=18 height=18 border=0>

peace sign :) >-peace sign
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif" width=22 height=18 border=0>

shame on you[-Xshame on you
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif" width=22 height=18 border=0>

dancing\:D/dancing
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif" width=26 height=18 border=0>

bring it on>:/bring it on
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/70.gif" width=23 height=18 border=0>

hee hee ;) )hee hee
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" width=18 height=18 border=0>

chatterbox:-@chatterbox
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/76.gif" width=36 height=18 border=0>

not worthy^:)^not worthy
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif" width=32 height=18 border=0>

oh go on:-joh go on
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif" width=26 height=18 border=0>

star(*)star
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif" width=18 height=18 border=0>

hiroo->hiro
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/72.gif" width=18 height=18 border=0>

billyo=>billy
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/73.gif" width=18 height=18 border=0>

aprilo-+april
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/74.gif" width=18 height=18 border=0>

yin yang(%)yin yang
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/75.gif" width=18 height=18 border=0>

Selamat mempercantik postingan nya…

Permalink 3 Comments

Mempercantik Homepage dengan CSS (endonesia.com)

March 11, 2008 at 4:12 am (CSS ( kelas tutorial ), Web Designer)

Bagaimana membuat link bisa tampil seperti itu? Gunakan saja CSS atau cascading style sheet. Berikut ini disajikan beberapa tips penggunaan CSS untuk mempercantik homepage atau website Anda.

1. Link Tanpa Garis Bawah

Aslinya, sebuah link otomatis akan punya garis bawah. Tapi dengan menggunakan CSS, garis bawah itu bisa dihilangkan dengan mudah. Caranya, tempatkan kode CSS berikut di bagian <head> halaman web yang Anda buat (bersama title, description, dan keyword). Dengan menggunakan kode ini, garis bawah pada seluruh link di halaman web Anda akan hilang.

<STYLE><!–
A {text-decoration: none;}
–></STYLE>

2. Sebagian Link Tanpa Garis Bawah

Jika hanya ingin menghilangkan garis bawah pada link-link tertentu, bukan pada seluruh link seperti yang terjadi kalau memakai kode di atas, kode yang berikut ini bisa dipakai. Tapi, cara menggunakannya berbeda. Kode ini mesti disisipkan langsung pada kode hiperlink yang Anda buat. Contoh dan kodenya seperti yang berikut ini.

<A href=”http://www.endonesi a.com” STYLE=text-decoration:none;&qu ot;>Endonesia.Com</A>

3. Link Hover, Ganti Warna

Link bisa juga dibuat berganti warna ketika mouse ada berada di atasnya atau hover. Gunakan kode berikut untuk membuatnya, dan letakkan kode ini di bagian <head> halaman web yang Anda buat, seperti tips yang pertama tadi.

<STYLE><!–
A:HOVER {color: red;}
–></STYLE>

Warna yang digunakan untuk hover tentunya sesuka Anda. Pada contoh di atas, warna atau color yang dipakai adalah merah atau red. Kalau mau, Anda bisa menggantinya dengan blue, green, atau warna lain. Kalau Anda paham kode ASCII untuk warna tertentu, Anda juga bisa memakainya.

4. Link Hover, Garis Bawah

Dengan kode CSS pada tips No. 1, Anda bisa membuat garis bawah link menghilang. Kalau tips itu dipadukan dengan kode pada tips No.3, anda bisa membuat link muncul garis bawahnya ketika mouse berada di atasnya. Kodenya, yang mesti disisipkan di bagian <head>, jadi seperti ini:

<STYLE><!–
A {text-decoration: none;}
A:HOVER {text-decoration: underline;}
–></STYLE>

5. Link Hover, Pakai Background

Cara lain menyiasati link adalah dengan membuat sebuah link jadi punya warna latar belakang (background) ketika mouse berada di atasnya. Kodenya seperti yang berikut ini, dan sisipkan di bagian <head>.

<STYLE><!–
A:HOVER {background-color: yellow;}
–></STYLE>

Sekian dulu….

Permalink 2 Comments