Cara Membuat Sharingan berputar dengan CSS . .

Ok kali ini Admin mau mengajarkan Cara Membuat Sharingan berputar dengan CSS . .

caranya  :

1.Buka Blogger
2.Klik Template > Edit HTML > centang Expand Template Widget
( Saya sarankan backup dulu template kamu )
3.Cari code ]]></b:skin> , ( Pake CTRL+F biar lebih cepet )
4.Copy code dibawah ini , dan pastekan tepat di atas code ]]></b:skin>

/* COSharingan */
.COsharingan1 { -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:COspin 1s infinite linear; -webkit-animation:COspin 1s infinite linear;animation:COspin 1s infinite linear}
.COsharingan {margin-top:-60px; margin-left:800px;position:absolute;z-index:999;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRyIA_Y1rtel6SWWQlyHd0Vr0CHtXN9dOD4M7ZnYcZDCSR_AgzQ2mPgRNOYUagLkeG-EmnkSt2KUhFZgkA62hTYJNRgMd3TlWQjni8HqWKqVxrLls9LZw2gK-53kJEOW-nifxECc8YGxc/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:COspin 1s infinite linear; -webkit-animation:COspin 1s infinite linear;animation:COspin 1s infinite linear}
@-moz-keyframes COspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
@-webkit-keyframes COspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
@keyframes COspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }

5.Cari code <div id='header-wrapper'> , lalu copy code di bawah ini dan pastekan tepat di atas
code <div id='header-wrapper'> :
( sebener nya bebas sih taro dimana  . .asalkan tidak error aja , disini saya taro nya di  atas kode <div id='header-wrapper'>)

<div id='COsharingan1'><div class='COsharingan'/></div>

6.Save / Simpan Template

Catatan :

>>>  Teks berwarna BIRU bisa kamu edit sendiri margin nya jika penempatan kurang tepat
>>>  Teks berwarna HIJAU bisa kamu ganti dengan URL gambar sharingan . .


Tenang sharingannya udah saya siapkan , Berikut Sharingannya :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd5LQLUsdWNVFJX-A5IDZ_RIS4uWEN-2d2B_q5ivLC3kd0ZtEfZ-T6TVmV9-cgScTZwMbzsye2p04WXa3W8BEp_lQqMtqjn5bnmZYhSkI0MzB5M0_jmJ1SnknJ5fvQOWcp2GtjuKFzzYg/s1600/sharingan6.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixxyycbYmILMOIasQx4iBKWOXISlHmsFqCsNc3lF2a93JAX99AP2FK-FNIoiiJ2glisZgkyBmEeb4hbhR-IWnQnqDIoXIN-doikx2jvY5ii0zYXQCUoU644rxbzBtZ0YIkKwYtRDq1PVI/s1600/sharingan3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHTG9bu99vNgc_SDsOOThMPZ8bi7UPdP8wM8rRCBs63uHz0N_gv-MjeGnDYMbKYfNpYJ_CBeqzKlvKpvoL87nG-DYMZmNKvj94PR0940hPWfej6nNn0Nx-IQAHNxsIv8Xos4PBRo2hfto/s1600/sharingan8.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLH7r0uLgKK-1w2BmFLGFtH54bYmD1uRMjIwk1iTBUpFDv3NsPGJ90IKxWrF3mb3lK9__R0Wcq_xvbtgWnKYpiF8cSBISu0ZOhWBmU3BsZTvo9qvYcw3lTWbZKxFGNYN9sU4NW9sGgx3w/s1600/sharingan5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi61MjjyAhg4ohWYA3CVwQTZfgEpuFvuRMGhKA_LPLqhIdYJcyTFfsqHyfM7tdykBJdnlx2zr6BeSnLttvSFDe04Df6JhsmAGF9c7FHNb5kSnFeQgnjkX4vXsYd8AHr_JHc9ZcbmbYDGx4/s1600/sharingan2.png