8 Jan 2013
Halo sobat D T udah 1 minggu admin nggk ngepost ya... kalo gitu sekarang admin mau ngepost cara membuat lingkaran berputar dengan CSS. demonya sih bisa lihat di blognya bang Dickey atau blognya Rama kalo cara buatnya sih menurut gua mudah hanya bermodalkan Border radius dan Keyframes .. langsung aja ya cekitsob
1.Login ke akun Blog
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
.DTmuter{margin-top:-300px; margin-right:240px; width:98px; height:98px; float:right; font-size:14px; text-align:center; text-shadow:0 1px 1px black}
.DT1{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='DTmuter'>
<div class='DT1'>
</div>
7.Kalau udah Klik pritanjau dulu bila nanti ada yang Error ..
8.Lalu klik Simpan
Semoga posting ini bermanfaat untuk sobat semua
Tunggu posting berikutnya ya!!! Jangan lupa follow http://defa-technology.blogspot.com/
