Membuat CSS Lingkarang Berputar-putar

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 ungu dengan warna yang kamu mau.

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

Sumber : Katsu

16 comments:

Ardana D'kaiserDecember 29, 2012 at 2:33 PM
Kk caranya Ganti header template ini gmn ?
http://blognya-adavirus.blogspot.com
gtrslncDecember 29, 2012 at 3:37 PM
@Ardana D'kaiser: Lihat aja kode CSS nya sob,download dan pecahin kodenya sob ^_^
YujiDecember 31, 2012 at 4:53 PM
puyeng ,, gg bisa"
gtrslncDecember 31, 2012 at 5:11 PM
@Galih Seven: Puyeng kenapa sob? wkwkw
Bima Wira BhaskaraJanuary 2, 2013 at 12:37 AM
mantap blog sanak ko mah .
alah lupo jo awak nyo kini
http://www.bima4rt.com/
gtrslncJanuary 2, 2013 at 4:55 PM
@Bima Bhaskara: alun lupo gae jo sanak lai do. sanak tu yg lupo jo wak. hahaha
Bima Wira BhaskaraJanuary 2, 2013 at 10:13 PM
hahaha .yo tu sanak. bisa lah tu yo ? aden belajar design jo sanak . ndak nyangka alah hebat kini ^^
gtrslncJanuary 3, 2013 at 12:27 AM
@Bima Bhaskara: hebat apo tu sanak?? iko pandai stek2 nyo sanak. ^_^
Bima Wira BhaskaraJanuary 3, 2013 at 3:56 PM
Hehe. dewa tu mah .
chat fb sanak. awak ado yang ditanyoan tentang desain mendesain ko haa >.<
www.facebook.com/Souzun.MIRAE
gtrslncJanuary 3, 2013 at 8:18 PM
@Bima Bhaskara: add se awak sanak, pertemanan wak kanai blokir 30 hari https://www.facebook.com/die.silence
Bima Wira BhaskaraJanuary 3, 2013 at 9:48 PM
oke sanak .. wak nio nanyoan ba a caro kotak headline tu ha
gtrslncJanuary 3, 2013 at 9:59 PM
@Bima Bhaskara: koa sanak kode css nyo.

#Headline{border:5px solid #0C0C0C;float:right;background:#212121;padding-left:5px;width:350px;height:100px;margin-right:636px;margin-top:-135px;border-left:5px solid #212121;}

kalu kode htmlnyo lah tau sanak kan,dima ka sanak latakan lai oke,asa ndak eroor

~ ATURAN BERKOMENTAR ~

1. Dilarang menulis link aktif
2. Dilarang ngiklan di kolom komentar
3. Komentar yang hanya titip link, akan dimasukan ke kotak SPAM
4. Berkomentar sesuai tema artikel, untuk OOT sebaiknya cari tempat lain

Terima kasih telah berkomentar.