Social Icons

Rabu, 20 Februari 2013

Kumpulan Animasi Bergerak Yang Lucu dan Keren Untuk Blog ( Lengkap )

Cara Memasang Animasi Bergerak  Yang Lucu dan Keren Untuk Blog -
Ternyata banyak sekali blogger – blogger yang sangat menyukai animasi bergerak pada blognya.  Bisa terlihat ketika saya berkunjung ke beberapa blog teman. Dari animasi yang simple dengan ukuran mini sampai yang ribet dengan ukuran jumbo banyak terpasang di blog mereka. Ya itu juga karena selera masing2 orang berbeda. Memang animasi pada blog sangat membantu blog agar terlihat menarik. Jadi blog akan terlihat hidup dan tidak membosankan. Sebelumnya saya pernah juga memposting tentang animasi bergerak, tapi saya rasa pada postingan sebelumnya pilihan animasi terlalu sedikit. Sehingga saya memposting kembali mengenai animasi bergerak lagi, namun dengan pilihan yang beragam dan banyak tipe agar bagi anda yang ingin memasang animasi jadi lebih banyak referensi dan pilihan.  Berikut daftar dan cara memasangnya

Cara Memasang Widget Animasi Bergerak Di Blog

  • Login ke dasbor blog anda
  • Pilih rancangan
  • Pilih Tambah Gadget
  • Pilih Html/Java Script
  • Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
  • Pastekan kode tadi di Html/java script tadi.
  • Simpan, dan selesai


Daftar Kode Html Animasi Bergerak
1.Spongebob


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

2.Naruto


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

3.Gaara


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53973.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

4.Labu


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

5.Tengkorak

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

6.Ekspresi Muka

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>


7. Animasi



<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i.mnpls.com/715/71510.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

8. Main Taplak

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/0/th/72.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

9. Pasangan



<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

10.Zoombie


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

11.Pigglet


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

12.MiniMouse



<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>


13. Hallo


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

14.Hai Friend

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

15.Star

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>



16.Gajah Loncat

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

17.Booring

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

18.Bayi ketawa

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

19. Dance

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

20.Main Bola

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>


21.Bayi Tertawa

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

22.Panda Biru

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Free-Widget-Animasi</a></center></small></div>

23. Panah

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

23. Bunga


<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

24. Anjing Laut

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

25. Lumba-lumba

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

26. Kucing Tidur


<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

27. Kelinci

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

28. Dragon

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

29. Ikan

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

30. Pinguin


<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>


Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan bottom (bawah), top (atas), left ( kiri), right (kanan),
Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..

FUNGSI-FUNGSI TOMBOL KEYBOARD

Ctrl + A : Select All
Ctrl + B : Bold
Ctrl + C : Copy
Ctrl + D : Font
Ctrl + E : Center Alignment
Ctrl + F : Find
Ctrl + G : Go To
Ctrl + H : Replace
Ctrl + I : Italic
Ctrl + J : Justify Alignment
Ctrl + K : Insert Hyperlink
Ctrl + L : Left Alignment
Ctrl + M : Hanging Indent
Ctrl + N : New
Ctrl + O : Open
Ctrl + P : Print
Ctrl + Q : Normal Style
Ctrl + R : Right Alignment
Ctrl + S : Save / Save As
Ctrl + T : Left Indent
Ctrl + U : Underline
Ctrl + V : Paste
Ctrl + W : Close
Ctrl + X : Cut
Ctrl + Y : Redo
Ctrl + Z : Undo
Ctrl + 1 : Single Spacing
Ctrl + 2 : Double Spacing
Ctrl + 5 : 1,5 lines
Ctrl + Esc : Start Menu
F1 : Menjalankan fungsis pertolongan yang disediakan pada Word
F2 : Memindahkan teks atau objek yang dipilih
F3 : Menjalankan perintah AutoText
F4 : Mengulangi perintah sebelumnya
F5 : Menjalankan perintah Find and Replace atau Goto
F6 : Menjalankan Perintah Other Pane
F7 : Memeriksaan kesalahan ketik dan ejaan teks
F8 : Awal perintah penyorotan/pemilihan teks atau objek
F9 : Mengupdate Field (Mail Merge)
F10 : Mengaktifkan Menu
F11 : Memasukkan field berikutnya (Mail Merge)
F12 : Mengaktifkan dialog Save As
Esc : Membatalkan dialog / perintah
Enter : Melaksanakan pilihan atau mengakhiri suatu paragraf
Tab : Memindahkan teks sesuai dengan tanda tab yang ada pada ruler horizontal
Windows : Mengktifkan Menu Start
Shortcut : Mengaktifkan shortcut pada posisi kursor
Delete : Menghapus 1 karakter di sebelah kanan kursor
Backspace : Menghapus 1 karakter di sebelah kiri kursor
Insert : Menyisip karakter di posisi kursor
Home : Memindahkan posisi kurosr ke awal baris
End : Memindahkan posisi kurosr ke akhir baris
Page Up : Menggulung layar ke atas
Page Down : Menggulung layar ke atas
Up : Memindahkan kursor 1 baris ke atas
Down : Memindahkan kursor 1 baris ke bawah
Left : Memindahkan kursor 1 karakter ke kiri
Right : Memindahkan kursor 1 karakter ke kanan
Num Lock On : Fungsi pengetikan angka-angka dan operator matematik aktif
Num Lock Off : Fungsi tombol navigasi aktif
Shift + F10 : Membuka menu pintas, sama seperti mengklik kanan
Alt : Penekanan tombol yang tidak dikombinasikan dengan tombol lain hanya
berfungsi untuk mengaktifkan atau memulai penggunaan menu bar
Shift + Delete : Menghapus item yang dipilih secara permanen tanpa menempatkan item
dalam Recycle Bin
Ctrl + Right Arrow : Memindahkan titik penyisipan ke awal kata berikutnya
Ctrl + Left Arrow : Memindahkan titik penyisipan ke awal kata sebelumnya
Ctrl + Down Arrow : Memindahkan titik penyisipan ke awal paragraf berikutnya
Ctrl + Up Arrow : Memindahkan titik penyisipan ke awal paragraf sebelumnya
Alt + F4 : Menutup item aktif, atau keluar dari program aktif
Alt + Enter : Menampilkan properti dari objek yang dipilih
Alt + Spacebar : Buka menu shortcut untuk jendela aktif
Ctrl + F4 : Close dokumen aktif dalam program-program yang memungkinkan Anda
untuk memiliki beberapa dokumen yang terbuka secara bersamaan
Alt + Tab : Switch antara item yang terbuka
Alt + Esc : Cycle melalui item dalam urutan yang mereka telah dibuka
Ctrl + Shift + Tab : Bergerak mundur melalui tab
Shift + Tab : Bergerak mundur melalui pilihan
Version 2 Keyboard Komputer
• CTRL + C (Copy)
• CTRL+X (Cut) CTRL + X (Cut)
• CTRL+V (Paste) CTRL + V (Paste)
• CTRL+Z (Undo) CTRL + Z (Undo)
• DELETE (Hapus)
• SHIFT+DELETE (Menghapus item yang dipilih secara permanen tanpa menempatkan item dalam Recycle Bin)
• CTRL sambil menyeret (men-drag) sebuah item (Menyalin item yang dipilih)
• CTRL + SHIFT sambil menyeret item (Buat cara pintas ke item yang dipilih)
• Tombol F2 (Ubah nama item yang dipilih)
• CTRL + RIGHT ARROW (Memindahkan titik penyisipan (kursor) ke awal kata berikutnya)
• CTRL + LEFT ARROW (Memindahkan titik penyisipan (kursor) ke awal kata sebelumnya)
• CTRL + DOWN ARROW (Memindahkan titik penyisipan (kursor) ke awal paragraf berikutnya)
• CTRL + UP ARROW (Memindahkan titik penyisipan (kursor) ke awal paragraf sebelumnya)
• CTRL + SHIFT dengan salah satu ARROW KEY (Sorot blok teks)
• SHIFT dengan salah satu ARROW KEY (Pilih lebih dari satu item dalam sebuah jendela atau pada desktop, atau pilih teks dalam dokumen)
• CTRL + A (Pilih semua)
• Tombol F3 (Mencari sebuah file atau folder)
• ALT + ENTER (Melihat properti untuk item yang dipilih)
• ALT + F4 (Menutup item aktif, atau keluar dari program aktif)
• ALT + ENTER (Menampilkan properti dari objek yang dipilih)
• ALT + SPACEBAR (Buka menu shortcut untuk jendela aktif)
• CTRL + F4 (Menutup dokumen aktif dalam program-program yang memungkinkan Anda untuk memiliki beberapa dokumen yang terbuka secara bersamaan)
• ALT + TAB (Beralih antara item yang terbuka)
• ALT + ESC (Cycle melalui item dalam urutan yang mereka telah dibuka)
• Tombol F6 (Siklus melalui elemen-elemen layar dalam jendela atau pada desktop)
• Tombol F4 (Menampilkan Address bar list di My Computer atau Windows Explorer)
• SHIFT + F10 (Menampilkan menu shortcut untuk item yang dipilih)
• ALT + SPACEBAR (Tampilan menu Sistem untuk jendela aktif)
• CTRL + ESC (Menampilkan menu Start)
• ALT + huruf digarisbawahi dalam nama menu (Menampilkan menu yang sesuai)
• Surat digarisbawahi dalam nama perintah pada menu yang terbuka (Lakukan perintah yang sesuai)
• Tombol F10 (Aktifkan menu bar dalam program aktif)
• ARROW (Buka menu berikutnya ke kanan, atau membuka submenu)
• LEFT ARROW (Buka menu sebelah kiri, atau menutup submenu)
• Tombol F5 (Memperbarui jendela aktif atau merefresh)
• BACKSPACE (Melihat folder satu level ke atas di My Computer atau Windows Explorer)
• ESC (Membatalkan tugas sekarang)
• SHIFT ketika Anda memasukkan CD-ROM ke dalam CD-ROM (Mencegah CD-ROM secara otomatis bermain/autoplay)
Keyboard Shortcuts Dialog Box
• CTRL + TAB (Move forward melalui tab)
• CTRL + SHIFT + TAB (Bergerak mundur melalui tab)
• TAB (Move forward melalui pilihan)
• SHIFT + TAB (Bergerak mundur melalui pilihan)
• ALT + huruf yang digarisbawahi (Lakukan perintah yang sesuai atau pilih opsi yang sesuai)
• ENTER (Lakukan perintah untuk opsi atau tombol aktif)
• SPACEBAR (Pilih atau menghapus kotak centang jika pilihan yang aktif adalah check box)
• Arrow tombols Panah (Pilih sebuah tombol jika pilihan aktif adalah group tombol pilihan)
• Tombol F1 (Menampilkan Help)
• Tombol F4 (Menampilkan item dalam daftar aktif)
• BACKSPACE (Membuka folder satu tingkat ke atas jika folder dipilih dalam Simpan Sebagai atau Buka kotak dialog)
Microsoft Natural Tombolboard Shortcuts Microsoft Natural Tombolboard Shortcut
• Windows Logo (Menampilkan atau menyembunyikan menu Start)
• Logo Windows + BREAK (Menampilkan System Properties dialog box)
• Logo Windows + D (Menampilkan the desktop)
• Logo Windows + M (Meminimalkan semua jendela)
• Logo Windows + SHIFT + M (Memulihkan jendela yang diminimalkan)
• Logo Windows + E (Membuka My Computer)
• Logo Windows + F (Mencari for a file atau folder)
• CTRL + Windows Logo + F (Mencari for komputer)
• Logo Windows + F1 (Menampilkan Windows Help)
• Logo Windows + L (Mengunci keyboard)
• Logo Windows + R (Membuka kotak dialog Run)
• Logo Windows + U (Membuka Utility Manager)
Accessibility Tombolboard Shortcuts
• Right SHIFT selama delapan detik (Beralih FilterTombols on atau off)
• LEFT ALT + LEFT SHIFT + PRINT SCREEN (Beralih High Contrast on atau off)
• LEFT ALT + LEFT SHIFT + NUM LOCK (Mengaktifkan MouseTombols on atau off)
• SHIFT lima kali (Mengaktifkan StickyTombols on atau off)
• NUM LOCK selama lima detik (Mengaktifkan ToggleTombols on atau off)
• Logo Windows + U (Membuka Utility Manager)
Windows Explorer Tombolboard Shortcuts Windows Explorer Tombolboard Shortcuts
• END (Menampilkan bagian bawah jendela aktif)
• HOME (Menampilkan bagian atas jendela aktif)
• NUM LOCK + Asterisk sign (*) (Tampilkan semua subfolder yang berada di bawah folder yang dipilih)
• NUM LOCK + Plus sign (+) (Menampilkan isi dari folder yang dipilih)
• NUM LOCK + Minus sign (-) (Collapse folder yang dipilih)
• LEFT ARROW (Collapse pilihan saat ini jika diperluas, atau pilih folder utama)
• RIGHT ARROW (Menampilkan pilihan saat ini, atau pilih subfolder pertama)
Shortcut Tombols for Character Map Tombol pintas untuk Peta Karakter
• Setelah Anda klik dua kali pada grid karakter karakter, Anda dapat bergerak melalui grid dengan menggunakan cara pintas tombolboard:
• RIGHT ARROW (Pindah ke kanan atau ke awal baris berikutnya)
• LEFT ARROW (Pindah ke kiri atau ke akhir baris sebelumnya)
• UP ARROW (Pindah ke atas satu baris)
• DOWN ARROW (Pindah ke bawah satu baris)
• PAGE UP (Pindah ke atas satu layar pada satu waktu)
• DOWN (Pindah ke bawah satu layar pada satu waktu)
• HOME (Pindah ke awal baris)
• END (Pindah ke akhir baris)
• CTRL + HOME (Pindah ke karakter pertama)
• CTRL + END (Pindah ke karakter terakhir)
• SPACEBAR (Beralih antara yang lebih besar dan Normal ketika seorang karakter yang dipilih)
Microsoft Management Console (MMC) Main Window Tombolboard Shortcuts
• CTRL + O (Open yang disimpan konsol)
• CTRL + N (Buka konsol baru)
• CTRL + S (Save the open console)
• CTRL + M (Menambah atau menghapus item konsol)
• CTRL + W (Buka jendela baru)
• F5 tombol (Update konten dari semua jendela konsol)
• ALT + SPACEBAR (Menampilkan menu jendela MMC)
• ALT + F4 (Close the console)
• ALT + A (Menampilkan the Action menu)
• ALT + V (Menampilkan the View menu)
• ALT + F (Menampilkan the File menu)
• ALT + O (Menampilkan the Favorites menu)
Konsol MMC Window Tombolboard Shortcuts
• CTRL + P (Mencetak halaman aktif atau aktif pane)
• ALT + tanda Minus (-) (Menampilkan menu jendela jendela konsol yang aktif)
• SHIFT + F10 (Menampilkan the Action menu shortcut untuk item yang dipilih)
• Tombol F1 (Membuka topik Bantuan, jika ada, untuk item yang dipilih)
• Tombol F5 (Update konten dari semua jendela konsol)
• CTRL + F10 (Memaksimalkan jendela konsol yang aktif)
• CTRL + F5 (Memulihkan jendela konsol yang aktif)
• ALT + ENTER (Menampilkan kotak dialog Properties, jika ada, untuk item yang dipilih)
• Tombol F2 (Ubah nama item yang dipilih)
• CTRL + F4 (Close jendela konsol yang aktif. Ketika sebuah konsol hanya memiliki satu jendela konsol, jalan pintas ini akan menutup konsol)
Remote Desktop Connection Navigation
• CTRL+ALT+END (Open the m*cro$oft Windows NT Security dialog box
• ALT + PAGE UP (Beralih antara program dari kiri ke kanan)
• ALT + PAGE DOWN (Beralih antara program dari kanan ke kiri)
• ALT + INSERT (Cycle melalui program-program yang terakhir digunakan)
• ALT + HOME (Menampilkan menu Start)
• CTRL + ALT + BREAK (Beralih komputer klien antara jendela dan layar penuh)
• ALT+DELETE (Menampilkan the Windows menu) ALT + DELETE (Menampilkan the Windows menu)
• CTRL + ALT + Minus sign (-) (Membuat snapshot dari jendela aktif klien pada clipboard server Terminal dan menyediakan fungsi yang sama dengan menekan PRINT SCREEN pada komputer lokal.)
• CTRL + ALT + Plus sign (+) (Membuat snapshot dari seluruh area jendela klien pada clipboard server Terminal dan menyediakan fungsi yang sama dengan menekan ALT + PRINT SCREEN pada komputer lokal.)
Internet Explorer navigation Internet Explorer navigasi
• CTRL + B (Membuka kotak dialog Atur Favorit)
• CTRL + E (Open the Mencari bar)
• CTRL + F (Start the Find utility)
• CTRL + H (Open the History bar)
• CTRL + I (Open the Favorites bar)
• CTRL + L (Buka kotak dialog Open)
• CTRL + N (Start contoh lain dari browser dengan alamat Web yang sama)
• CTRL + O (Membuka kotak dialog Buka, sama seperti CTRL + L)
• CTRL + P (Membuka kotak dialog Print)
• CTRL + R (Memperbarui halaman Web ini)
• CTRL + W (Close jendela aktif)
Semoga Bermanfaat untuk semua,.... :)

Selasa, 19 Februari 2013

Membuat Gulungan di Sudut Blog

 Aksesoris blog di butuhkan bagi setiap blog yang masih aktif, aksesoris blog dapat memperindah dan mempercantik tampilan blog kita agar pengunjung betah mengunjungi blog kita berkali - kali.  Namun jika terlalu banyak aksesoris mengakibatkan blog menjadi lola' (loading lama) dan pengunjung enggan untuk mampir ke blog kita lagi, kebanyakan pengunjung blog menutup blog yang dikunjungi nya sebelum semua kode pada blog yang dikunjunginya karena terlalu lama loadingnya.  Maka dari itu, kita harus pintar memilih aksesoris yang cocok untuk blog kita, bukan semua aksesoris di masukan di blog kita.

        Pernah kalian melihat blog yang sudutnya mempunyai gulungan-gulungan aneh ?  Nah.. kali ini kita akan membahas gimana cara Membuat Gulungan di Sudut Blog, kalau belum pernah lihat cek ke situs Radar Banyuwangi.  Gimana ?  Tertarik dan cocok untuk di blog kalian ?  Ikuti langkah di bawah berikut


  1. Login ke Blogger
  2. Klik Design > Edit HTML > centang 'Expand Widget Template'
  3. Pasang kode berikut di atas kode ]]></b:skin>

    #pageflip {
    position: relative;
    }
    #pageflip img {
    border: none;
    width: 50px; height: 52px;
    z-index: 99;
    position: absolute;
    right: 0; top: 0;
    -ms-interpolation-mode: bicubic;
    }
    #pageflip .msg_block {
    width: 50px; height: 50px;
    position: absolute;
    right: 0; top: 0;
    background: url(http://kon.tl/deopra) no-repeat right top;
    text-indent: -9999px;
    }

    #Ganti kode yang berwarna hijau dengan link kode gambar (300px x 300 px) yang kalian inginkan
    #Bisa juga diganti dengan gambar dengan link berikut http://kon.tl/deopr

  4. Kemudian pasang lagi kode berikut di bawah kode <b:skin><![CDATA[ atau <b:skin><![CDATA[/*

    <script src='http://trikblogger.googlecode.com/files/script_lipat_halaman_trikblogger.js
    ' type='text/javascript'/>
    <script type='text/javascript'>
    $(document).ready(function(){
    $("#pageflip").hover(function() {
    $("#pageflip img , .msg_block").stop()
    .animate({width: '307px',height: '319px'}, 500);
    } , function() {
    $("#pageflip img").stop()
    .animate({width: '50px',height: '52px'}, 220);
    $(".msg_block").stop()
    .animate({width: '50px',height: '50px'}, 200);
    });
    });
    </script>

  5. Selanjutnya pasang kode berikut di bawah kode <body>

    <div id='pageflip'>
    <a href='http://dopind.blogspot.com/' target='_blank'>
    <img alt='' src='http://lh3.ggpht.com/_RVpTV2JOOxA/S8iu2CHC7SI/AAAAAAAACys/nYe088a8tkc/gambar_kelipat.png'/>
    <span class='msg_block'/>
    </a>
    </div>

    #Ganti kode yang berwarna Hijau dengan alamat blog atau link yang kalian ingin pasang

  6. Terakhir klik 'Save Template' dan tinggal lihat hasilnya seperti apa ^^

Kamis, 14 Februari 2013

Cara Mengganti Warna Background Blog Otomatis


Cara Mengganti Warna Background Blog Otomatis – Banyak cara untuk membuat variasi dan memperindah tampilan blog. Salah satunya adalah dengan menempatkan widget untuk mengganti warna background otomatis ini di sidebar blog anda, sehingga pengunjung dapat memilih warna background kesukaan mereka. Selain supaya kita juga ngga bosan dengan tampilan background yang itu-itu saja, dan pengunjung yang datang pun kita harapkan mendapatkan kenyamanan sehingga mereka betah berlama-lama membaca  di blog kita. Contoh penggunaan widget pengganti warna background blog otomatis ini dapat sobat lihat langsung di sidebar blog ini.


Cara Mengganti Background Blog :
1.       Login ke dashboard blogger anda.
2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
3.       Copy script yang ada dibawah ini dan paste pada gadget.
<div class="widget-content">
<center><b>Pilih Warna Kesukaan Anda</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
</tr></tbody></table>
</div>
4.      Silahkan sobat edit teks tulisan yang berwarna merah dan kode pilihan warna yang berwarna biru dengan warna-warna kesukaan anda. Untuk kode warna dapat dilihat disini.
5.       Save / Simpan.
Mudah dan gampang bukan ? Pada widget pengganti warna background ini hanya ada 9 pilihan warna background, jika sobat ingin menambahkannya copy saja kode yang terakhir sehingga kolom warna akan bertambah. Kalau masih bingung, baca lagi postingan sebelumnya tentang cara membuat tabel dan kolom. Semoga tips Cara Mengganti Warna Background Blog ini bermanfaat untuk anda.

Selasa, 12 Februari 2013

Safe Mode, Manfaat dan Penggunaannya

Safe Mode
Bagi sebagian besar kita ( pengguna komputer) mungkin tidak asing lagi dengan istilah Safe Mode. Fitur ini di sediakan di sistem operasi Windows, untuk berbagai tujuan. Misalnya untuk memeriksa atau memperbaiki kerusakan pada sistem windows, menghapus virus, memeriksa kerusakan driver dan lainnya.
Bagaimana mengaktifkan Safe Mode dan apa saja yang dapat dimanfaatkan ketika kita sudah masuk Safe Mode ?
Apa itu Safe Mode ?
Safe mode merupakan opsi pilihan start up windows yang fungsi utamanya menangani jika ada masalah dengan sistem. Windows akan berjalan dengan kondisi minimal, hanya file-file dan driver yang penting saja yang di aktifkan, termasuk juga software-software tambahan sebagian besar tidak diaktifkan. Kemudian ketika sudah masuk safe mode, maka akan tampak tulisan “Safe Mode” di pojok atas windows.
safe-mode-warning
Cara Masuk ke Safe Mode
Salah satu cara yang dapat digunakan di hampir semua sistem windows termasuk windows Vista adalah dengan menekan tombol F8 ketika windows sedang booting ( atau ketika komputer mulai menyala dan tampil informasi Memory / hardware ). Setelah itu akan tampil beberapa menu pilihan booting komputer, seperti berikut :
safe-mode
Beberapa penjelasan dari Advande Options Menu
Selain menu untuk memilih Safe mode, ada berbagai menu lainnya yang bisa dipilih. Berikut beberapa penjelasan menu-menu tersebut :
  • Safe Mode, opsi ini berarti windows akan berjalan hanya menggunakan minimal file dan driver termasuk juga software-softwarenya.
  • Safe Mode with Networking, opsi ini seperti safe mode ditambah dengan driver sehingga kita bisa memanfaatkan Jaringan ( Networking)
  • Safe Mode with Command Prompt, sama seperti safe mode hanya saja program Command Prompt / MS-DOS Prompt ( cmd.exe) akan langsung aktif ( bukannya explorer)
  • Enable Boot Logging, windows akan membuat file Ntbtlog.txt, ketika start up dan informasi start up tersebut akan disimpan di file tersebut. File ini biasanya disimpan di sistem root, misalnya drive C:
  • Enable VGA Mode. Windows akan berjalan dengan tampilan mode minimal misalnya 640×480 atau 800×600. Biasa digunakan untuk memeriksa kerusakan atau error [driver] VGA (tampilan grafik windows).
  • Last Known Good Configuration, menjalankan windows menggunakan informasi registry yang telah disimpan ketika terakhir shutdown. Gunakan jika kita salah mengubah konfigurasi sistem, atau ketika windows gagal masuk ke tampilan utama.
Beberapa manfaat Safe Mode
  • Uninstall software yang sebelumnya menyebabkan komputer hang, error dan sebagainya. Kadang setelah di install program tertentu windows bermasalah, maka jika tidak bisa di uninstall melalui mode biasa gunakan Safe Mode.
  • Menonaktifkan aplikasi atau program tertentu. Untuk memudahkan setelah masuk ke Safe Mode, bisa menggunakan aplikasi Autoruns yang bisa diperoleh gratis dariSysInternals. Teknik ini juga bisa dimanfaatkan untuk memeriksa loading komputer yang lambat. Jika tidak ada Autoruns, bisa mengetikkan MSCONFIG di menu Run, untuk menjalankan Sistem Configuration Utility, jika sudah tampil dipilih melalui tab Startup.
  • Memeriksa permasalahan dengan tampilan grafik windows (VGA). Ketika tampilan windows bermasalah, bisa di cek dengan memilih “Enable VGA Mode”, jika berhasil dan tidak melihat masalah, kemungkinan masalah di driver VGA.
  • Menghapus file/virus yang tidak bisa melalui mode biasa. Sebagian antivirus masih bisa dijalankan di safe mode, dan bisa dicoba scan melalui safe mode. Kadang virus tidak berjalan di safe mode, meski banyak juga yg bisa berjalan/atif meski di Safe Mode.
  • Menjalankan System Restore jika sebelumnya diaktifkan, sehingga kondisi sistem bisa dikembalikan ke keadaan sebelumnya.
  • Menjalankan berbagai fitur dari Control Panel, Administrative tools dan sebagainya.
  • Membuka Registry Editor, baik untuk memeriksa maupun untuk mengedit sebagian isinya.
Safe Mode merupakan fitur standard Windows dan terkadang cukup bermanfaat untuk beberapa masalah seperti diatas, walaupun terkadang seperi virus juga bisa aktif didalam mode ini, sehingga menggunakan safe mode saja tidak cukup.

Sumber : ebsoft.web.id

Rabu, 06 Februari 2013

7 Plugin Firefox yang Wajib Dimiliki Para Web Developer

Berkutat berjam-jam di depan komputer untuk coding memang menyenangkan kalau Anda jadikan itu sebagai hobi, tapi kalau sedang diuber dengan deadline, pasti rasanya otak mau serasa pecah. Untuk membantu agar kerja Anda sebagai web developer, ada sejumlah tools yang wajib dimiliki. Apa saja itu? Yuk simak lebih lanjut.

Web Developer

image

Ini dia add-ons firefox yang bisa dibilang nyaris komplit. Saat tulisan ini diterbitkan, juga sudah tersedia dalam bentuk ekstensi di Google Chrome. Dengan add-ons ini banyak hal bisa dilakukan. Dari sekedar untuk memvalidasi CSS, HTML maupun Javascript yang Anda buat, Anda juga bisa 'mengintip' garis-garis pembatas yang dibuat oleh box div maupun kerangka tabel (melalui Display Div Order), menampilkan informasi warna, metatag, navigasi link, link image, ukuran dokumen HTML serta menampilkan informasi form secara detail. Ada juga fitur disable JS, disable CSS maupun Cookie dan Cache. Dari yang disebutkan tadi, masih banyak sekali fiturnya yang bisa dinikmati oleh para developer web, untuk mendownload add-ons, silahkan diunduh di sini untuk Firefox dan di sini untuk Google Chrome.

Firebug

image

Add-ons yang satu ini paling ciamik kalau dipakai untuk debug program. Anda bisa mengedit CSS, Javascript dan HTML secara langsung dan melihat hasilnya. Plugin ini banyak dipakai berbagai browser selain untuk debug juga bisa dipakai untuk memantau performa web buatan Anda. Anda juga bisa melihat visualisi CSS yang Anda buat, memonitor aktivitas jaringan, memodifikasi DOM dan secara cepat menemukan error pada Javascript yang telah Anda buat sebelumnya. Untuk menggunakannya, silahkan download di sini.

FireFTP

image

Akan sangat menyenangkan kalau Anda tak perlu menginstalasi FTP client. Ya itulah gunanya kalau Anda memiliki add-ons FireFTP pada browser Anda. Sudah bisa dipastikan plugin yang satu ini sangat berguna untuk upload dan download data ke server tujuan Anda. Selain itu Anda juga bisa melakukan perubahan permission chmod, menampilkan hidden files seperti .htaccess serta operasi file contohnya untuk rename file, membuat direktori dan lain sebagainya. Untuk memilikinya silahkan download di sini.

FireShot

image

Ada kalanya kita butuh meng-capture tampilan halaman web yang telah kita buat, FireShot hadir mengurangi beban di pundak kita agar tidak bolak balik buka Photoshop untuk sekedar bikin screenshot halaman web. Kita juga bisa menambahkan caption teks dari screenshot yang kita buat. Ingin mencobanya, silahkan download di sini.

Greasemonkey

image

Sering mengunjungi web tertentu dan mulai bosan dengan tampilannya? Kini Anda bisa mengubah tampilan web tersebut di browser Anda. Bagaimana caranya? Greasemonkey siap membantu Anda, Anda dapat mengedit script dari website tersebut dan menyimpannya di lokal, maka browser Firefox akan membaca Javascript yang Anda buat dan menampilkannya seolah-olah website tersebut 'ganti kulit'. Ada banyak javascript sederhana yang ditawarkan untuk digunakan bersama add-ons yang unik satu ini. Anda bisa mengunduhnya di sini.

ColorZilla

image

Mendevelop website kadang membuat mata kita 'jenuh' akibatnya warna yang kita pilih itu-itu saja, akan sangat baik bila Anda memasang ColorZilla di browser Firefox Anda agar ketika Anda berselancar dan menemukan website yang warnanya cantik dan menarik bisa Anda 'contek' kode RGB-nya. Nah, tunggu apalagi, pasang yuk add-ons yang satu ini dengan mendownload di sini.

Page Speed

image

Performa dan kecepatan akses suatu website merupakan poin penting dari kesuksesan sebuah website. Itu merupakan tolok ukur yang harus kita perhatikan ketika membuat website, untungnya sudah ada Page Speed yang mana akan membantu kita mengukur kecepatan dan memberikan solusi-solusi yang baik untuk meningkatkan performa website kita. Selain tersedia online, kini Anda bisa memilikinya di browser Anda langsung, silahkan download di sini

Jumat, 01 Februari 2013

Cara Menghapus File/Folder Yang Tidak Bisa Dihapus

Sobat pernah menemukan File/Folder yang tidak bisa dihapus(bandel)? Terkadang memang kita menjumpai di Komputer kita ada file/folder yang tidak bisa di hapus dengan cara biasa.
Kasus seperti ini bisa terjadi dikarenakan banyak sebab, mungkin komputer yang kita gunakan sering terkoneksi dengan internet, atau bisa juga karena kita sering memindahkan data dari CD dan VCD,ataupun lewat USB external seperti Flashdisk.

Biasanya jika kita menghapus/delete file akan muncul pesan error seperti:
- "Cannot delete file: Access is denied"
- "There has been a sharing violation"
- "The source or destination file may be in use"
- "The file is in use by another program or user"
- "Make sure the disk is not full or write-protected and that the file is not currently in use"
Dan entah pesan-pesan yang lainnya yang intinya sobat ga diperbolehkan untuk mendelete file atau folder tersebut, itu bisa disebabkan karena file tersebut lagi digunakan oleh suatu program, atau paling memungkinkan file atau program itu adalah sebuah virus.
Nah agar bisa mengatasi itu semua Anda bisa menggunakan Program Unlocker 1.9.1 untuk menghapus file atau folder tersebut. silahkan download softwarenya dibawah ini.

Langkah Menghapus File/Folder dengan Unlocker 1.9.1
1. Download dan Instal software Unlocker 1.9.1
2. Pilih file atau folder yang ingin anda hapus lalu klik kanan
3. Lalu pilih menu Unlocker
4. Setelah itu pilih Delete
5. Kemudian tekan OK