-HEADLINE-
S-C Guest Book
Join This Site
XkresssX Technology Is Valid HTML5
  • Keep Strong And Fight Back
  • Xpress Community
  • Cleventer-Creation™
  • Link Exchange.

Popular Post

Banner Friends

Link Friends

Diberdayakan oleh Blogger.

Cara Membuat Spin Sharingan With CSS

Posted by : Unknown Sabtu, 04 Mei 2013


LOL

Hay Vanseerss. .
Apa kabarnya nihh . . ? Baik" aja ya :)
Ok kali ini Admin mau mengajarkan Cara Membuat Spin Sharingan With CSS . .
waktu kemaren" kan udah pernah Cara Membuat CSS Lingkaran Berputar
sebenernya sama , namun yang 1 ini dengan sedikit variasi nya :)
Dengan variasi sharingan  , ada macam" sharingan juga lhoo . .
Tertarik ? langsung aja berikut tutorialnya :

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4hAgeSx9GWzDEDbYqxeZa_YAyvTeuOXwelPFlnzHE67LeA3c2mZi0B6tIMASYFNvANOFXntztNIISj4P3UA4hHPQnTPmqZYF-Ei94hVA_ibUeUIqxXUaEvtZnHowzC57InS1NqN-nLOx/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/AVvXsEjWisWcKjV4LlpcPD-lobHSvOaZkimXJ7jgRWD7_t-GJTMLf1QvmJCJxX7pvagTtx4_4OlPU3uYSTNXFNEYrZIswygzQPlk17UW8kCvInKeI4YGlqyRjqVbZE8UYKxmUz1BtN8uKgTiz34/s1600/sharingan6.png

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

2.Mangekyou Sharingan Kakashi
LOL
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8aX6W7vMbUTwGqRCoZizvU-JhhuztEVfU0KQ8Ihh64FEM_woqZHfYJot6LQCphAilbuLYETydcTjPnlIDBet6IgCksirHZkwqM69SiqM5OnOjyMIbwf4Y3pje6fLRZM98hWg6VHT4AJU/s1600/sharingan3.png

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

 4.Mangekyou Sharingan Sasuke
LOL
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifrsyXtd10eXmU_RD6I9-e2JEPNLtuXtPrieHHt01iEXaXijXKOwlLPiPdN79tjYcTZm_WXO8t3iJOJJ3tnYbIJ5qlEyfcJuLPNAFvj4qJkj8AyB6Za8Y6GyevtqupDqoXzfMFjJZmW84/s1600/sharingan2.png

5.Sharingan Triple Stange ( Sasuke )
LOL
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHu6m0l6xqofIQdUhL8QnCxL6tmKLvKNHUHJ0X91duDrBAv8QuNzxucDq2eFUkKt-YRJtbbkl2msXS5QXutfm8cxFv2SOil0STfFw8SEc_gJDyX-7FLKef8O8gHSy6IzxPvFSRzJd4zE0/s1600/sharingan7.png

6.Mangekyou Sharingan Uchiha Shusui
LOL
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpKbo8zu5OSYzOYSptjHglaYf1uRzw2fcUwfjN4ekUux6Kcm7a0SNhKZ_WW8WfXc3ubpy_h34rD4c8SgEYb_ZEAAIXdJWhHKotDN4H_CzCqQbnJTFu87IRaY1ivTDgO7092sEzr88zWUo/s1600/sharingan4.png

7.Mangekyousharingan Uchiha Izuna
LOL
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVmzQT14stpB0lFsS-3A3IgOTH3LAbOSkpyQXgev-Q53chT4E6QEi5yA6KB1EeEbJhacOMy_It01gypFnoCinxzg2UoZaCxcVddNjFRU51hxUkAXnUb2WK7Hsc-BsU2O9uAUb-EPQ9Wmw/s1600/sharingan5.png

8.Byakugan Eyes
LOL
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA1W9OcakvjtKNTLcztIeMiBn0HXF2lqj4LjG-5b3-jIGAi8ij_-3nU7JdnQI5FWRcYHyJ3eeG3wjrwhdEToUuUIlockvZ3fgYy1noWNVXeisM3WRT3-AP1DQgzRswclJWQFRPykzh4KI/s1600/byakugan.png

9.Kyuubi Eyes
LOL
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkMNnLz6YCVZf9Vs_Rvnj01bL4JzH_FNwYnozCapZPCahNo-GjLSTVOdVZ54UJALXJUQNzn2qkijviqx-k2csSNk-JVpu2SUtQqW6b11W9VXz2Q4GCn86287bq3zIkFI1bCnJBLiIFdqw/s1600/kyuubi.png

10.Senjutsu Eyes
LOL
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhqaJRGjScP0-IJOgq1CuwqyQr1wscvXYdU3GT52lZmDjcwwiMBMEpF4zl4PKBE4imwdiKb4ZIAW0OCnLVIbowr-swMSnNGw_7Pd7qoX4TAJFV15ZVBnyCKAXS4XvslPxGSYTLW5My-l0/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 .

Leave a Reply

Subscribe to Posts | Subscribe to Comments