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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWKZyEYz6oijIfLf0vz70ou2x5Vx2MSuFbnUSIFovm0n5q6YuKV-5rZnyuxbjhqiFb9SPhv5vya9tMXplrNjqNIjrqO6fSBNzU71CkF7ekWl5OAJM7YnU-NpbWMLFvU8d9VmpBbG7nXiVF/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/AVvXsEhetn5iitI5FWRepsEIX_Hr56NTXv8bCTRIY1ERBfnvCebsgJtvsICbPBwPl6pGXC1upcFXBbCUyf3vmTiI3DxL0HuWO_Wazn7-a635s_Mgn8r2DXIueGjZSwV6DM1-d6McSmdaooKDvVM/s1600/sharingan6.png
2.Pain Rinnegan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0nlpE3vloKPPl7H8MAv78XF1klsLNVpno5_F0uWoFeMSDhTZaFRDIqUgzTU_Ga3xpYNXMy9baU9tk-7kqCJM_tPFIaHq_dXDhMysl_TfD4TCHd-SzoijfKQpUju0_cl3GChrDJX3IF0Y/s1600/rinnegan1.png
2.Mangekyou Sharingan Kakashi
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyik-RL10sS3sLauDXC29VuKHyotuGn6o0n_idmhCWiHk5F7CSDxbjFbyO1cJ9UH9FMBzA3kL2xcmVHRrCr_8-xhyphenhyphenB7Hjr3-RWHRxh619deoNtcpoY0I8ezfITxK0A97q4cn73lxn-y6Q/s1600/sharingan3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy1nS2NF5LyacE5Ofd7344l0sw0N2k5YevQ6-XBtG9WmEaELCTvO4AkJkH1QO_ViZzXlKk47RicAw4BndMlTJfSEscHj3HPT8ByUETiOYwPS4l5tlC7c8GoVE_4ro1YHrjNnWBI-tO8wE/s1600/sharingan8.png
4.Mangekyou Sharingan Sasuke
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNnW2oMy1Gi8SKV-X4ZHskxi1zT2nb18Uz-JDkq2Ef3bBvPGEp7amtiqqOAVYfXAvO5rLT7WxzjgC7Jp2a5CTVuQMOIHIhmWA6mZX29ve0PyV8Tth3WuT6UHz9wWmLP5NyzUzOl3W2HGY/s1600/sharingan2.png
5.Sharingan Triple Stange ( Sasuke )
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhldsIIVpJEw2PzlESo3KUOHxDRKTB6e8aNyObg5y0PhZTV6LZjcqtTeyYORHk396Khu2V6hAfydH5uXggY9-WK1l90x4FlMEFI79JkYUTlqVTYrQZ1iaeFMkRGC3dahoMs2ODUWNkxbX8/s1600/sharingan7.png
6.Mangekyou Sharingan Uchiha Shusui
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTWnFojX99ZbQKzHpmxkWwuJIEpgoL4vTExh0K3PEsKX-l5Rlk7uSVSoJn23aFYduDeZrgYbH3uvaCAng7HVaPp154kA_xDeHKJqx-e5f2P2j0w680uSrt9tmwf-jATTeCo-zKWklWtP4/s1600/sharingan4.png
7.Mangekyousharingan Uchiha Izuna
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1nAGRR9wirT7qn13eez9Yf16jXUGHwCXRbOl0Fu3y1CjYVhQAUox10_jwySeX-9AAXDrGaMEsp9PaFLqIx3qitgwaJqGa6lNWWeMGcKoiL6g32-b_gRPPbY2hViiJ5BGGTH10YzgVO8k/s1600/sharingan5.png
8.Byakugan Eyes
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXBwtIkDWe0efcf0iQddtMQV9edW4oD39dEZHqNJMUevl1TPMraUnmG4jFupaCK9OSmkh5OYmbNrXz8as8lqjIkabH664VQhnW7hQZ7B7Q8qvuOcPYBe7k1ETV7Pnf-4Ivq0dGuz1sH1g/s1600/byakugan.png
9.Kyuubi Eyes
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi40ZPafizREnQlVS0VR1zLB2QDfIEuN0erBQoiNQBxszIOcl3HR9er1RVp3WYzTUZbBh_oQrWVmWr3XEDuk3sjV4pniZeX0IWxM_rV7k6tnf8WkmBTTPEJGiFdMkNtIfONLeReYXGEG7o/s1600/kyuubi.png
10.Senjutsu Eyes
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit7LU8QMWSxd09nqwfGS1v-OG8YpXLjyVOG-D5sEDaum7ECc3YuG9I_eZvwrKk7Ik8sDDuHFLbPUtnMd_ESRbFozMgfoB_Uo6kR-oT6xfX4j-Q9B0MsEpzMfgDUfuNL8QhEU0vvAvrJfw/s1600/senjutsu.png
Gimana ? keren kann xDD , Kalo mau sharingan yang lain , bisa cari sendiri yaa :P
Backlink Please !
| URL |
| Code For Forum |
| HTML Code |
