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/AVvXsEit5xS_rpKJL3OuMS78XhkU1EAXefwvSaUXGkY6eIq8L_11lv_6Sh-Ik7tNZRnWZVeHvLwthOqSvYKWdxMbdWRPmkebOFyjvEIQSnlhvLgNxhjdO9W2mgMOjx2ElBOwey4_aaNLkPZVhzba/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/AVvXsEiqPuUESnB1y9aJadHtyGOoZh7I8OXNjnbmBiESowM7zg_820XeAz9zDhCW1GZ85GjbAincpFNJxfuHquj-RxmXeG7x54QXT2vuGe-kg6cs2FVo1I6ezp18QzsXTMUhhB_Hixfvxjfq1G4/s1600/sharingan6.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPJQZINTZ5Jh3-yoHLELGqiOZqkhhX6NGH0g2wRfn5zceaquFNid9AZNnqzy9F6T8sdLiowNN3-kQj9bZ6GAQAUbwBKBTzmCa1d9BLWvSFQLjvBinQmTZZvbLXl1WzCMP2lUBl5G8rtX0/s1600/sharingan3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg6-ObLnsynkOhMStEK6ZeHCTsynyQT8xADI84bo1GdlUNmYS937415P2uQcHPoWwMzGEw63gIwiq1yBD4Spbsce6iw_7Xx0YFb6rufFVSkwEYZbKyQFxF92ixCOKJp720u0LzAyLtMp8/s1600/sharingan8.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_UkPYZKzjEwltX2J1mia9DklemvfUnGvnO4PkSS6LGnAftMTI_t8KeArcNNAxE2-ffxoBh2lnbfoeJQMgTD6B2dvudZjRJb-MUSgebfkjbsZaeZ_HIhHVkJHjHXhBMJCxbj96IDlx_5k/s1600/sharingan5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTVMYKlm1L5M0KPhxAyuAc-pBFazmEU-VITEH3bEyMT0oZcnAlknAs5RaVz2GGoQdyp3tiAaJB3NEjqJyzkltz3Oa-XAmNBgEvgLYqBnR8EiAZQldMeSDBiw9YZkCdKzAgyxHf9PKrpUs/s1600/sharingan2.png