Link exchange

membuat bulatan berputar putar di blog

Haloo sobat blogger kali ini saya akan membagi tutorial blog yaitu cara membuat bulatan berputar putar di blog
apa sih bulatan yang berputar putar di blog,bualatan yang di maksud adalah benda yang beputar putar di header atau terserah kamu di mana aja mau menempatkannya

kalo screen shoot nya seperti ini atau yang lebih jelas nya lagi seperti di heder blog ku ini

oke jangan banyak basa basi langsung aja ke T.K.P

1. Login ke Blogger
2. Pergi ke Dashbor,
3. Pergi ke Template -> Edit HTML
4. Masukan Code Dibawah ini tepat diatas code ]]></b:skin>

/* MMSharingan Berputar */
.MMSharingan1 { -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear;margin-top:-20px; margin-left:400px;position:absolute;z-index:999;height: 200px;line-height: 46px;border-radius:500px;border-left:10px solid black;border-right:10px solid black;width: 200px;; -moz-animation:MMspin 1s infinite linear; -webkit-animation:MMspin 1s infinite linear;animation:MMpin 1s infinite linear}
.MMSharingan {margin-top:-20px; margin-left:400px;position:absolute;z-index:999;background: url() no-repeat;height: 185px; line-height: 46px;border-left:20px solid black;border-radius:500px;border-right:20px solid black;width: 185px; -moz-animation:MMspin 1s infinite linear; -webkit-animation:MMspin 1s infinite linear;animation:MMspin 1s infinite linear}
@-moz-keyframes MMspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
@-webkit-keyframes MMspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
@keyframes MMspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} } 




Kalau code diatas sudah dimasukin, selanjutnya cari code  <div id='header-wrapper'> (untuk ditaro di header ) kalau sudah ketemu, masukan code dibawah ini, dibawah code <div id='header-wrapper'>


<div id='MMSharingan1'><div class='MMSharingan'/></div>








Posting Komentar - Back to Content