Langkah –langkah membuat animasi dalam Blogger ( Bebas )

NAMA:SRI DEWI
KELAS:IK 03
EMAIL YAHOO:-
EMAIL GOOGLE:DEWICENCER@GMAIL.COM
BLOG:sridewihellokity.blogspot.com 
  a.Langkah – langkah membuat animasi “Jam” pada Blogger
     

1. Kunjungi situs Clocklinkgallery
2. Pilih animasinya sesuai keinginan
3. Klik view HTML tag
4. Klik tombol tulisan accept
5. Pilih waktu sesuai negara
6. Set ukuran jam
7. Copy kode HTML tersedia
8. Login akun blogger
9. Pilih tata letak
10. Klik tambah gadget
11. Pilih HTML javascript
12. Paste kode tadi
13. Klik Simpan

 Contoh Kode HTML

<iframe scrolling="no" frameborder="0" style="overflow:hidden;border:0;margin:0;padding:0;width:150px;height:150px;" src="http://www.clocklink.com/html5embed.php?clock=007&timezone=PST&color=gray&size=150"></iframe> 
b.  Langkah –langkah membuat animasi dalam Blogger ( Bebas ) 

   CARA MEMBUAT GAMBAR BERPUTAR DAN MEMBESAR PADA BLOG 

Langkah-langkahnya sbb;

1. Pertama, pastinya LogIn dulu ke BLOG Kalian.

2. Kemudian dari Dasbor, cari Template --> Edit HTML.  kemudian klik sembarang pada kotak script

3. cari Code ]]></b:skin> (Untuk memudahkan pencarian maka tekan Tombol CTRL + F atau F3 pada Keyboard

4. Kemudian CoPas Code di bawah tepat di ATAS Code ]]></b:skin>

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

5. Terakhir tinggal di SIMPAN dan lihat hasilnya.