Cara Membuat Sharingan Berputar Di Blog

Cara Membuat Sharingan Berputar Di Blog - Sharingan adalah 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, Login dulu ke Blog sobat.
• Masuk ke menu 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/AVvXsEjwkbN0EFXEdnmn5dERyGIEKZDRhtZnhyphenhyphenawG3e_JI8gHpv9zCNTLx_dw-9YcwojsUxepvQN-7_FzqaeKkYEA1regXpGvwRQay5ULgVGwpNOTaQDYxPBthHd5flXnc5PKx8SuNvWqs1A5NPm/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 sobat 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 sobat cari gambar sendiri.

~ Kode berwarna ORANGE adalah URL gambar dari Sharingan yang akan dibuat berputar, silakan sobat ganti dengan  gambar Sharingan yang sobat inginkan.

~ Kode berwarna KUNING adalah untuk mengatur arah putaran Sharingan Berputar, 360deg untuk searah jarum jam, -360deg untuk berlawanan arah jarum jam.

Eittzzz.... 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 ).

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

• Terakhir, Save Template sobat.