Cara Membuat Spin Sharingan With CSS

Hay Vanseerss. .
Apa kabarnya nihh . . ? Baik" aja ya :)
Ok kali ini Admin mau mengajarkan Cara Membuat Spin Sharingan With CSS . .
waktu kemaren" kan udah pernah Cara Membuat CSS Lingkaran Berputar
sebenernya sama , namun yang 1 ini dengan sedikit variasi nya :)
Dengan variasi sharingan  , ada macam" sharingan juga lhoo . .
Tertarik ? langsung aja berikut tutorialnya :

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>

/* EXSharingan */
.EXsharingan1 { -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:EXspin 1s infinite linear; -webkit-animation:EXspin 1s infinite linear;animation:EXspin 1s infinite linear}
.EXsharingan {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:EXspin 1s infinite linear; -webkit-animation:EXspin 1s infinite linear;animation:EXspin 1s infinite linear}
@-moz-keyframes EXspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
@-webkit-keyframes EXspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
@keyframes EXspin {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='EXsharingan1'><div class='EXsharingan'/></div>

6.Save / Simpan Template

Catatan :
-Teks berwarna kuning bisa kamu edit sendiri margin nya jika penempatan kurang tepat
-Teks berwarna biru bisa kamu ganti dengan URL gambar sharingan . .
Tenang sharingannya udah saya siapkan , Berikut Sharingannya :

1.Madara Eternal

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmViGNfq98Ux7kqZCf09zcMfNpG9469BAUJv60GYWF__3ffel8-mpNrE48i3-3mKC85rGGYy6bO-IogSB4NK92JwbLCUa5pKwvWrtMmFTCciMVJSVxMO2yrX5kkGKSjn2wOQciHAOzb7c/s1600/sharingan6.png

2.Pain Rinnegan

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1CF99ky0wwuw0tBaBzt6aJ70FzhU6Ub_vx3kcYtr_FH0oaHkF4yHJsvIWJyOkWuq5eApj7fBL4zDMrk7wBmYC30fc5U_J9M4kxkeCDQsnoz_tilIMENnF7lVeebM7NzeecPkJTtuiCCE/s1600/rinnegan1.png

2.Mangekyou Sharingan Kakashi

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfBHoQWq6M5LOOsXXc94c_9ZSL71unmS3VmbS0sFBpxoxyTe6WE5sGUXObF0kII8YboHFcX1hxMZfTcF32bSVtGjOwHj_P3M5N7kZmrdWQ1xxz-Knr7EEpHRosXQyVkAAPiyoRYDpIBUo/s1600/sharingan3.png

3.Mangekyou Sharingan Itachi

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPYb_qA2joX-swZKQJ1oI1OzkyOGLfVPG7wYmJ9WL_WAMO_SrIRWdKdNw9VqAohSzdSJRczprIxuhKVzQnxamhiQWX__x5Ly0qV-VQAVLBQvwtiKiouatNtLzhDCSWQge4g001iYRKw3U/s1600/sharingan8.png

 4.Mangekyou Sharingan Sasuke

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmjqoAm4Zl2ELhuRBJ4NgwXGEke9mEH5AvzrCynPumhnSEYl_zu9IToXvAIjJxIOXopp9J20KwhnVJCzGV9H_eQc8gJCdWqOa-UUcNofY7k3wN0jGuzSuPW7L8YSpVyQEf3JP6J99DzyQ/s1600/sharingan2.png

5.Sharingan Triple Stange ( Sasuke )

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9RdidDmUGC7LSKh0ETNRhfvh3OzkjLiYHqjE-P8w7oR_swViTFiIyapCLKbJx4a5yjijKLy5oteQteZMjN1KPKS-wkKrN-lepDOmyY9RmKw92zePm3rwW5IZAvNShlR8Pqu44DPG7ZuU/s1600/sharingan7.png

6.Mangekyou Sharingan Uchiha Shusui

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrj3hfGuQdxggR38O7NWnW2UVbS6CL7-h583Vq0pEQh6Jm4ivLkxQ7_8yH7Lc-zFYHr2YQ7lkx6nFH4N0CGEi5vVHUkqVulVeU9aZETtN3DAP4CZYFVCm3bJ37iEUctM8qcd0Hl3csJac/s1600/sharingan4.png

7.Mangekyousharingan Uchiha Izuna

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJPkz-mCfh1-gi6SQAODjoZoRkH_1qijBuqGsiaqoCC5TeUkGSQ2U5jbMNXp_rH8N7Cd3XzjyoobTLsvmr1eAZbQ5beffb5lEWxQFpc1sddIGgW6B5vdGnw0_NwBFGx6TZIQa0uImtshs/s1600/sharingan5.png

8.Byakugan Eyes

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrzkx9yXmDkW923pehB3gRs8Ur1yh1Na6FDXjjxlz308a5GUMBwJLyeuA2dHT8OAuileqlQOP5CLQ7j6dhDJxi1t3LEXAWHmmA92Z-MCUyAOXNV3u6-RMWdl89oM_DgZAYn8LuIti6rGE/s1600/byakugan.png

9.Kyuubi Eyes

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9LLPNne6xyvi06WxgZkApIfaTCvUx3O2Ng-aKKPFYVQUuxFQYG8BB1nz0z-I8P1UAXbk0XqepjkHZhkg5NKyj9W7eAoi8O7oUG15H8tBsT68rQCmKesIHoliHF5mvkNRzhGgBcEhRiHY/s1600/kyuubi.png

10.Senjutsu Eyes

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIwbabYHuM0RyvfigpVvXrGzynf0I0y_jWhTqPpJNcHs6ksvNxzgFXy0trT6IGiGtnytSYnygvG2L67WBBXX87wP-MgdI4iKeYt4BTUttuZrJOp1FEuPFw_20dIwORW-7eiw5B3sfqg4M/s1600/senjutsu.png

Gimana ? keren kann xDD , Kalo mau sharingan yang lain , bisa cari sendiri yaa :P
Size nya 185 , Background transparent < harus , kalo ngga jelek nanti wkwk
sekian dulu yaa , semoga bermanfaat .

Sumber : http://Blog-amossiahaan.blogspot.com