Saturday, June 30, 2012

Video Animasi Keren/Menarik: Animator VS Animation - Part 1

Video Animasi Keren/Menarik: Animator VS Animation - Pada kesempatan kali ini, saya akan posting mengenai video animasi menarik. So, sudah terbukti bahwa kali ini sementara saya tidak posting artikel yang berkategorikan  Blogspot Tutorial. Video ini dibuat oleh Alan Becker yang sekarang video animasi menarik ini telah populer. Dilihat dari cuplikannya, sepertinya pembuat sangat kreatif.

Okey! Tanpa panjang lebar, karena ini hanyalah sebuat video, jadi tidak ada yang diperbincangkan disini. Tidak seperti artikel mengenai tutorial atau tips. Berikut cuplikannya.
 
An animator faces his own animation in deadly combat. The battlefield? The Flash interface itself. A stick figure is created by an animator with the intent to torture. The stick figure drawn by the animator will be using everything he can find - the brush tool, the eraser tool - to get back at his tormentor. It's resourcefulness versus power. Who will win? You can find out yourself.

Jangan kemana-mana, karena masih ada kelanjutan ceritanya. Episode (part) selanjutnya akan saya publikasikan pada posting selanjutnya di ANVITY Blog | Internet Learning. Enjoy!

Saturday, June 23, 2012

Cara Membuat Efek Gambar Transparan (Transparency Image Opacity)

Cara Membuat Efek Gambar Transparan (CSS Image Opacity) - Sudah hampir 2 minggu (diperkirakan) saya tidak aktif. Aktif dalam post/update artikel di ANVITY Blog | Internet Learning. Alasannya belum lama akhir-akhir ini selama 2 minggu saya menghadapi UKK (Ulangan Kenaikan Kelas). Hal tersebut yang membuat saya berhenti sementara. Tetapi Alhamdullilah saya kembali lagi dengan artikel saya yang masih tidak jauh di bidang HTML dan tutorialnya. Artikel kali ini yang akan saya bahas adalah tentang cara membuat gambar di blog menjadi transparan dengan sedikit mengutak-atik HTML template blog kita.

- kembali ke laptop -

Efek transparan pada gambar (image transparency/opacity) biasa digunakan di blog/web sebagai efek hover (mouse over). Efek transparan ini biasa digunakan sebagai penambah efek/kesan menarik pada gambar. Tampilan transparan gambar yang akan timbul (atau sebaliknya) ketika mouse diarahkan di atas gambar. Transparansi gambar merupakan salah satu efek yang dapat dibuat dengan CSS dengan modifikasi sederhana.
Coba kalian arahkan mouse/cursor kalian pada gambar di bawah ini. Jenis efek transparan gambar yang saya pakai
Pasang Iklan di ANVITY Blog | Internet Learning
Arahkan mouse/cursor kalian (mouse over) ke sini

Contoh sederhana Transparency Effect (Efek Transparan) - Dasar

Berdasarkan cara penggunaan CSS, efek transparan terbagi menjadi 2 jenis, yaitu:
  1. Gambar transparan [mouse over]> gambar asli.
    Yang dimaksudkan adalah pada sebelum mouse over, gambar transparan (a). Setelah mouse over, gambar asli (a:hover)
  2. Gambar asli [mouse over]> gambar transparan.
    Sedangkan pada jenis ini, kebalikan dari jenis kesatu. Pada sebelum mouse over, gambar asli (a). Setelah mouse over, gambar transparan (a@x:hover).
[X] Sebagai contoh saya pakai "Gambar asli [mouse over]> gambar transparan". Berikut CSS jenis ini.
img {opacity:1.0;filter:alpha(opacity=100}
img:hover {opacity: 0.5;filter:alpha(opacity=50}
Hasil gambar dari pengkodean CSS diatas.

[X] Sedangkan pada "Gambar transparan [mouse over]> gambar asli". Seperti pada contoh gambar diatas (Pasang Iklan). Berikut CSS jenis ini.
img {opacity: 0.5;filter:alpha(opacity=50}
img:hover {opacity:1.0;filter:alpha(opacity=100}
Hasil gambar dari pengkodean CSS diatas.

Dasar/definisi mengenai Transparency Effect (Efek Transparan)

Mungkin dengan beberapa contoh sederhana diatas dapat memberi sedikit kemudahan dalam  memahaminya. Properti CSS yang digunakan sebagai perintah agar efek transparan pada gambar berfungsi/muncul adalah opacity:x (x adalah pengganti/sementara). Properti ini digunakan oleh Mozilla Firefox, Google Chrome dan beberapa browser lain. Sedang pada IE (Internet Explorer) digunakan properti filter:alpha(opacity=x). Pada Mozilla Firefox dan beberapa browser lain, nilai default/gambar asli adalah 1.0, sedangkan pada IE adalah 100.

Untuk memberikan besaran efek transparan, kecilkan nilai x. Pengurangan dengan value yang sama antara browser lain dengan IE adalah 1/10, jadi kurangi 0.1 pada opacity dan kurang 10 pada filter untuk mendapatkan efek transparansi yang sama. Semakin kecil nilai x semakin besar transparansinya.

Bagaimana cara penggunaan Transparency Effect (Efek Transparan)?

Untuk cara mengunakannya dapat dipakai jika gambar disertai link atau tanpa link. Antara kedua jenis tersebut berbeda penggunaannya.

Efek transparansi tanpa link.
1.  Siapkan terlebih dahulu gambar dan script yang akan digunakan. (copy-kan/salin)

.transpararent-anvity {opacity:1.0;filter:alpha(opacity=100)}
.transparent-anvity:hover {opacity: 0.5;filter:alpha(opacity=50)}
Atau sebaliknya,
.transpararent-anvity {opacity: 0.5;filter:alpha(opacity=50)}
.transparent-anvity:hover {opacity:1.0;filter:alpha(opacity=100)}
2.  Letakan script diatas tepat diatas ]]></b:skin> dan Save Template.
3.  Pada tag gambar (<img></img>), baik di edit HTML post editor atau di edit HTML template, tambahkan class="transparent-anvity"
Sebagai contoh:
<img class="transparan-anvity" src="URL GAMBAR" /></img>

Efek transparansi disertai link.

1.  Siapkan terlebih dahulu gambar dan script yang akan digunakan. (copy-kan/salin)
a.transpararent-anvity {opacity:1.0;filter:alpha(opacity=100)}
a.transparent-anvity:hover {opacity: 0.5;filter:alpha(opacity=50)}
Atau sebaliknya,
a.transpararent-anvity {opacity: 0.5;filter:alpha(opacity=50)}
a.transparent-anvity:hover {opacity:1.0;filter:alpha(opacity=100)}
2.  Letakan script diatas tepat diatas ]]></b:skin> dan Save Template.
3.  Pada tag link gambar (<a></a>), baik di edit HTML post editor atau di edit HTML template, tambahkan class="transparent-anvity"
Sebagai contoh:
<a class="transparent-anvity" href="http://www.anvity.com"></a>

Nah, diatas adalah cara (tutorial) menggunakan efek transparan pada gambar yang mengandung link maupun gambar tanpa disertai link. Semoga artikel diatas informatif dan mudah dipahami bagi pembaca ANVITY Blog | Internet Learning. Enjoy!

Friday, June 8, 2012

Download Internet Download Manager Build 7 Full Patch (IDM)

Download Internet Download Manager Build 7 Full Patch (IDM) - Di dunia maya, banyak sekali software downloader. Seperti yang kita kenal saat ini sekaligus yang terpopuler, yaitu Internet Download Manager atau dapat disebut dengan singkatan IDM. Salah satu software ini sering kali meng-update versi terbarunya. So, tidak salah jika kita sedang asik mengunakannya, terkadang ditawarkannya versi terbarunya.


Apa itu Internet Download Manager? Detailkan!

Internet Download Manager (IDM) adalah alat untuk meningkatkan kecepatan download sampai 5 kali dari kecepatan normal. Kesalahan pemulihan komprehensif dan kemampuan akan melanjutkan restart download rusak atau terputus karena kehilangan koneksi, masalah jaringan, komputer booting sendiri, atau listrik padam tak terduga. Antarmuka pengguna grafis sederhana membuat IDM sangat friendly dan mudah digunakan. Internet Download Manager memiliki logika pintar men-download accelerator yang cerdas fitur segmentasi file dinamis dan download teknologi multi aman untuk mempercepat download Anda. Tidak seperti download manager dan lainnya accelerators Internet Download segmen Manajer download file secara dinamis selama proses download dan sambungan tersedia tanpa tambahan menghubungkan dan login langkah untuk mencapai kinerja percepatan terbaik.

Internet Download Manager mendukung proxy server, ftp dan protokol http, firewall, pengalihan, kue, otorisasi, MP3 audio dan pengolahan isi video MPEG. IDM diintegrasikan ke dalam Microsoft Internet Explorer, Netscape, MSN Explorer, AOL, Opera, Mozilla, Mozilla Firefox, Mozilla Firebird, Avant Browser, MyIE2, dan semua browser populer lainnya untuk secara otomatis menangani download Anda. Anda juga dapat menarik dan menjatuhkan file, atau menggunakan Internet Download Manager dari baris perintah. Internet Download Manager dapat dial modem Anda pada waktu yang ditetapkan, download file yang Anda inginkan, kemudian menggantung atau bahkan mematikan komputer Anda ketika selesai.

Fitur lainnya termasuk dukungan multilingual, zip preview, download categories, scheduler pro, suara di berbagai aktivitas, dukungan HTTPS, antrian prosesor, membantu dan tutorial html, perlindungan virus ditingkatkan di download selesai, download progresif dengan kuota (berguna untuk koneksi yang menggunakan beberapa jenis akses yang adil kebijakan atau FAP seperti Direcway, Direct PC, Hughes, dll), built-in download accelerator, dan banyak lainnya.Versi 6.11 menambahkan panel untuk men-download IDM web-pemain yang dapat digunakan untuk men-download flash video dari situs seperti YouTube, MySpaceTV, dan Google Video. Ia juga memiliki dukungan lengkap Windows 7 dan Vista, YouTube grabber, dipugar scheduler, dan MMS dukungan protokol. Versi baru juga menambahkan integrasi ditingkatkan untuk IE dan browser berbasis IE, didesain ulang dan ditingkatkan mesin download, integrasi maju unik ke dalam semua browser terbaru, toolbar ditingkatkan, dan banyak perbaikan lainnya dan fitur baru.

Download | Size: 4.774 KB

Wednesday, June 6, 2012

25 Icon Social Bookmark Hard Draws (Hand Writting/Draw)

25 Icon Social Bookmark Hard Draws (Hand Writting/Draw) - Bila dihitung sepertinya saya sudah satu bulan tidak update post. Itu pun terdapat efek samping yang sudah saya rasakan. hanya satu, trafik blog turun. Hal tersebut telah saya jadikan pengalaman bahwa poin penting di dunia blogging hanyalah "Up to date". Okay, tidak panjang lebar. Disini saya kembali lagi berbagi. Kali ini saya akan share untuk sobat beberapa icon social bookmarking yang menurut saya menarik untuk dijadikan icon share/bookmarking pada widget.
Iconset Hand Writing ANVITY
Klik untuk memperbesar gambar Iconset.

Icon-icon social tersebut meliputi icon:

  1. Blogger
  2. Delicious
  3. Digg
  4. Facebook
  5. Firefox
  6. Flickr
  7. Gmail
  8. Google
  9. Hi 5
  10. LastFM
  11. Linkedin
  12. LiveJournal
  13. Meneame
  14. Myspace
  15. Netvibes
  16. Picasa
  17. Reddit
  18. RSS
  19. Skype
  20. StumbleUpon
  21. Technorati
  22. Twitter
  23. Vimeo
  24. Wordpress
  25. Youtube
Semua icon social tersebut sudah saya upload dan digabung kedalam ekstesi *.rar dan hosting file via 4Shared. Ukuran file sangat kecil bahkan dalam 1 detik pun dapat selesai di download, dikarenakan semua file dalam bentuk gambar. Untuk link downoad, siahkan klik tombol dibawah.

Download | Size: 194 KB