Cara Membuat Animasi Saringgan Keren Di Blog

 

Cara Pemakaian :
1. Buka Blogger, Lalu pilih Template lalu klik Edit HTML! Jangan lupa untuk mencentang Expand Template Widget
 

2. Cari kode <div id='header-wrapper'> atau <div id="header-wrapper"> || jika tidak ada keduanya! berarti template anda telah dimodifikasi oleh pengguna template sebelumnya!
 

3. Sisipkan kode berikut tepat di bawah kode <div id='header-wrapper'> atau <div id="header-wrapper"> 

<div id='WAKsharingan1'><div class='WAKsharingan'/></div>

4. Lalu cari kode ]]></b:skin> dan sisipkan kode berikut tepat di atas kode tadi :

/* WAKSharingan */
.WAKsharingan1 { -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear;margin-top:-60px; margin-left:800px;position:absolute;z-index:999;height: 200px; line-height: 46px;border-radius:500px;border-left:10px solid black;border-right:10px solid black;width: 200px;; -moz-animation:WAKspin 1s infinite linear; -webkit-animation:WAKspin 1s infinite linear;animation:WAKspin 1s infinite linear}
.WAKsharingan {margin-top:-60px; margin-left:800px;position:absolute;z-index:999;background: url(http://lh4.googleusercontent.com/-1H0QD0Pto-M/UN6cEsf3xAI/AAAAAAAAAOo/CrvHCdmMmrM/s185/supers.png) no-repeat;height: 185px; line-height: 46px;border-left:20px solid black;border-radius:500px;border-right:20px solid black;width: 185px; -moz-animation:WAKspin 1s infinite linear; -webkit-animation:WAKspin 1s infinite linear;animation:WAKspin 1s infinite linear}
@-moz-keyframes WAKspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
@-webkit-keyframes WAKspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
@keyframes WAKspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }

5. Klik OK dan selesailah!

NB :
Jika template berantakan, anda bisa mengatur margin yang saya beri warna biru!
Untuk preview, Klik di sini!

Ditulis Oleh : Unknown ~ Games Lovers

Anda sedang membaca sebuah artikel yang berjudul Cara Membuat Animasi Saringgan Keren Di Blog, Semoga artikel tersebut bermanfaat untuk anda, Mohon maaf apabila konten yang anda baca rusak atau salah dalam penulisan. Jika ada pertanyaan, kritik, dan saran yang ingin di sampaikan silahkan tulis di kotak komentar

:: Terima Kasih ! ::