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
Merah 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. Simpan/Save Template
Mudah Bukan ??
.
