Membuat Animasi Background Berjalan (Bergerak)

Bookmark and Share

Yang ini juga asli product dalam negeri. Dengan hanya secuil javascript sebuah background animasi yang selalu bergerak bisa menjadi bagian dari blog sampeyan. Menempatkannya sebagai background header menjadi sebuah pilihan tepat hingga terlihat sangat atraktif. Membuatnya juga sangat simple karena hanya perlu menyimpan script pertama di bagian header di bawah tag pembuka header (<head>) dan script kedua di atas tag penutup body (</body>). Perlukah kode css untuk animasi background bergerak ini? Yah, tentu saja jika dipandang perlu sampeyan bisa buat tambahan kode css agar bisa ditampilkan lebih cantik di blogger atau blogdetik sekaligus penyesuaian dengan kode html di template. O..., ya ... xHTML yang nantinya dipergunakan bisa sampeyan lihat di bawah ini.

<div id="digerakin" style="width:100%;height:150px;background:url('bg-animasi.jpg') repeat 0px 0px"></div>

Keterangan/Catatan

  1. Ganti bg-animasi.jpg dengan URL image yang akan digunakan sebagai background bergerak.
  2. Sebagai sample sampeyan bisa gunakan URL background image berikut untuk melakukan percobaan.
    https://sites.google.com/site/gubhugreyotprojects/jan-2012/images/zhen-bg-sample-001.jpg
  3. Silahkan ikuti panduan dan tutorialnya di Membuat Animasi Background
  4. Silahkan berikan komentar dan jika ada kesulitan aplikasi di blog bisa sampaikan langsung ke si-empunya blog!
  5. Background Animasi bergerak bisa diterapkan di blogdetik yang notabene sedikit terbatasi dalam modifikasi dan improvisasi kode html, oleh sebab itu jika kita gunakan di blogger pasti jauh lebih mudah!

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Posting: Selasa PON, » January, 10, 2012

� Happy Blogging - gubhugreyot �

{ 0 komentar... Views All / Send Comment! }

Posting Komentar

Powered By Blogger