Ads

BF

#XTaffliates h2{font-size:17px;border-radius:6px 6px 0 0;line-height:30px;text-align:center;font-family:'Harrington',cursive;font-weight:normal;margin:auto;color:#fafafa;padding:3px 5px;padding-left:15px;background:url(http://i.imgur.com/AktLGbO.png) no-repeat;margin-top:2px;text-shadow:1px 1px 1px #362c30;text-transform:uppercase;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out}

Site Info

Partner

Alexa Rank

Affiliates

Join This Site

Cara Membuat Spin Sharingan With CSS

Wah...
Lama banget admin gx posting di blog ini yah..
Aku terlalu main Facebook hingga gx posting di blog..

1.Buka Blogger
2.Klik Template > Edit HTML > centang Expand Template Widget
( Saya sarankan backup dulu template kamu )

LOL

3.Cari code ]]></b:skin> , ( Pake CTRL+F biar lebih cepet )
4.Copy code dibawah ini , dan pastekan tepat di atas code ]]></b:skin>


/* EXSharingan */
.EXsharingan1 { -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:EXspin 1s infinite linear; -webkit-animation:EXspin 1s infinite linear;animation:EXspin 1s infinite linear}
.EXsharingan {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:EXspin 1s infinite linear; -webkit-animation:EXspin 1s infinite linear;animation:EXspin 1s infinite linear}
@-moz-keyframes EXspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
@-webkit-keyframes EXspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
@keyframes EXspin {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='EXsharingan1'><div class='EXsharingan'/></div>

6.Save / Simpan Template

Catatan :
-Teks berwarna kuning bisa kamu edit sendiri margin nya jika penempatan kurang tepat
-Teks berwarna biru bisa kamu ganti dengan URL gambar sharingan . .
Tenang sharingannya udah saya siapkan , Berikut Sharingannya :

1.Madara Eternal

LOL
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXl6rviRulpwOYdGXnZ8aIPCyfF_jtDXhey3zb2xibqp2DLR4kuVSf_PgnglblMtJZuz5VoDnRGiEbzLInH40TGFYIagUqrTmwtRCTtkQefwdmb28LPPGdPtlEcn0Tw4HcLG73RoBFL-Q/s1600/sharingan6.png

2.Pain Rinnegan
LOL
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuDakJ-LK0jZZmaD7sD8khX2hSXOlaMznDw8V_110IuZKT_MnReOyGaned2g5SGvMoos0Df2KqBGcViBcmGAp3xcc2fOLddIRIesG2zMaMQdBYHaxbCgHDiOPRRavKdukcFm1GGwD2ba0/s1600/rinnegan1.png

2.Mangekyou Sharingan Kakashi
LOL
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWDuyFvNrE3bt-usYs0i3h68lhXQ-19GhlELdpavUhdFkXh0J1iZLLIifU3-MRde5hb7bQVDnN7aSicwKFbXGbhVvgrvuTRcmDYItKGbIdOG3Ue931PSKEdz1BzSHymBsP0CZejE0l9r0/s1600/sharingan3.png

3.Mangekyou Sharingan Itachi
LOL
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhulGEmQtEXzL6nnMYQeCaAOiPMyHNy_0VMekjluOZeYhySJMWmQCNtu9VUsXmlzf1uahDvEeQEfoZxBlQYif3uwu6QvqagiV68Ik0o0MLmYk_l0CQzKauUvOqAMdJxgs_Cw3LYcPiYE48/s1600/sharingan8.png

 4.Mangekyou Sharingan Sasuke

LOL
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEQJcGgeOtiFwgShPi1zkMRAnfzGjQn-omEsoj2DPEKFt_KRYiPyKdc6cpmo5MOIU8BfGOiwLioxNDPp1dBhRpKjJFHQXh4MhdCRosGiS51Vg9_c5bvFLvzEXlG89KZnhLSlpF3jDaQ5c/s1600/sharingan2.png

5.Sharingan Triple Stange ( Sasuke )

LOL
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEime4nIcupvTWm4H4fcBMlLGR4aQcQ-hXjoVligzVktJMLf1tVhQILF0_weZbwD-pRWHjSi4lVxjuUTHFrnh8Y5b4z3VcXHhq9nd2gQhXKCgkSJE1Yl9vuwbVsXrP91yM9weAdLeJA8Jas/s1600/sharingan7.png

6.Mangekyou Sharingan Uchiha Shusui

LOL
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_AZVCy-qYfyFdsDRCSN0bqAHv-xPGDVoerp1NCcCnB3HMs9SSu-nXgg71l4VBJa_JX_fm9AJn0i4RHxJibFme7LwvhQPpXyXILTZgYxPOY-zDGuyy3KOs86tz7kar8vDI6KwsautTGKs/s1600/sharingan4.png

7.Mangekyousharingan Uchiha Izuna

LOL
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgREdauVfNihXufO9TbfZQ8_Ycl-JV7JVTilkN0qPNANV9YWNqjP38pAWE-IvISjiQEhbrSzVl99u3iBp9JbEeAVF5XfIBlS5oel3YiTWlsu-Xi1oUCuRmtPR1w-BQxgUBN3SQy9U3gSpo/s1600/sharingan5.png

8.Byakugan Eyes

LOL
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQmZVZXdu7O9NffUCVOZHNzR62aFnDNZhTPgvVs-_sUJcEfRZGzb1eDyS5maNrxZJu4iyoyEhviIkpP_OuugCZer1kQ-TnUkRJo7Rx-HnlpCUWCQbQAY67jphsPP-4idOanL1Q30NAdr4/s1600/byakugan.png

9.Kyuubi Eyes

LOL
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj89QEduvMWxrK7TuufBSsyrFQbrMAZ-FWAfIK530MSXNqZQQdG9kDvPie_PGs8sczvcmtdu5ltT3lLTXbY3H0sGS3UWyhG0Jk8kv0hdbe-GDioOuLIlFdLPhaCcvQOj5j7hcLpGXmd9fU/s1600/kyuubi.png

10.Senjutsu Eyes

LOL
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3w0iIp_dLyYamfx4d35t7W6YcAPeA0LggtIXq_ZVwHFu4-csN12JWCp-1qkguxPuFg9t3iSWUpg6V5UlQQY4kuy8kEFBvmkCSWDb_QNQrlbU8sW9tZ89abT_FvL7qtlfNoIOUATPXcyc/s1600/senjutsu.png

Gimana ? keren kann xDD , Kalo mau sharingan yang lain , bisa cari sendiri yaa :P
Size nya 185 , Background transparent < harus , kalo ngga jelek nanti wkwk
sekian dulu yaa , semoga bermanfaat .

Sumber : http://Blog-amossiahaan.blogspot.com

Read more: http://zhaa-inc.blogspot.com/2012/12/cara-membuat-spin-sharingan-with-css.html#ixzz2JbrS9hRi

1 comments:

  1. Gimana mau dicoba kalau fungsi right click di non-aktifkan?

    ReplyDelete

 
Thanks For Visiting Gunakanlah GOOGLE CHROME Untuk Tampilan Sempurna
Mau Request ? Klik Disini