Object Lingkaran Berputar Dengan CSS

Pasti udah tau kan dari namnya yups . Membuat object lingkaran berputar dengan CSS , kalo demonya sih bisa lihat di blognya bang Dickey atau blognya Rama kalo cara buatnya sih menurut gua mudah hanya bermodalkan Border radius dan Keyframes .. dari pada penasaran mending langsung lihat aja yuk ..

Caranya:
1.Login ke akun blog masing - masing ..
2.masuk ke TEMPLATE lalu Edit HTML
3.Cari kode ]]><b:skin , agar mudah tekan ctrl +f
4.Masukan kode dibawah ini Diatas ]]><b:skin

 .KCputer{margin-top:-300px; margin-right:240px; width:98px; height:98px; float:right; font-size:14px; text-align:center; text-shadow:0 1px 1px black}
 .KC1{background-color:rgba(0,0,0,0); border:25px solid #fff; opacity:.9; border-left:5px solid rgba(0,0,0,0); border-right:5px solid rgba(0,0,0,0); 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);} }

5.Cari kode Header kalian misal nya nama menu kalian <div id='header-wrapper'>
(Jika kamu taruh di atas kode tadi,maka css putar2 nya akan muncul di atas menu kalian) jika mau munculin putar2 nya di tempat lain,bisa kamu taruh dimana aja, letak nya dimana ) asalkan tidak error

6.Letakkan Kode dibawah ini diatas/ dibawah kode <div id='header-wrapper'> atau lainnya

<div class='KCputer'>
<div class='KC1'>
</div>

7.Kalau udah Klik pritanjau dulu bila nanti ada yanbg Error ..
8.Lalu klik Simpan 
 

Source : http://katsufirst.blogspot.com/2012/12/cara-membuat-css-putar-putar-di-blog.html