Cara Membuat Sharingan Berputar/ Bergerak Di Blog Dengan CSS
Cara Membuat Sharingan Berputar Di Blog
Bagaimana cara membuatnya?
Bagaimana cara membuatnya?
langsung ajjh kita ke TKP
- Pertama, masuk ke Dasboard blog kalian
- Klik pilihan Template
- Pilih Edit HTML
- Kemudian kalian masukan kode berikut di bawah 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/AVvXsEgXCAYh2_Z1eT7Y95uzSQqZN0zUlQY0Vbis8cuwtBt7lhILLMtCND7XwKJnxvOLDoZtlgUfSgUBGreBbWn7_9nwwOfEiaHZHf2EXe8KEgBJPwqIAJA1KTpLj8mE2bMNPIqx83MteMpV_hOb/s1600/Untitled-1+copy.png)center; position:relative; 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:
- Kode berwarna BIRU adalah untuk mengatur letak Sharingan Berputar, silakan kalian atur sendiri
- Kode berwarna HIJAU adalah untuk mengatur ukuran Sharingan Berputar, silakan kalian atur sendiri, Namun saya hanya akan memberikan gambar Sharingan berukuran 75px x 75px. Untuk ukuran lainnya silakan kalian cari gambar sendiri
- Kode berwarna ORANGE adalah gambar dari Sharingan yang akan dibuat berputar, silakan kalian ganti dengan gambar Sharingan yang kalian inginkan
- Kode berwarna UNGU adalah untuk mengatur arah putaran Sharingan Berputar, 360deg untuk searah jarum jam, -360deg untuk berlawanan arah jarum jam
Masih belum selesai. Masih di Edit HTML
- Masukan kode berikut di bawah kode <header id='header-wrapper'> ( Sebenarnya bisa kalian letakkan dimana saja, asalkan tidak Error )
<div class='SharinganP'>
<div class='Sh1'/>
</div>
- Terakhir, Save Template kalian dan check
Berikut ini adalah link gambar Sharingan ukuran 75px x 75px yang dapat kalian gunakan
1. Sharingan 1 Tomoe
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtv6MJPQOdLxQfj-rMnD6W-eVsN4tyttmHATt26PSGuWIAB928VHDPF3TA-eI18xygNvSYfcVtqk_Tet24HUrvT6C486qnZSylau4ocGpFBznvf0fK7y0qyIpAIERcZ_9b45nnraR-4iY4/s1600/anonymous-bunshin.blogspot.com.1-Yondarkness.png
2. Sharingan 2 Tomoe
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI3NCGjhsIZmQsMwQ3kTnWMmOEh7mR3YXhBLsFGUN8cwnj_zWj1i1-1rHkAEU_IhFLki_lNveUutV5wWXaIYgkSa6MHwBz6vTD6oZrRHj5qdps8_6O-B67PoDp_KYhAl5e407xVgxZV_k/s1600/anonymous-bunshin.blogspot.com.2-Yondarkness.png3. Sharingan 3 Tomoe
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_axgz0eMu7Ie57aa_rhYOVlLcDJQeb9sn3UNvW5hts3mQJrdBvlK_xYBrMtS4QFbDjlwOybrgGTtslcYk3s68UE9MjowIS30IMMLqg3VfjHZLM9y5YL2w-aswyAlBTxY-STNLtD8ZdOA/s1600/anonymous-bunshin.blogspot.com.3-Yondarkness.png4. Proto Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWesJNPcpxj1Ilw6gVEsWzvb1SG7oKIpyNrFpLNDBbDn7QhwrBnrn2nvS8Smcb-yG8uVkni88Tl8LcNNYM6hId4sfRTzixmLJ_HTSKc8BkJX67FW4-j9quA9JFcO-McbIGU3XlnsdQqmU/s1600/anonymous-bunshin.blogspot.com.proto-Yondarkness.png5. Kakashi Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKbXJ2YZKVCr0bllwllC4ar7_DCVrQi6gySUh-vhTF808f3B0opqvHHMavyBtNtFoCU-4cq5falTHA5YDHiNeQMgpoijbpsEAPTwCtl940UxCivlhRHHt-bWTNqpIeaRCbWvjq7zh2ipw/s1600/anonymous-bunshin.blogspot.com.kakashi-Yondarkness.png6. Itachi Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT1I3jlWQI3jaP2MyL7vH7yyEz1bAjupzuew2TDhqGP2CQ1rG2uonUo98F5B9gVjeq9FeaAPmUwwPX2k_TkMAEoP_FEc9cZVKn6NvKUH_SBRa8cSDY0kf3ZddnpUTvHuF25pYjw6-sHns/s1600/anonymous-bunshin.blogspot.com.itachi-Yondarkness.png7. Izuna Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNPkczVm7PpvYTGIwi1y_slZklBiK0Vf7cyMN3GMk3jhCzCG1v9qYCWzPKGoC0_9T3IHur9vJpPmnh7OBtm-BuH-80wxf-rfhjRBz1_pAYp_yepPD58AwNaG7HMxMakdoA31MfVZz-J9U/s1600/anonymous-bunshin.blogspot.com.izuna-Yondarkness.png8. Shisui Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu_cAjVNlUy53mLmz66GVgoC6ewzUzvb8vwxU-Y3p7rDcPgLyWsBi1u-Ux6X9jnmm3gw8z-Co-lgc2jXT4YxqNsMFEyyxfQ9NgusYwZri1KrcUrlbvHOV79qRA6IqP_q-bacGPLC3ujmc/s1600/anonymous-bunshin.blogspot.com.shisui-Yondarkness.png9. Madara Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJlLGNfb6EFuQSqF86OCSl0-MHzQzzJZI5w4Au5SE2KHxNPsNIaLK6u-WWGI7UGBQge4LREuzcRQxm5zfsw78rliw2bLZqZZ3ijhw8BvXeF3uPW_17StC0c3yXDToeO4vXySOmbqic0a8/s1600/anonymous-bunshin.blogspot.com.madara-Yondarkness.png
10. Sasuke Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9oJarYbKxmqhKxIZiHu_o9pdu71pv2_wbgNLHlfHhChWSneinFLvJaEHlDeSNXfDS2PUt2cB-XF_CAtGpm4uNn58On7B1XgFCxWvligO5djGZhvg_yG0Ec-NCSmEJoAQZPU4A_cCeFo0/s1600/anonymous-bunshin.blogspot.com.Sasuke-Yondarkness.png11. Sasuke Eternal Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Kv5_BQ9Yh_qN1376Q8A_3KIoEpVVGIsEtdVH8LjY6tPKQ-loyenUU7Z4uJliKxiWY7PyLlDQjq-DSeYz2pngTilRZHBaSaVujoMUJPaxYU8ZfH9fE0JTOsGllIkHk-DFXOahph3JSK4/s1600/anonymous-bunshin.blogspot.com.Sasuke2-Yondarkness.png12. Madara Eternal Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM-1XifCRlsdwFIzRc_sJPmd_OL9btkKVwHro2gwFMdGmyWDzLRfL_KQWBkg6liSjbTmYqwVAlb1GAilKQ9F1jZBNKIhXDWDC9hdTLV3h1eGRQkMys_NGt5rIXoYDZDQZw4-u9SS4iq8k/s1600/anonymous-bunshin.blogspot.com.madara2-Yondarkness.png13. Sharinnegan ( Mata Juubi )
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1HmILFiwp1Ne19iBuqHfVC3S8NY6FWKNHfeOmF1_qmGDY-G5BEyDyXKPdgW1L22ylxqe2mutLUuXrHytI1oanrxLZ514dg0y3T3gxQnXhWoGyE0Z4WcnXvB3kbaHgojX6h1ixnmTtL3U/s1600/anonymous-bunshin.blogspot.com.Juubi-Yondarkness.png
Lalu simpan
SUMBER= http://anonymous-bunshin.blogspot.com/
: RLDGN-OV9WU-5W589-6VZH1