Home » » Cara Membuat Sharingan berputar dengan CSS . .

Cara Membuat Sharingan berputar dengan CSS . .


Ok kali ini Admin mau mengajarkan Cara Membuat Sharingan berputar dengan CSS . .

caranya  :

1.Buka Blogger
2.Klik Template > Edit HTML > centang Expand Template Widget
( Saya sarankan backup dulu template kamu )
3.Cari code ]]></b:skin> , ( Pake CTRL+F biar lebih cepet )
4.Copy code dibawah ini , dan pastekan tepat di atas code ]]></b:skin>



/* COSharingan */
.COsharingan1 { -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear;margin-top:-60px; margin-left:800px;position:absolute;z-index:999;height: 200px; line-height: 46px;border-radius:500px;border-left:10px solid black;border-right:10px solid black;width: 200px;; -moz-animation:COspin 1s infinite linear; -webkit-animation:COspin 1s infinite linear;animation:COspin 1s infinite linear}
.COsharingan {margin-top:-60px; margin-left:800px;position:absolute;z-index:999;background: url(http://lh4.googleusercontent.com/-1H0QD0Pto-M/UN6cEsf3xAI/AAAAAAAAAOo/CrvHCdmMmrM/s185/supers.png) no-repeat;height: 185px; line-height: 46px;border-left:20px solid black;border-radius:500px;border-right:20px solid black;width: 185px; -moz-animation:COspin 1s infinite linear; -webkit-animation:COspin 1s infinite linear;animation:COspin 1s infinite linear}
@-moz-keyframes COspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
@-webkit-keyframes COspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
@keyframes COspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }




5.Cari code <div id='header-wrapper'> , lalu copy code di bawah ini dan pastekan tepat di atas
code <div id='header-wrapper'> :
( sebener nya bebas sih taro dimana  . .asalkan tidak error aja , disini saya taro nya di  atas kode <div id='header-wrapper'>)


<div id='COsharingan1'><div class='COsharingan'/></div>


6.Save / Simpan Template

Catatan :

>>>  Teks berwarna BIRU bisa kamu edit sendiri margin nya jika penempatan kurang tepat
>>>  Teks berwarna HIJAU bisa kamu ganti dengan URL gambar sharingan . .


Tenang sharingannya udah saya siapkan , Berikut Sharingannya :



http://1.bp.blogspot.com/-5UZ7md8pHD0/UN-3zFKrS4I/AAAAAAAADT8/onf1CzrVtoM/s1600/sharingan6.png



http://4.bp.blogspot.com/-aUVrdNvGpTE/UN-0ODsjzBI/AAAAAAAADSo/M2W9zTTJ7KY/s1600/sharingan3.png


http://2.bp.blogspot.com/-MqCteiEjOXw/UN_Cu5al5wI/AAAAAAAADVc/w2x6MMc493Y/s1600/sharingan8.png


http://1.bp.blogspot.com/-XL5KtxJCZwQ/UN-4BzLehwI/AAAAAAAADUE/k7MXgl1PKkE/s1600/sharingan5.png



http://3.bp.blogspot.com/-kEQlUoldLIg/UN-zB7mu-cI/AAAAAAAADSA/UFlYMQNHWBM/s1600/sharingan2.png

0 komentar:

Posting Komentar

x - blogger yang baik meningal jejak dengan berkomentar
x - dilarang spam
x - kata-kata yang sopan dan baik
x - berkomentar menggunakan Name/URL
-> isikan nama anda
->URL di kosongkan -> klik lanjutkan

''_'' terima kasih sudah berkunjung ''_''

Translate

Followers

Me Gusta - Rage Face Comics

Visitor