- Back to Home »
- Tutorial Blog »
- Cara Membuat Sharingan Keren Berputar Di Blog
Posted by : Sandhy09
4 Jul 2013

Hay sob, kali ini saya akan share Cara Membuat Sharingan Keren Berputar Di Blog. Langsung ajah ikuti stepsnya. :
CSS
/* WAKSharingan */HTML
.WAKsharingan1 { -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear;margin-top:170px; margin-left:115px;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:WAKspin 1s infinite linear; -webkit-animation:WAKspin 1s infinite linear;animation:WAKspin 1s infinite linear}
.WAKsharingan {margin-top:170px; margin-left:115px;position:absolute;z-index:999;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoe3t4qR2L8fyQbx3YIHs0bkUfo2GUxoYIbFWzRuanJLN-M76y0mfTwt_rBWxZiepAnJDe_RNNdVEBJGuLSpnrwYX2WZ1QHzFxZryqEUuvJJiCVsx4XNv-p3iVMvML5OvixXPt05tROZ7K/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:WAKspin 1s infinite linear; -webkit-animation:WAKspin 1s infinite linear;animation:WAKspin 1s infinite linear}
@-moz-keyframes WAKspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
@-webkit-keyframes WAKspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
@keyframes WAKspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
<div id='WAKsharingan1'><div class='WAKsharingan'/></div>
Cara Pasang .
1. Taruh Code CSS di Atas Code ]]></b:skin>
2. lalu Taruh Code HTML di bawah <div id='header-wrapper'>
*Silahkan Edit Letaknya
Untuk Sharingannya bisa diedit https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoe3t4qR2L8fyQbx3YIHs0bkUfo2GUxoYIbFWzRuanJLN-M76y0mfTwt_rBWxZiepAnJDe_RNNdVEBJGuLSpnrwYX2WZ1QHzFxZryqEUuvJJiCVsx4XNv-p3iVMvML5OvixXPt05tROZ7K/s185/supers.png dengan gambar lain Dengan Ukuran 150x150 Pixel
Simpan dan liat hasilnya. Selesai .
Semoga artikel ini bermanfaat ya sob. ^_^
Sumber: Krakar
Diposkan Oleh : Sandhy09 ~ Life Must Be Creative

{ 1 komentar... read them below or add one }
PERHATIAN:
Komentar Akan di Hapus Jika :
1. Komentar Spam
2. Komentar Sara/Porno
3. Komentar Penghinaan/Fitnah
4. Komentar Bahasa Kasar.
Pertamax
BalasHapusAkhirnya ketemu juga caranya