.quickedit{ display:none;} -- kode warna merah adalah jquery, jika sobat sudah mempunyai jquey maka jangan dipasang lagi -- -- kode warna biru adalah tinggi dan lebar foto yang akan ditampilkan --

wel

WELCOME TO MY BLOG AHMAD YUSRONI
Tampilkan postingan dengan label kode html animasi. Tampilkan semua postingan
Tampilkan postingan dengan label kode html animasi. Tampilkan semua postingan

Minggu, 30 Agustus 2015

Kumpulan Animasi Bergerak

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

237
Diposkan oleh Adi Wijaya on Selasa, 22 Mei 2012 , in , ,

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>

Cara Memasang Jam Mengikuti Cursor Pada Blog

Belajar Computer Dunia Maya kali Ini membagi trik Cara Memasang Jam Mengikuti Cursor Pada Blog. Memasang jam yang mengikuti pointer kursor mouse dengan jarum detik dan tanggal yang memutar. Jam ini menggunakan data Hari, Tanggal dan Waktu yang ada pada komputer pengunjung. Cara pemasangan script waktu ini cukup mudah dan anda tidak perlu merubah keseluruhan script ini karena semua itu akan mengubah koordinat dan membuat script tidak bisa berjalan. Oke langsung ikuti tutorialnya:

Login ke blog anda.
Klik "Design" kemudian klik "Edit HTML".

Cari kode </Head> kemudian copy-paste kode berikut ini diatas </Head>.
<style type='text/css'> .css1{ position:absolute;top:0px;left:0px; width:16px;height:16px; font-family:Arial,sans-serif; font-size:16px; text-align:center; font-weight:bold; } .css2{ position:absolute;top:0px;left:0px; width:10px;height:10px; font-family:Arial,sans-serif; font-size:10px; text-align:center; } </style>
Kemudian Cari kode </Body>  copy-paste kode berikut ini diatas </Body>.
<script src='http://monozcore-project.googlecode.com/files/cursorclock.js' type='text/javascript'/>
Selamat Mencoba..Semoga Bermanfaat..TQ