Hay sob, kali ini saya akan share Cara Membuat Sharingan Berputar di Header. Seperti yang di header Blogger Indonesia. Langsung ajah ke Tutorial...
- Pertama, masuk ke Dasboard blog kalian
- Klik pilihan Template
- Pilih Edit HTML
- Jangan lupa centang "Expand Template Widget"
- Kemudian kalian masukan kode berikut 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/AVvXsEgwlIaElc_xwqFuD4x7M2UAle05rMKtS1aEOmpIDpxrrDIYgkI2u9DOLsea37vA1lsjfC3dZdjvFbea-rPgR-nTfiprbVfrPTgcOY2aXE7yZu7CgoBC8s9P24Rxo5gIwLLjP7SsItY_JVJ8/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/AVvXsEhyQCOxi04nUDMu7HOCcavJtUlT4Vs1J1hMUxRIGrcS0f0bJTSpewMtdfnSztwHv6KooL99gXlfSzrYUSsEAPVoYSWj3lnjbj3rRR_ynRbwZkQcjkXsyMAteeYradjrzEh2tdbo6gUPkby7/s1600/anonymous-bunshin.blogspot.com.1-Yondarkness.png
2. Sharingan 2 Tomoe
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIvWrr2LWlwlkeWWFqhd2EGyxKTorMQlmdkIHR_nmpOIovZe8WpSPY4SnUIbcwvjxdxV35l8KPoK8VNQyq4DFTtK0L2goDpHdCiaAxuYz4GIQdb45rHq4t8jHUe5zMz4DCVcVLvGZzmwA/s1600/anonymous-bunshin.blogspot.com.2-Yondarkness.png
3. Sharingan 3 Tomoe
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1xPZDK4V1PEOLFuG0LhhmmCPKEQ9wskdLwGbzABLI4umJyXJkyl9SJ6T7PijnKjWWQk9TyrQAbaICogr6BYPMPhbSbEz4X88EFE5NptcydWFHYwBy_S5HkKhLNCSyo4WbnSWCNb9CkXo/s1600/anonymous-bunshin.blogspot.com.3-Yondarkness.png
4. Proto Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIiRcTfOTabO04we0aEf9oDn-0uteWDFA3Nu8EJJunswmb9SkTPIATLGBZFT6jIGuvURGU5mqNJcDm5e7fs13hMfqdslLq-9dVQhse549SS3i2JS39oYJXohsckB1zWSesHIiaGb0WZqs/s1600/anonymous-bunshin.blogspot.com.proto-Yondarkness.png
5. Kakashi Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPQbdGq2e3CrSvK44XIbLeMLYbZ7V8qocQX_vz7vruc8iHTsGRzhmdpTQfB2rnnxA_kNGsuIGPNcVG_YV2_LHawEof68zeeAeWEZkUZX2Tg_om1pKZWFAgGcr9GgXbAF953_bQhyz46CI/s1600/anonymous-bunshin.blogspot.com.kakashi-Yondarkness.png
6. Itachi Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjddKT9P44fr4ALcmen76NgyAhc_hnO_ZRq53P4RsTTh4C-c06bsC26Aa74wls902XEZG51Z6S9GycqzJu6em5rPwYD1gjPkj_gYdvNw37YkhJ9R0dnbvegY81R7f_PJXfCd5PgircLgVo/s1600/anonymous-bunshin.blogspot.com.itachi-Yondarkness.png
7. Izuna Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjyBmB6QyJb0L5FNtMKzUMudUQYrpAm2RG-x2J36Ic2nK9HU_d8-Z0bBn2-NYFEj5E716Qe8e4fVSo77Tg6IYBt7mOJxtvbAZvnCmT4AZZGezZK3TDU8g1eqJsXptCTkLhTtcZLa076JI/s1600/anonymous-bunshin.blogspot.com.izuna-Yondarkness.png
8. Shisui Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdkpilqhiaECx1Tqo5JP1yaUL3jXzLLFsCRl9PKUBPmHYmQc3ad5VHxVxBHCkbdMiQnGkQA5lvCc_LS8TyHcRgB62S-tI7qYAXzHQgHFC68KMvz8f5i5HG-8zEXqWZPWPcMrO2WaOsnEk/s1600/anonymous-bunshin.blogspot.com.shisui-Yondarkness.png
9. Madara Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOOSoQEg-eOs6jL7yGfrW9QGyZojjd20dSQ6nGfcQ0tMp1BhhnQ9JsXU5prcVMw2pAFVrcLMZGDcrAqpoziDfc6AZjX2nZ3FgCi6gYOVOLE9-7zlBMl-0IoEdPB8Z-PkZvwjvOhZiBMzs/s1600/anonymous-bunshin.blogspot.com.madara-Yondarkness.png
10. Sasuke Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMRx3G6D3b5lwK07X8vqiU4G-VLBXExOIU79ceP4GE4KCk03iNHLZEoSlYO-YhEWgdtyHY-uCWT0lXWRkOl55IaXs6IYcuTp2M2xkAR6aKITHt8SE2Ywg3icV8-k7Pn3fQY2LCVizhNKw/s1600/anonymous-bunshin.blogspot.com.Sasuke-Yondarkness.png
11. Sasuke Eternal Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRDZ9SlpHQFlCeaHyXkWHWtV-_kSdiywUg2X1k2euEEYqlpH0paOBP-iT1oZLPzuEQZeyhjZ3bXhy__Dpfo5fngjzaxhVUERGyPQgsDJK_A-k2d3jKdx22AmB1eNCAZAwy5Y4zGakrX3M/s1600/anonymous-bunshin.blogspot.com.Sasuke2-Yondarkness.png
12. Madara Eternal Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHv2kWW-i2wj6gPPQcuWpogbqoNOaN5X_4cu9oo__fe_E8uIsacCwVWH0kGYQg_jTqFSfZ2sdlIkl9Ai8JkbnAOWIzaxttHqJrm4v9ch-LTXnc84i1e6_W5u2ahcq0HMFouSKpzf1eMG8/s1600/anonymous-bunshin.blogspot.com.madara2-Yondarkness.png
13. Sharinnegan ( Mata Juubi )
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-lHOqzBCrNrj6bwUruPmIDssCkeiesmSrOW4UT_vmEvFpxMB1C00fRZnsuXre430e3oJUM4HTvz5dDyKK-v1hT5V3LTFbytVnSxpnDqau4Zi1SVVzDy-xf0mbWm5TtXrJqu66yl1MaRA/s1600/anonymous-bunshin.blogspot.com.Juubi-Yondarkness.png
Nah, itu gambar Sharinga ukuran 75px x 75px yang bisa kalian pakai. Sekian artikel saya tentang Cara Membuat Sharingan Berputar Di Blog
. Semoga bermanfaat dan jika ada yang kurang jelas, silakan tanya lewat komentar.
Sumber : Yondarkness
Judul : Cara Membuat Sharingan Berputar Di Header
Deskripsi : Hay sob, kali ini saya akan share Cara Membuat Sharingan Berputar di Header. Seperti yang di header Blogger Indonesia. Langsung ajah ke T...