Informasi mengenai semua hal teknologi terbaru, tutorial, berita, edukasi, pembelajarn.

Selasa, 01 Januari 2013

Cara Membuat CSS Berputar Di Blog

Hay sobat XC-Blog.. XC blog sebelumnya share sejarah 2clan terkuat dinaruto,..
sekarang xc blog mw share cara membuat css berputar di blog
ok langsung aja pe pembahasannya...
css berputar















1.Edit html di blog kalian masing masing
2.Cari kode ini ]]><b:skin
3.Masukkan kode di bawah ini di atas kode tadi

.KTputer{margin-top:-300px; margin-right:240px; width:98px; height:98px; float:right; font-size:14px; text-align:center; text-shadow:0 1px 1px black}
 .KT1{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);} }

4.Cari kode menu kalian misal nya nama menu kalian <div id='navijohanes'>
(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

5.masukkan kode HTML di bawah ini di atas kode tadi (terserah di mana aja,asalkan tidak error)

<div class='KTputer'>
<div class='KT1'/>
</div>
kalau sudah tinggal di save template ..
dah gitu doank, yang lainnya edit sendiri ya :D
ok sekian dari kami, semoga artikel ini bermanfaat untuk anda :D
Source

Tidak ada komentar:

Posting Komentar