Entri Populer

Sabtu, 24 November 2012

Cara Memasukkan Animasi Kedalam Blog

Wokeh...!!! sekarang saya akan posting tentang cara memasukkan animasi kedalam blog. Mungkin bagi teman-teman yang baru membuat blog, terus mau memperindah tampilan blognya supaya lebih bagus lagi, jangan khawatir, saya akan kasih tahu caranya.

1. Teman-teman harus log in dulu ke blogger.
2. Terus nanti akan muncul tuh tampilan Dasbor blog-nya.
3. Nanti teman-teman klik ikon yang ada disamping buka daftar entri.
6. Pilih tata letak.
7. Setelah itu tinggal add gadget-nya ajah.
8. Klik HTML/JavaScript.
9. Tinggal kamu copy script yang ada di bawah gambar animasi ini, terus kamu paste ke kolom konten. Kalo boleh bisa juga kamu taruh judulnya di kolom Judul.
9. Selanjutnya tinggal di simpan deh.

Ini nih beberapa gambar animasinya beserta kode script-nya:


Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
 

Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

 

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

 

 
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

Nah, yang perlu teman-teman tau, nih animasi kalo udah dimasukin keblog, posisinya itu akan berada di bawah sebelah kiri. Tentu teman-teman mempunyai keinginan masing-masingkan? untuk meletakkan animasi tersebut disebelah mana?. Caranya, teman-teman tinggal mengganti tulisan yang warna merah itu dengan:
1. fixed; bottom: 0px; right kalau teman-teman mau posisi animasinya berada di bawah sebelah kanan.
2. fixed; top: 0px; left kalau teman-teman mau posisi animasinya berada di atas sebelah kiri.
3. fixed; top: 0px; right kalau teman-teman mau posisi animasinya di atas sebelah kanan.

Animasi ini akan muncul dipojok blog teman-teman.

****.....****
Semoga Bermanfaat ^^



1 komentar :

Unknown mengatakan...

ooh itu tinggal dikopi ajah yah html nya kalo misal mau memasukkan animasi yang ada di komputer kita kedalam blog bagaimana caranya ...??

minta tolong kunjngi blok saya yah .. www.creampemutihkulitocie.blogspot.com sekalian minta sarannya ...

Posting Komentar

Silahkan di coment yah,,,,
Tapi harus memenuhi etika-etika dalam berkomentar ^^
Jangan menggunakan kata-kata kasar maupun menyinggung individu ataupun kelompok,,,, OOOKKK!!! ^^