Cara Membuat Sharingan Berputar Di Blog Dengan Css

Keyword : Membuat Sharingan Berputar Keren Di Blog Dengan Css, Cara Membuat Sharingan Bergerak Berputar Putar Di Blog.

Oke, saya akan mengshare sebuah tutorial untuk mempercantik blog. Cara membuat Sharingan berputar di blog dengan css. Jika kalian ingin melihat contohnya, kalian bisa melihatnya di header blog ini. Bagaimana cara membuatnya? Oke, berikut ini cara membuatnya :

Pertama, masuk ke dasboard blog kalian
Masuk ke Template, pilih Edit HTML
Kalian masukkan kode di bawah ini tepat di atas kode ]]></b:skin>

.SharinganP{margin-top:0px; margin-left:0px; width:98px; height:98px; float:left;}

.Sh1{background-color:rgba(0,0,0,0);opacity:.9; border-radius:190px; width:75px; height:75px; margin:0 auto;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPOgIwdFUklVlCqqkr0I7Y7POnyy8s41ft2r0s-_XJjtX6293okTRAZefK4FPH0ad6tnvXKlif0fStpY3esXHRXm00Ce_yxYB0Lgg8_TlFV9i74K3XXA6aWGTZhTHQqhtXEZH9bUZinp1A/s1600/Untitled-1+copy.png)center; position:absolute; top:-70px; -moz-animation:spin2Pulse 2s infinite linear; -webkit-animation:spin2Pulse 2s infinite linear} @-moz-keyframes spin2Pulse{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} } @-webkit-keyframes spin2Pulse{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }

Keterangan :

Atur kode yang berwarna ORANGE untuk mengatur letak Sharingan

Ganti kode yang berwarna HIJAU dengan kode ukuran lebar Sharingan yang kalian inginkan

Ganti kode yang berwarna AQUA dengan kode ukuran tinggi Sharingan yang kalian inginkan

Ganti kode yang berwarna BIRU dengan url gambar Sharingan yang kalian inginkan

Ganti kode yang berwarna UNGU dengan angka berapa detik yang dibutuhkan untuk berputar satu kali

Ganti kode yang berwarna PINK dengan 360deg jika kalian ingin membuatnya berputar searah jarum jam

Masih belum selesai, masih di Edit HTML, masukkan kode di bawah ini di bawah kode <header id='header-wrapper'> (Sebenarnya bisa kalian letakkan dimana saja asal tidak error dan jika tidak ditemukan kode berwarna KUNING, carilah yang mirip )

<div class='SharinganP'>
<div class='Sh1'/>
</div>

Berikut ini adalah link gambar Sharingan yang bisa kalian gunakan (Ukuran 75x75)

1. Sharingan 1 Tomoe

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNfYXLMAJ-54ZJvnXnY1FtvDCxklQatFL8rSqO4oyqZe4Kdmb8UN31C2t41fW3OMWTLs0qis7aAl8y7fNGQuGiHvf9MhIowmMNBo2X_oTYIZRjvKX-KjbGybCDPUbTeCTN74HqkZSRQqMJ/s1600/anonymous-bunshin.blogspot.com.1-Yondarkness.png

2. Sharingan 2 Tomoe

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxYeoiiTA7_cjqK_GVBdkah2CQRwTkE3G9p0HEhwZfNdBhSO9DntjumPhk-jrfCdMsy-OMMhA9LEDFPeBYJJPjhyxWjhkeMoQOro2tba1_HZSJej0GTuhepMTA6qcfHSfQDs6f3E-U5aY/s1600/anonymous-bunshin.blogspot.com.2-Yondarkness.png

3. Sharingan 3 Tomoe

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKYR_gJUf2ZmgbcwiPdRDOcmKsWZUlRZOhzVs5uKdeYAJLCymuqXi2RKaSW-xLarQYBXWLr_xv3RUzMZiJCowC2rOjvkvTfEWkQl3A6kf5Lj_k8iFtImO7jlnjYdOJF-HvVAvrLBrvaYY/s1600/anonymous-bunshin.blogspot.com.3-Yondarkness.png

4. Proto Mangekyou Sharingan

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkOd-laj2jJLeU03kXDZ8P9109JKGhBAf86gpAT4Czk7wjnVfEYlsFm7oGthRLVuY0riYT0lXcHI2oM4ywiexSJMMVnYY0I-CwcE91uYcQmQT2kKy0FhAuBeQMVoikvCFcQ3N0cpHG7EA/s1600/anonymous-bunshin.blogspot.com.proto-Yondarkness.png

5. Mangekyou Sharingan Kakashi dan Obito

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPbG5mxTdF0fiJXwtfhupoP_-BO407locZ6EBgvE0jv0ZA1B3tgEmVqkWeremp2VmOUe-ktn8wdv4Dhrp7F_wpffaLqmBt39p1GtWMrdUaQpH-VDUEVwlnF7NrX-PDuqDImf09a_fYmkk/s1600/anonymous-bunshin.blogspot.com.kakashi-Yondarkness.png

6. Mangekyou Sharingan Itachi

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3R8tQxHWOKEVPeBKzSnEjttklzFV93A7iJjt4neitxAirR5Zu56b3oT-wd4AlGKPIOn2quTUaESjHvGd4-iQai4cNaQAmTCiEZw690QCRaDAIrhyphenhyphen6kzC_mCuAlpGQRVeEXtX7ETOFa9c/s1600/anonymous-bunshin.blogspot.com.itachi-Yondarkness.png

7. Mangekyou Sharingan Izuna

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdgeV29r00B-BgcWzuKuFmK_Zi4EBGifM0XlQX0_XK2eMDBhZU7C9HsWwApZJBtdp4-2xH0O2awyB5dOt2LAnptEd1X-e4HXUz1yP6tuh-T8sGV8X6rFlPx0fOxL4Y_B4K7wigAZTTqtI/s1600/anonymous-bunshin.blogspot.com.izuna-Yondarkness.png

8. Mangekyou Sharingan Shisui

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0FWSX055fw9TjYP-e1wB_tS6h92wOdCTCCViMUy1B0biYBy5haKeYwZGldW9lsU2Rg5eJ3NQQ9T1co7CAyQ8yZHqsyWEHxw7zpOCDxt-DSYlT1-FiQ2iXMPfCHcM6fvF9fwjDqdfydQ/s1600/anonymous-bunshin.blogspot.com.shisui-Yondarkness.png

9. Mangekyou Sharingan Madara

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSZj4-4U2MPtfhovFyPUk2S06gaeGj37FKIcIGqwZvOKYoon08gI_uvm3_J3CGPsWChtzO6KCThHj7iLQY-WKT3AREo6N8V8Q9tIgKB-HRCimvL296PwvbBXtiCcZe_KOKrvagmfmcNwQ/s1600/anonymous-bunshin.blogspot.com.madara-Yondarkness.png

10. Mangekyou Sharingan Sasuke

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiftP5tamlNZfwGPRabWTiNIGHrYxlUzfCJ_qylWwQOQO_sw-o_y-jZj7giC2Hhqu7kkWhwmqFLlUvYqv-FW4iUZ_yz5qFvId21mE4EO13ZcGXhzuFfzm2yupZgYp-RvyZqfLrayqiBwH0/s1600/anonymous-bunshin.blogspot.com.Sasuke-Yondarkness.png

11. Eternal Mangekyou Sharingan Madara

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi_lfS20Ls18UaBO29kcoN_X-EmJjuc86oyAi_T-E6ImHEvzHN7bs89NTQIs6FeQ4hU9CAp4rRa1CEU4TnzxKiNfYKXcZsrTRkZVx0EzbVS1Ug-W__cYcOCkRIGUXhU4UFSIKdtqtRk38/s1600/anonymous-bunshin.blogspot.com.madara2-Yondarkness.png

12. Eternal Mangekyou Sharingan Sasuke

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ6d-dNqaUQPMhJJwWE5H7-Atr61bHxN-oCIqVfO3ZqQhWJCpCeb1yWSf4g070HKQwNZY6mmtl8IazWrsPVs0hxIuLYjwHRIVGFnBqaLcnGSF4_SR_plGBQGaBjCs9EsaiyNmzto9h4xM/s1600/anonymous-bunshin.blogspot.com.Sasuke2-Yondarkness.png

13. Sharinnegan (Mata Juubi)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggH63CibeWT5ZQUgSaid__euHpfiLbDd78aUrcI84xplIqsExfJLkPKfFRIizM2oDjVmfyhk91thGVwF3cEc7xCCXf0x6cF1_UZk33wfMWGoTAyiVPESqzhTmQyLHR27zl23KhfpA0ljs/s1600/anonymous-bunshin.blogspot.com.Juubi-Yondarkness.png

Silakan pilih yang kalian inginkan. Kalian juga bisa menggunakan gambar lain. Sekian artikel kali ini. Semoga bermanfaat. Jika ada yang kurang jelas, silakan tanyakan di komentar.