Cara Membuat CSS Lingkaran Berputar

Hay Pengunjung ITCxMrsBii | Blog . .

Ok kali ini Admin mau mengajarkan Cara Membuat CSS Lingkaran Berputar

sebenernya sih admin juga baru tau caranya , heheh , ga salah juga untuk berbagi ^_^

okelah langsung aja . . .

1.Buka Blogger

2.Klik Template > Edit HTML , Jangan lupa centang Expand Template Widget

3.Cari kode ]]><b:skin . .

4.Copy kode dibawah ini , dan pastekan di atas kode ]]><b:skin :

.EXputer{margin-top:-300px; margin-right:300px; width:98px; height:98px; float:right; font-size:14px; text-align:center; text-shadow:0 1px 1px black}
 .EX1{background-color:rgba(0,0,0,0); border:25px solid #a40303; opacity:.9; border-left:5px solid rgba(0,0,0,0); border-right:5px solid rgba(0,0,0,0); box-shadow: 0px 4px 14px solid black; border-radius:190px; width:200px; height:200px; margin:0 auto; position:relative; top:-70px; -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s 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);} }

-Ganti teks berwarna Biru dengan warna yang kamu mau , Bisa liat DISINI untuk kode warna..

5.Cari kode menu kalian masing2 , contoh nya <div class='navijohanes'>

( kalo kamu masukin kode nya di atas kode <div class='navijohanes'> , maka lingkarannya

akan berputar di atas menu kalian , kalo mau di tempat lain , bisa kamu taro dimana aja , asal ga error )

6.Copy kode dibawah ini , dan pastekan di atas kode <div class='navijohanes'> / di atas kode kamu yang lain :

<div class='EXputer'><div class='EX1'/></div>

7.Save / Simpan Template

okeh , gimana susah ga ? susah ga susah yah wkwkwk :D

kalo ada yang mau di tanyakan silahkan komentar aja :)

Sekian dulu dari Admin , Semoga bermanfaat .

Sumber : Katsu dan Evolutios XpressX