Contoh-contoh CSS Scipt Hover Gambar Cantik

Contoh 1
Efek Hover Transparan (CSS Image Opacity)
Efek ini terjadi dengan merubah Image Opacity gambar dari 0.1 sampai 1.0

Code  CSS nya :

.img1:hover {opacity:0.3;filter:alpha(opacity=30); /* For IE8 and earlier */

catatan :ganti opacity 0.3 dan 30 sesuai selera Anda


Contoh 2
Efek Hover Berputar ( 360 degree rotate image )
catatan : ganti rotation degree 360deg sesuai selera

Contoh 3
Efek Hover Spin and Zoom 



catatan: ganti scale dari 1.2 sampai 1.5 untuk perbesar gambar


Contoh 4
Efek Hover Efek Zoom
catatan: ganti scale 1.5 sesuai selera


Contoh 5
Efek Hover Efek Transform


Contoh 6
Efek Hover Efek Moving


Contoh 7
Efek Hover Efek Border Transform
catatan : ganti border sesuai selera

Pengertian TIK (Teknologi Informasi dan Komunikasi)

Pengertian TIK:
  1. Menurut Eric Deeson, Harper Collins Publishers, Dictionary of Information Technology, Glasgow,UK,1991
    Information Technology (IT) the handling of information by electric and electronic (and microelectronic) means.”
    Here handling includes transfer. Processing, storage and access, IT special concern being the use of hardware and software for these tasks for the benefit of individual people and society as a whole

    Dari penjelasan di atas : kebutuhan manusia didalam mengambil dan memindahkan , mengolah dan memproses informasi dalam konteks social yang menguntungkan diri sendiri dan masyarakat secara keseluruhan. Bagaimana implikasinya agar dapat menguntungkan secara individual dan masyarakat secara keseluruhan tidak didifinisikan secara lebih khusus.
  2. Information Technology in the National Curriculum, England and Wales, 1995
    Information technology (IT) capability is characterized by an ability to use effectively IT tools an information source to analyse, process an present information, and to model, measure an control external events.
    This Involve :
    · Using information sourcxes and IT tools to solve problems
    · Using it tools and information source, sich as computer systems and software packages, to support learning in variety contexts;
    · Understanding the implication of IT for working life and society.
    Pupils should be given opportunities, where appropriate, to develop and apply their IT capability in their study of National Curriculum subjects
    .”
    Dari penjelasan di atas : nampaknya terdapat acuan kemampuan TIK yang hendak dicapai dan system nilai dalam bekerja pada kehidupan sehari-hari yang hendak dibelajarkan, seperti nilai apa yang perlu dikembangkan dalam suatu system social masyarakat berkenaan dengan kemampuan menggunakan TIK
  3. Menurut Puskur Diknas Indonesia th …..
    a. Teknologi Informasi dan Komunikasi (TIK) mencakup dua aspek, yaitu Teknologi Informasi dan Teknologi Komunikasi.
    i. Teknologi Informasi adalah meliputi segala hal yang berkaitan dengan proses, penggunaan sebagai alat bantu, manipulasi, dan pengelolaan informasi. ii. Teknologi Komunikasi adalah segala hal yang berkaitan dengan penggunaan alat bantu untuk memproses dan mentransfer data dari perangkat yang satu ke lainnya.
    b. Teknologi Informasi dan Teknologi Komunikasi adalah suatu padanan yang tidak terpisahkan yang mengandung pengertian luas tentang segala kegiatan yang terkait dengan pemrosesan, manipulasi, pengelolaan, dan transfer/pemindahan informasi antar media
  4. Menurut anatta sannai, Jakarta Indonesia, 2004
    Teknologi Informasi dan komunikasi adalah sebuah media atau alat bantu dalam memperoleh pengetahuan antara seseorang kepada oranglain

Fasilitas Yang ada di Internet

Internet sering disebut sebagai rimba raya informasi dengan sekian banyak layanan yang bisa dimanfaatkan semaksimal mungkin, bahkan cukup banyak yang gratis. Inilah yang menjadi salah satu daya tarik internet saat ini. Dan kalo diamati lagi, bahwa sebenarnya semuanya adalah World Wide Web dengan beragam layanan yang ditawarkan. Berikut ini beberapa jenis layanan WWW yang perlu diketahui, antara lain :

1. Web Mail Service
Salah satu layanan yang paling banyak digunakan orang di internet adalah email, dan untuk bisa saling berkirim email kita harus memiliki email account tertentu. Saat ini sudah cukup banyak situs web yang memberikan email account secaa gratis tanpa bayar. Kita bisa langsung memesan sebuah email account dengan nama tertentu sesuai dengan keinginan kita. Contoh : mail.yahoo.com, www.hotmail.com, dll.

2. Search Engine
Seringkali kita memerlukan untuk mencari sesuatu dari web, akan tetapi kita belum mengetahui dimanakah alamat situs web yang memberikan layanan atau informasi tersebut. Padahal jumlah situs web saat ini sudah mencapai ratusan juta situs dengan berbagai layanan yang ditawarkan. Untuk itu kita memerlukan sebuah aplikasi bantu yang akan mencari apa yang kita butuhkan di situs-situs web. Alat bantu itu disebut Search Engine. Dengan search engine kita akan cepat menemukan alamat situs yang berisi informasi yang kita butuhkan. Contoh situs search enngine : www.google.com, www.yahoo.com, dll.

3. Web Hosting
Setelah proses design dan proses penyusunan sebuah situs web selesai, maka selanjutnya kita akan upload situs tersebut di internet. Untuk itu kita memerlukan web space untuk meletakkan situs yang telah jadi itu. Bila kita berlangganan pada sebuah ISP, biasanya kita diberikan space khusus untuk keperluan ini. Akan tetapi bila tidak demikian, kita dapat menggunakan layanan web hosting gratis yang ditawarkan di internet. Contoh situs yang menawarkan web hosting gratis yaitu : www.geocities.com, www.coolfreepages.com, www.lonex.com, dll.

4. Portal.
Kalau dalam dunia nyata kita kenal mall atau plaza, yang menyediakan semua yang kita butuhkan saat belanja, maka di dunia maya pun ada fasilitas seperti ini. Di dalam satu situs web, tidak hanya menawarkan satu layanan saja, tetapi bermacam-macam layanan sekaligus. Situs seperti ini, disebut sebagai portal. Contoh portal: www.yahoo.com, www.astaga.com, dll.

Sejarah WWW

Sejarah Web bermula di European Laboratory for Particle Physics (lebih dikenal dengan nama CERN), di kota Geneva dekat perbatasan Perancis dan Swiss. CERN merupakan suatu organisasi yang didirikan oleh 18 negara di Eropa. Dibulan Maret 1989, Tim Berners dan peneliti lainnya dari CERN mengusulkan suatu protokol sistem distribusi informasi di Internet yang memungkinkan para anggotanya yang tersebar di seluruh dunia saling membagi informasi dan bahkan untuk menampilkan informasi tersebut dalam bentuk grafik.
Web Browser pertama dibuat dengan berbasiskan pada teks. Untuk menyatakan suatu link, dibuat sebarisan nomor yang mirip dengan suatu menu. Pemakai mengetikkan suatu nomor untuk melakukan navigasi di dalam Web. Kebanyakan software tersebut dibuat untuk komputer-komputer yang menggunakan Sistem Operasi UNIX, dan belum banyak yang bisa dilakukan oleh pemakai komputer saat itu yang telah menggunakan Windows. Tetapi semua ini berubah setelah munculnya browser Mosaic dari NCSA (National Center for Supercomputing Applications).
Di bulan Mei 1993, Marc Andreesen dan beberapa murid dari NCSA membuat Web browser untuk sistem X-Windows yang berbasiskan grafik dan yang mudah untuk digunakan. Dalam beberapa bulan saja, Mosaic telah menarik perhatian baik dari pemakai lama maupun pemakai baru di Internet. Kemudian NCSA mengembangkan versi-versi Mosaic lainnya untuk komputer berbasis UNIX, NeXT, Windows dan Macintosh.
Pada tahun 1994, Marc Andreesen meninggalkan NCSA, dan kemudian bersama Jim Clark, salah satu pendiri dari Silicon Graphics, membuat Netscape versi pertama. Kehadiran Netscape ini menggantikan kepopuleran Mosaic sebagai Web browser dan bahkan sampai saat ini Netscape merupakan browser yang banyak digunakan setelah Internet Explorer dari Microsoft.
Pada tahun yang sama CERN dan MIT mendirikan suatu konsorsium yang dinamakan World WIde Web Consortium (W3C) yang bertugas untuk membangun standar bagi teknologi Web.
Pada awal perkembangannya, sewaktu browser masih berbasiskan teks hanya terdapat sekitar 50 website. Di akhir tahun 1995 jumlah ini telah berkembang mencapai sekitar 300.000 web site. Dan diperkirakan sekarang ini jumalh pemakai Web telah mencapat sekitar 30-an juta pemakai diseluruh dunia. 

Apa Itu WWW ??

World Wide Web adalah nama yang diberikan untuk semua bagian Internet yang dapat diakses dengan software web browser. Sampai saat ini ada beberapa software web browser yang sering digunakan antara lain Microsoft Internet Explorer, Netscape Navigator, Mozilla dan Opera. Software-software ini nanti akan dibahas secara detail dalam bagian lain di Mata Kuliah Desain Grafis Web.
World Wide Web atau WWW atau singkatnya web, terdiri dari jutaan situs web (web site) dan setiap web site terdiri banyak halaman web (web page). Halaman-halaman web ini tersebar di seluruh dunia di komputer-komputer server yang terhubung dengan Internet. Situs-situs seperti www.yahoo.com atau www.microsoft.com adalah web site yang sudah lama ada dan menyediakan banyak sekali fasilitas sehingga halaman dalam situs ini juga sangat banyak.
Bayangkanlah sendiri jumlah keseluruhan halaman web di internet....???
Halaman Web adalah halaman yang tampak dari sebuah software web browser. Halaman ini seperti file dokumen word-processing, kecuali didalamnya dapat terkandung text, gambar bahkan animasi. Untuk dapat membuat halaman web ini anda harus memiliki pengetahuan tentang skrip (script) HTML (hyper-text markup language). HTML akan dibahas lebih mendetail dalam bagian lain di mata kuliah ini.
Situs Web terdiri dari beberapa halaman web yang saling terkait (linked) antara yang satu dengan yang lain dengan satu cara tertentu. Kebanyakan orang masih rancu dengan definisi ini sehingga mempersulit pemahaman selanjutnya.
Salah satu keunggulan World Wide Web adalah hyperlink. Hyperlink adalah teks (biasanya) berwarna biru dan (biasanya) bergaris bawah yang dapat di-click dan akan menuju ke halaman web yang lain. Hyperlink ini apat diletakkan di mana saja di dalam halaman web dan boleh diatur untuk menuju ke mana saja di seluruh web. Saat anda mengunjungi sebuah halaman web, anda dapat secara langsung meng-click sebuah hyperlink dan komputer ini akan mengambil (mendownload) situs/halaman yang dilink pada hyperlink tersebut dan menampilkannya di web browser.
Umumnya, perancang situs web meletakkan banyak hyperlink di situs mereka untuk membantu para pengunjung situsnya untuk menemukan situs lain yang terkait dengan situs tersebut. Hyperlink-hyperlink ini dapat menghubungkan dengan situs lain di server lain di seluruh dunia.

Apa Itu Internet ??



Secara sederhana, Internet adalah kumpulan dari jutaan komputer di seluruh dunia yang terkoneksi antara yang satu dengan yang lain. Media koneksi yang digunakan bisa melalui sambungan telpon, serat optik (fiber optic), kabel koaksial (coaxial cable), satelit atau dengan koneksi wireless.
Ketika kita logon (dalam hal ini terhubung) dengan internet, kita diberikan hak akses ke komputer-komputer lain di seluruh dunia yang terhubung juga dengan internet. Dengan kemajuan teknologi yang semakin pesat, saat ini internet dapat dihubungi dengan koneksi wireless dari handheld PC atau dari sebuah komputer notebook.

Setelah terhubung dengan internet kita dapat melakukan beberapa hal, misalnya : mengirim dan menerima email, chating dengan media text atau suara, berselancar (surfing) di World Wide Web, atau hal-hal lain dengan suatu software aplikasi tertentu.

Secara sederhana, cara kerja Internet sama seperti sistem pos atau sistem pengantar parcel, kecuali Internet bekerja dengan sangat cepat.
Misalnya, bila sekarang ini kita di Surabaya dan akan berkirim email ke Amerika, setelah kita tekan tombol Kirim (Send) selanjutnya email kita tadi akan menuju ke mail server. (Mail server ini biasanya bukanlah komputer yang sedang kita pakai saat ini, tetapi bagian dari layanan yang ada di Internet, sehingga kita bisa saja keluar dari Internet setelah menekan tombol Kirim tanpa mengganggu proses pengiriman email tersebut). Kemudian, mail server kita tersebut akan mencoba mengontak mail server di Amerika melewati rute Jakarta - Singapura - Jepang - Amerika atau bila rute tersebut sibuk dapat menngunakan rute Australia - Amerika.

Paket data dalam Internet memiliki ukuran tertentu sehingga bila email kita tadi cukup besar bisa saja dibagi dalam beberapa paket dan masing-masing paket dapat dikirim dengan rute yang berbeda. Setelah sampai di Amerika, mail server di sana akan membangun kembali email kita tersebut menjadi satu bagian utuh yang siap disajikan.

Bila satelit yang digunakan dalam rute-rute tersebut sibuk maka mail server kita akan mencoba untuk mengirim kembali setelah beberapa saat sampai benar-benar terkirim. Bila sampai maksimum sampai 4 hari lebih (tergantung setting mail server kita) email itu belum bisa terkirim maka akan dikirimkan email pemberitahuan bahwa email kita tidak sampai.

Rute yang harus dilewati paket data di Internet sangat panjang dan melibatkan banyak sekali komputer di seluruh dunia, sehingga bila data yang kita kirimkan adalah data yang pribadi dan/atau penting, sebaiknya menggunakan secure server, yaitu server yang dilengkapi dengan fasilitas enkripsi data sebelum mengirim data ke komputer lain dan fasilitas dekripsi bila menerima paket data dari komputer lain.

Cara membuat Archive Blog Memiliki Scroll bar

Setelah mengetahui bahwa posting yang banyak dikunjungi juga memiliki kriteria-kriteria. Kriteria diantaranya adalah topik postingan belum banyak yang membahas, dan juga posting harus unik. Nah menurut saya, trik arsip blog yang ber-scroll bar juga jarang ditemui di blog-blog lain, jadi saya putuskan untuk mempublishnya di blog saya. Tidak usah berlama-lama, yuk langsung saja ... 

  • Pertama tentunya Login le Blogger
  • Lalu ke Dasbor > Rancangan / Layout
  • Klik Edit HTML
  • Kemudian Centang " Expand Template Widget "
  • Cari judul gadget arsip blog, contoh arsip blog saya adalah " Arsip Blog "
  • Letakkan kode dibawah ini tepat didalam kode <div id='ArchiveList'>

 style='border: 0px; overflow: auto; width:100%; height: 250px; text-align: left; background:transparent;'
    Sehingga menjadi seperti ini

    <div id='ArchiveList' style='border: 0px; overflow: auto; width:100%; height: 250px; text-align: left; background:transparent;'>

  • Simpan Template !
  • Selesai

Nah mudah kan.? Coba aja deh.......