Cara Membuat Sharingan Berputar Di
Blog. Sharingan, sebuah mata yang merupakan salah satu dari 3 Doujutsu
terkuat di Anime Naruto. Mata ini dimiliki oleh anggota clan Uchiha. Namun ada
juga shinobi Non Uchiha yang memilikinya, seperti Kakashi, Danzo, dan Menma.
Bagaimana jika Sharingan tersebut menghiasi blog kalian? Wow, pasti keren.
Contohnya seperti blog saya ini. Bagaimana cara membuatnya? Berikut ini
adalah Cara Membuat Sharingan Berputar Di Blog.
• Pertama, masuk ke Dasboard blog kalian
• Klik pilihan Template
• Pilih Edit HTML
• Jangan lupa centang "Expand Template Widget"
• 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/AVvXsEhTsGYiG9RNOcAYIIFagimVc94w_fiCWLGepneXj-Sj3Jns0kYC70Sgd2Aljml13vUPCkjyGEox_xnrPnV8JhwAR3dmWIT9RmudSSxuE9nmfZGMaQntCVyMrg9iKVBc7_BIYI9SlHfbj2p8/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:
1. Kode berwarna BIRU adalah untuk mengatur letak
Sharingan Berputar, silakan kalian atur sendiri
2.
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
3.
Kode
berwarna ORANGE adalah gambar dari Sharingan yang akan dibuat
berputar, silakan kalian ganti dengan gambar Sharingan yang kalian
inginkan
4.
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/AVvXsEifB2uMR1YuEX4dBJCXSQT4I_eMzbkBqsrrCgFbvcgYXZsZl0MRyEtk7RJQSlBz23z5V2IBYDUN4ObW6FlyLp_DEqSjCGMVTEZhWTMh7EPydgpWDs4ZIGZxCDuiKmxdn27KMOzf516v6MrW/s1600/anonymous-bunshin.blogspot.com.1-Yondarkness.png
2. Sharingan 2 Tomoe
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwmVuQMO5RYi89OfXIpQC-P-oChpoxim53ybiWvQEcx9zoy3LQXJG_rk-0bFdUw9PwZA026HP8vYHtYDHf3ZR2JaNhytcCtQXWfbdzCUnNdm57v6bemQy6KbPgqxbY1QwU2T_INS8XL0c/s1600/anonymous-bunshin.blogspot.com.2-Yondarkness.png
3. Sharingan 3 Tomoe
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihqCL_Oe0f_Y6XTGhsfYiju1HX91byiABT5MPRXfkZ7rE_6dyUOLml8R3jtE30KAjpqqcJp8vlPn4uqijYxNu7SPrOS69_bWb2osjkFWbqW5dFEhvpBTtPx7VqSVi3PobnAinwTFKLPqg/s1600/anonymous-bunshin.blogspot.com.3-Yondarkness.png
4. Proto Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiavGzLY66m3B-WVnYw7K4HJa_WC7sdWqZr1B5Cy-bMTRneDB4tHMIrHytzmWOdOhNas6nzEzYrcfrkSbaEQmKFwszVBoWEOY1pwPNY2G4Az-Uchrcr0GcnVCI56UkTOfUALIju2qH58nw/s1600/anonymous-bunshin.blogspot.com.proto-Yondarkness.png
5. Kakashi Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJqG4Q6D2XcKN_I0aQgAMwT-6ayfZ1gqyxttCfSrRawzv8KYnAmaFrHCJVD8ez_MgGvXFL_2ZKl7IE1OkbXO6vrw54BZhBw3y2Y85BquBs70jzGzhUZJuih8QgzjFeW9cbvTvqUBaK1_U/s1600/anonymous-bunshin.blogspot.com.kakashi-Yondarkness.png
6. Itachi Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhltUIY9FJSwnJ1snYLTIqt464LQ3P8BpxyLGIdRZJgm5IuAOW5h-7mO7aUMmum-xR7T-ORxnjKX9URxspSSHeTRFI5TrLMZ4455uUYIZRh-plUOnl9VI-JI63QigppAa5hYTEBbNgStLo/s1600/anonymous-bunshin.blogspot.com.itachi-Yondarkness.png
7. Izuna Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIUTl75fc3HPoJpUnRR0-CJv5dWXibK38Ofvw2cWK2znaSQnHrXcyZT7XuUmY1RQp4MOJeMLuXPyekyiWllGupN9wh3hAkkHMPqWoRzqBadG290fwcpKqvwks6UWtFEItnzRpoYIBoLnI/s1600/anonymous-bunshin.blogspot.com.izuna-Yondarkness.png
8. Shisui Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMv9f6F4Y-RdexsnSyNo8-hmpH_k0IQyFddBkQYXTp7AT0utcUsKArS-qk34phP38Y638lHeI9nTgYffyA53eXvSNrmwfcvgI06BKp8tTNqqF8VvkqrwPC_D-NpDZ4BE-cDdtw84qcW8A/s1600/anonymous-bunshin.blogspot.com.shisui-Yondarkness.png
9. Madara Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtxCesWEMRhCClg5ffqHkwnjE5FOKjd3EnmmDeACK5-li8-I8impM-MJeFUZqSp3Ot5yrFmtcYd5prXPA_7AL5gl_BRuNekz4HzJC9p5owVoyeo1hvwKhUR_Zaf9Ff7mrZlBqxNSWUGsQ/s1600/anonymous-bunshin.blogspot.com.madara-Yondarkness.png
10. Sasuke Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM9hUH1NoLAuZvXzIzNWjUJABnv_NZzLg1XuqWZQdEZLKo8bTESTqbtAygclIdLFTsQW7i8IDIquLcjU3Vgqpp4fiDnBVkw6sWpdmgnqjbPe9sxV0z605SnEG7y_m8WXq2zslU3E-ynqM/s1600/anonymous-bunshin.blogspot.com.Sasuke-Yondarkness.png
11. Sasuke Eternal Mangekyou
Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg6GIUwO33pLScwmWPDhuvYW-ncq2puXb293rAyP3TQa_kHQE1190p96trgWuHrpqCxHncfhGdpm-3bLgiNeSvIQAWXArBcPCJTiTzvyv0uZb7dQHLR9QRwZX-pAtHtovGFZqKP6pgeec/s1600/anonymous-bunshin.blogspot.com.Sasuke2-Yondarkness.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2GoxexFG1MwXlUzzUzDBP4J5RmSJ49JJ1Pf0Lc3T6P9eF5bcOPET_F_Aoc9ecOaOD2-Kb5mZFWuyWnfo-wn9d6L2kyNo8lb2OdmmPP4BpKGRPedzJIO4Pb1dgkTnitWG0_IdSpmZZFNk/s1600/anonymous-bunshin.blogspot.com.madara2-Yondarkness.png
13. Sharinnegan ( Mata Juubi )
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9MjOX7WiWlle3STxJ6oG6dC-CRCEdXpeT_q2DWzKvSNL9154TAbguxyNgISYSlbDducRZIjO0ewLEf_NhD58xRT0B_Pj20aTwmKp_GtS_kPGWYssOYVPbpOcMvHd-aMgtvNwIiqjvkL0/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
Sumber
0 komentar:
Posting Komentar