Archive for Januari 2013

http://3.bp.blogspot.com/-Hx7H2D4zU-A/UP74FGUM_WI/AAAAAAAAAHo/_zMSfCAhQZE/s1600/asda.jpg 
SmadAV meluncurkan versi terbarunya yaitu SmadAV 2013 Rev. 9.2.1 Pro + Keygen. Pada versi ini, SmadAV mengupdate databasenya dengan menambah 229 varian virus lokal baru yang mungkin sedang marak akhir akhir ini. Selain itu SmadAV 2013 Rev. 9.2.1 Pro + Keygen juga support terhadap Windows 8.

Password : www.dytoshare.us

Award Ketujuh-ku dari RvMalice

Rabu, 16 Januari 2013
Tag :
Pengumumaan pemenang awardnya sih sudah lama dipositng, tapi baru sekarang ku buat di blogku, haddeww -,- Aku ikut award yang kk Renadel adakan di blognya. Dia mengadakan COVER DESIGN AWARD, yang diikuti oleh beberapa negara :D Aku tidak masuk sebagai pemenangnya *mungkin belum rejeki  kali ya hahaa. Tapi yang penting aku sudah usaha dan mendapatkan awardku di bulan Januari ini :) Gambar awardnya ada diatas dan untuk bukti pemenangnya bisa di cek disini :) Dan desain yang kukirim adalah ini :
http://4.bp.blogspot.com/-k_ZbucYuQME/UOlqT_sApwI/AAAAAAAAD34/QprihzUxv1w/s1600/46458_566861960009910_1483688750_n.jpg 


Hai sahabat blogger semua, kemarin kemarin saya sudah share Cara Membuat Efek Loading Dengan CSS. Dan untuk kali ini saya akan share Cara Membuat Animasi Loading Blog Dengan CSS :) Ini tidak memberatkan blog karena ini menggunakan CSS animasi. Okeh langsung saja ikuti caranya.

1. Animasi 1 ( Efek Bounce dan Rotate )

Contohnya klik disini
Cara membuatnya :
  • Masuk ke Edit HTML
  • Jangan lupa centang Expand Template Widget
  • Lalu cari kode ]]></b:skin> dengan menggunakan CTRL+F
  • Setelah ketemu letakkan kode dibawah ini tepat diatas kode ]]></b:skin> 
@-webkit-keyframes WAKloading{
0%{-webkit-transform:translate(0px,0px) scale(0.50);opacity:1}
20%{-webkit-transform:translate(0px,-200px) scale(0.50);opacity:1;}
40%{-webkit-transform:translate(0px,0px) scale(0.50);opacity:1;}
60%{-webkit-transform:translate(0px,-200px) scale(0.50);opacity:1;}
80%{-webkit-transform:translate(0px,-200px) scale(0.50);opacity:1;-webkit-transform:rotate(-360deg);}
100%{-webkit-transform:translate(0px,0px) scale(1);opacity:1;}
}
@-o-keyframes WAKloading{
0%{-o-transform:translate(0px,0px) scale(0.50);opacity:1}
20%{-o-transform:translate(0px,-200px) scale(0.50);opacity:1;}
40%{-o-transform:translate(0px,0px) scale(0.50);opacity:1;}
60%{-o-transform:translate(0px,-200px) scale(0.50);opacity:1;}
80%{-o-transform:translate(0px,-200px) scale(0.50);opacity:1;-webkit-transform:rotate(-360deg);}
100%{-o-transform:translate(0px,0px) scale(1);opacity:1;}
}
@-moz-keyframes WAKloading{
0%{-moz-transform:translate(0px,0px) scale(0.50);opacity:1}
20%{-moz-transform:translate(0px,-200px) scale(0.50);opacity:1;}
40%{-moz-transform:translate(0px,0px) scale(0.50);opacity:1;}
60%{-moz-transform:translate(0px,-200px) scale(0.50);opacity:1;}
80%{-moz-transform:translate(0px,-200px) scale(0.50);opacity:1;-webkit-transform:rotate(-360deg);}
100%{-moz-transform:translate(0px,0px) scale(1);opacity:1;}
}
@-ms-keyframes WAKloading{
0%{-ms-transform:translate(0px,0px) scale(0.50);opacity:1}
20%{-ms-transform:translate(0px,-200px) scale(0.50);opacity:1;}
40%{-ms-transform:translate(0px,0px) scale(0.50);opacity:1;}
60%{-ms-transform:translate(0px,-200px) scale(0.50);opacity:1;}
80%{-ms-transform:translate(0px,-200px) scale(0.50);opacity:1;-webkit-transform:rotate(-360deg);}
100%{-ms-transform:translate(0px,0px) scale(1);opacity:1;}
}
@keyframes WAKloading{
0%{transform:translate(0px,0px) scale(0.50);opacity:1}
20%{transform:translate(0px,-200px) scale(0.50);opacity:1;}
40%{transform:translate(0px,0px) scale(0.50);opacity:1;}
60%{transform:translate(0px,-200px) scale(0.50);opacity:1;}
80%{transform:translate(0px,-200px) scale(0.50);opacity:1;-webkit-transform:rotate(-360deg);}
100%{transform:translate(0px,0px) scale(1);opacity:1;}
}
  • Lalu cari kode #outer-wrapper dan masukkan kode dibawah ini kedalamnya
;-webkit-animation:WAKloading 3s;-moz-animation:WAKloading 3s;-ms-animation:WAKloading 4s;animation:WAKloading 3s;-o-animation:WAKloading 3s
  • Sehingga menjadi seperti ini
#outer-wrapper {-webkit-animation:WAKloading 3s;-moz-animation:WAKloading 3s;-ms-animation:WAKloading 4s;animation:WAKloading 3s;-o-animation:WAKloading 3s}
  • Kemudian disave.

2. Animasi 2 ( Efek Earthquake )

Contohnya klik disini
Cara membuatnya :
  • Masuk ke Edit HTML
  • Jangan lupa centang Expand Template Widget
  • Lalu cari kode ]]></b:skin> dengan menggunakan CTRL+F
  • Setelah ketemu letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
@keyframes WAKloading{
0%{opacity:1;-webkit-transform:rotate(0deg);}
5%{opacity:1;-webkit-transform:rotate(5deg);}
10%{opacity:1;-webkit-transform:rotate(-5deg);}
15%{opacity:1;-webkit-transform:rotate(5deg);}
20%{opacity:1;-webkit-transform:rotate(-5deg);}
25%{opacity:1;-webkit-transform:rotate(5deg);}
30%{opacity:1;-webkit-transform:rotate(-5deg);}
35%{opacity:1;-webkit-transform:rotate(-5deg);}
40%{opacity:1;-webkit-transform:rotate(5deg);}
45%{opacity:1;-webkit-transform:rotate(-5deg);}
50%{opacity:1;-webkit-transform:rotate(5deg);}
55%{opacity:1;-webkit-transform:rotate(-5deg);}
60%{opacity:1;-webkit-transform:rotate(5deg);}
65%{opacity:1;-webkit-transform:rotate(-5deg);}
70%{opacity:1;-webkit-transform:rotate(5deg);}
80%{opacity:1;-webkit-transform:rotate(-5deg);}
85%{opacity:1;-webkit-transform:rotate(5deg);}
90%{opacity:1;-webkit-transform:rotate(-5deg);}
95%{opacity:1;-webkit-transform:rotate(5deg);}
35%{opacity:1;-webkit-transform:rotate(0deg);}
}

@-o-keyframes WAKloading{
0%{opacity:1;-webkit-transform:rotate(0deg);}
5%{opacity:1;-webkit-transform:rotate(5deg);}
10%{opacity:1;-webkit-transform:rotate(-5deg);}
15%{opacity:1;-webkit-transform:rotate(5deg);}
20%{opacity:1;-webkit-transform:rotate(-5deg);}
25%{opacity:1;-webkit-transform:rotate(5deg);}
30%{opacity:1;-webkit-transform:rotate(-5deg);}
35%{opacity:1;-webkit-transform:rotate(-5deg);}
40%{opacity:1;-webkit-transform:rotate(5deg);}
45%{opacity:1;-webkit-transform:rotate(-5deg);}
50%{opacity:1;-webkit-transform:rotate(5deg);}
55%{opacity:1;-webkit-transform:rotate(-5deg);}
60%{opacity:1;-webkit-transform:rotate(5deg);}
65%{opacity:1;-webkit-transform:rotate(-5deg);}
70%{opacity:1;-webkit-transform:rotate(5deg);}
80%{opacity:1;-webkit-transform:rotate(-5deg);}
85%{opacity:1;-webkit-transform:rotate(5deg);}
90%{opacity:1;-webkit-transform:rotate(-5deg);}
95%{opacity:1;-webkit-transform:rotate(5deg);}
35%{opacity:1;-webkit-transform:rotate(0deg);}
}

@-webkit-keyframes WAKloading{
0%{opacity:1;-webkit-transform:rotate(0deg);}
5%{opacity:1;-webkit-transform:rotate(5deg);}
10%{opacity:1;-webkit-transform:rotate(-5deg);}
15%{opacity:1;-webkit-transform:rotate(5deg);}
20%{opacity:1;-webkit-transform:rotate(-5deg);}
25%{opacity:1;-webkit-transform:rotate(5deg);}
30%{opacity:1;-webkit-transform:rotate(-5deg);}
35%{opacity:1;-webkit-transform:rotate(-5deg);}
40%{opacity:1;-webkit-transform:rotate(5deg);}
45%{opacity:1;-webkit-transform:rotate(-5deg);}
50%{opacity:1;-webkit-transform:rotate(5deg);}
55%{opacity:1;-webkit-transform:rotate(-5deg);}
60%{opacity:1;-webkit-transform:rotate(5deg);}
65%{opacity:1;-webkit-transform:rotate(-5deg);}
70%{opacity:1;-webkit-transform:rotate(5deg);}
80%{opacity:1;-webkit-transform:rotate(-5deg);}
85%{opacity:1;-webkit-transform:rotate(5deg);}
90%{opacity:1;-webkit-transform:rotate(-5deg);}
95%{opacity:1;-webkit-transform:rotate(5deg);}
35%{opacity:1;-webkit-transform:rotate(0deg);}
}

@-moz-keyframes WAKloading{
0%{opacity:1;-moz-transform:rotate(0deg);}
5%{opacity:1;-moz-transform:rotate(5deg);}
10%{opacity:1;-moz-transform:rotate(-5deg);}
15%{opacity:1;-moz-transform:rotate(5deg);}
20%{opacity:1;-moz-transform:rotate(-5deg);}
25%{opacity:1;-moz-transform:rotate(5deg);}
30%{opacity:1;-moz-transform:rotate(-5deg);}
35%{opacity:1;-moz-transform:rotate(-5deg);}
40%{opacity:1;-moz-transform:rotate(5deg);}
45%{opacity:1;-moz-transform:rotate(-5deg);}
50%{opacity:1;-moz-transform:rotate(5deg);}
55%{opacity:1;-moz-transform:rotate(-5deg);}
60%{opacity:1;-moz-transform:rotate(5deg);}
65%{opacity:1;-moz-transform:rotate(-5deg);}
70%{opacity:1;-moz-transform:rotate(5deg);}
80%{opacity:1;-moz-transform:rotate(-5deg);}
85%{opacity:1;-moz-transform:rotate(5deg);}
90%{opacity:1;-moz-transform:rotate(-5deg);}
95%{opacity:1;-moz-transform:rotate(5deg);}
35%{opacity:1;-moz-transform:rotate(0deg);}
}
  • Lalu cari kode #outer-wrapper dan masukkan kode dibawah ini kedalamnya
;-webkit-animation:WAKloading 3s;-moz-animation:WAKloading 3s;-ms-animation:WAKloading 3s;animation:WAKloading 3s;-o-animation:WAKloading 3s;
  • Sehingga hasilnya menjadi sepert ini 
#outer-wrapper {-webkit-animation:WAKloading 3s;-moz-animation:WAKloading 3s;-ms-animation:WAKloading 3s;animation:WAKloading 3s;-o-animation:WAKloading 3s;}
  • Kemudian disave

3. Animasi 3 ( Efek Slidding )

Contohnya klik disini
Cara membuatnya :
  • Masuk ke Edit HTML
  • Jangan lupa centang Expand Template Widget
  • Lalu cari kode ]]></b:skin> dengan menggunakan CTRL+F
  • Setelah ketemu letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
@-webkit-keyframes WAKloading{from{-webkit-transform:translate(-1000px,0px);opacity:0}
to{-webkit-transform:translate(0px,0px);opacity:1.1;}}
@-moz-keyframes WAKloading{from{-moz-transform:translate(-1000px,0px);opacity:0}
to{-moz-transform:translate(0px,0px);opacity:1.1;}}
@-ms-keyframes WAKloading{from{-ms-transform:translate(-1000px,0px);opacity:0}
to{-ms-transform:translate(0px,0px);opacity:1.1;}}
@keyframes WAKloading{from{transform:translate(-1000px,0px);opacity:0}
to{transform:translate(0px,0px);opacity:1.1;}}
  • Lalu cari kode #outer-wrapper dan masukkan kode dibawah ini kedalamnya
animation:WAKloading 2s;-webkit-animation:WAKloading 2s;-o-animation:WAKloading 2s-moz-animation:WAKloading 2s;-ms-animation:WAKloading 2s;animation:WAKloading 2s;
  • Sehingga menjadi seperti ini
#outer-wrapper {animation:WAKloading 2s;-webkit-animation:WAKloading 2s;-o-animation:WAKloading 2s-moz-animation:WAKloading 2s;-ms-animation:WAKloading 2s;animation:WAKloading 2s;}
  • Kemudian disave.
sumber

" Perkumpulan "

Reiji bertemu dengan peserta Dragon Drive lainnya di jalan, mereka mempermainkan peserta yang lain, lalu Reiji menolong orang itu.  Para epserta yang jahat ini tidak terima dan menculik Yukino pada malam hari, Reiji mencoba menolong Yukino tetapi Reiji tidak bisa apa-apa karena Yukino disandera oleh mereka., lalu tiba-tiba muncul seseorang yang menolong mereka.

DOWNLOAD [ 55 MB ]



" Itulah Dirimu "

Hagiwara yang terluka tidak bisa mengikuti Dragon Heaven untuk sementara waktu ini, jadi Yukino menggantikannya.  Di tengah perjalanan, Rockaku menyuruh Yukino untuk melewaati padang pasir seorang diri karena Gholaoh sangat lamban dan tidak bisa terbang, Rockaku sengaja melakukan itu untuk mengetes tekat Yukino. Yukino menyetujuinya, akan tetapi tidak mudah bagi Yukino untuk melewati padang pasir seorang diri, apalagi ada seseorang yang mengincar Yukino.

DOWNLOAD [ 55 MB ]


Copyright © 2013 David As'Chri ChieLietonga 06 | Robotic Notes | Powered by Blogger

Designed by : Johanes Djogan | Redesignde by : David As'Chri ChieLietonga 06: Januari 2013