Animasi Blogspot

Membuat Animasi bergerak di sudut blog

noreply@blogger.com (Anonymous) — Tue, 06 Mar 2012 15:48:00 +0000

Hay sobat BLOGGER kali ini saya akan membahas bagaimana cara membuat animasi bergerak di sudut blog, ok untuk mempersingkat waktu langsung aja kita ke tutorialnya ok..

1. Login ke blogger trus klik "Layout -->> Edit HTML

2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

Code:: #trik_pojok { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

Code:: <div id="trik_pojok"> <a href="http://merdeka.forumid.net"> <img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a> </div>

"http://merdeka.forumid.net" adalah link. ganti dengan link kamu.
"http://kendhin.890m.com/soniclari.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Membuat Animasi Kursor di Blog

noreply@blogger.com (Anonymous) — Tue, 06 Mar 2012 15:38:00 +0000

Mungkin anda pernah menjumpai tatkala membuka sebuah blog lalu disitu terdapat sebuah gambar animasi kecil yang mengikuti gerakan mouse anda. Anda mungkin tertarik untuk membuat yang seperti itu ? ternyata mudah untuk membuatnya tidak diperlukan skil khusus, lantas bagaimana bara membuat Membuat Animasi Cursor Mouse tersebut simak langkah-langkahnya berikut :

1. Login ke Blogger + Tata Letak + Edit HTML dan berikan centang pada Expand Tempelate Widget (untuk jaga - jaga sebaiknya anda Download Tempelate Lengkap anda)

2. Kemudian kamu cari kode body { (untuk memudahkan pencarian gunakan Cntrl + F di keyboard)

3. Seteleh ketemu anda letakkan Script dibawah ini di bawah kode body {

cursor:url(”http://i49.tinypic.com/flvjtl.gif“),text;

NB : Tulisan yang warna biru dapat anda ganti dengan url gambar yang anda inginkan atau jika ingin mengganti dengan kode gambar di bawah ini :

Ini url nya Ini url nya http://cursors.funutilities.com dan anda bisa pilih ikon cursor mouse sesuka anda kemudian upload gambar tersebut di http://photobucket.com atau di http://tinypic.com/

Bagaimana anda tertarik untuk mencobanya ?

Membuat Animasi Salju di Blog

noreply@blogger.com (Anonymous) — Tue, 06 Mar 2012 15:26:00 +0000

Walau lagi musim salju atau tidak. Kita tetap bisa kan membuat hujan salju di blog kita. Memang di sini tidak ada hujan salju,
tapi apa salahnya jikalau kita buat hujan salju di blog kita. Bagaimana caranya membuat hujan salju di blog kita? Mudah kok

Cara Membuat Hujan Salju di Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh (copy paste) kode berikut ini diatas kode </head>

6. Simpan Template jika sudah selesai.

Selesai dech..(*n_n*)

Selamat Mencoba yah sob....

Membuat Animasi cantik Di Blog

noreply@blogger.com (Anonymous) — Tue, 06 Mar 2012 15:16:00 +0000

Animasi merupakan suatu konten yang akan membuat tampilan blog anda menarik di mata pengunjung, dengan animasi blog akan lebih terlihat hidup dan terlihat aktif serta terlihat dikelola oleh yang empunya blog, dengan cara memasukkan animasi ke dalam blog kita, semoga pengunjung semakin tertarik dengan blog anda dan menyempatkan diri mereka untuk datang dan berkunjung kembali ke blog anda. Berikut adalah cara memasukkan animasi tulisan ke dalam blog anda. Silahkan ikuti langkah2 berikut ini :

1. Masuk ke situs FLASHVORTEX.COM

2. Pada bagian Menu Di atas,,, silahkan anda pilih animasi yang ingin anda buat... Baik itu Menus, Texts, Banners, Button, dll.

3. Dalam hal ini saya akan mencontohkan Banners... Silahkan Pilih banner yang anda suka... klik CLICK HERE TO EDIT THIS

4. Edit kata kata sesuai dengan yang anda inginkan.. Lalu klik Generate Animation..

5. setelah itu anda akan di berikan sebuah kode... nah,... copy paste kode tersebut ke blog anda... baik itu di edit html, postingan, atau pada gadget baru... terserah anda...

Selamat Mencoba...

Membuat Animasi Loading Pada Gambar

noreply@blogger.com (Anonymous) — Tue, 06 Mar 2012 14:57:00 +0000

Trik ini saya gunakan untuk blog yang banyak menggunakan gambar dalam postingan ok langsung aja kita ke tutorial nya sekarang

1. Login akun Blogger anda terlebih dahulu.

2. Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan

3. Pilih Rancangan, Edit HTML, cek/centang Expand Widget Template

4. Cari kode <body>, jika sudah ketemu hapus, ganti dengan script dibawah ini

<body onLoad='waitPreloadPage();'>  <div id='prepage' style='display:scroll;position:fixed;top:100px;left:3px'><img border='0' src='http://i811.photobucket.com/albums/zz36/asksalman/loading2.gif'/></div> 

5. Silakan cari kode </body>, Hapus dan ganti dengan kode berikut:

Keterangan :
URL gambar , http://i811.photobucket.com/albums/zz36/asksalman/loading2.gif yang ini.
dapat diganti sesuai dengan selera anda.

Misalnya dengan animasi di bawah ini:

http://i811.photobucket.com/albums/zz36/asksalman/loading1.gif

http://i811.photobucket.com/albums/zz36/asksalman/loading3.gif

Atau anda dapat mencari sendiri di google image search silakan masukan kata kunci loading.gif

Sahabat informasi maya, selamat mencoba trik Membuat animasi loading pada gambar blog.