Tuesday, 1 January 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

Seorang pelajar yang ingin berkreatifitas di dunia blogging dan yang selalu ingin membuat kreatifitas yang lebih baru.

21 komentar

Nice bg . ..
walaupun udah di pasang juga wkkwwk :D
[+]Zhaa-inc.blogspot.com

Nice Artikel :D
http://cw4rt.blogspot.com/

Nice sob
comeback http://www.bima4rt.com/

@Bondowoso Community : ok sama", thx juga ye dah berkunjung kemari :D
@angger pangestu ari : oke sip :D

w pngn nih penasaran,, tp tkut acak"kan bro.. hahaha :D

Come back again yaa.. :D

Keren nih bang, ane terapin di blog ane

Visit ya http://www.finziinside.blogspot.com/

nice post..
blogwalking
http://berhaticinta.blogspot.com/

@akbar : ya silahkan :D
@imam : terimakasih sob, ok aku blogwalking :D

Blogwalking aja gan, ane pusing klo soal ngedit mengedit .wkwkwk

Wow, nICE ARTIKEL SOB :)

Blogwalking ya :D

@roland jak23 : terimakasih sob. oke :D

nice gan,, 100 jempol (y), cuman masih bingung penempatannya.. heheh
dibantu ya
http://thumber-kreatif.blogspot.com

Nice blog bg
bntu follow ya
http://www.alvincelebration.blogspot.com

Catatan :
- Dilarang Menggunakan Link Aktif / Live Link
- Dilarang Promosi Iklan
- Dilarang Nyepam
- Untuk Menyisipkan Kode, Gunakan tag <i rel='code'> Taruh Kode Disini </i>
- Untuk Menyisipkan Kode Panjang, Gunakan tag <i rel='pre'> Taruh kode panjang disini </i>
- Untuk Menyisipkan Catatan, Gunakan <b rel='quote> Taruh Catatan disini </b>
- Untuk Menyisipkan Gambar, Gunakan <i rel="'image> URL Gambar </i>
- Untuk Menyisipkan Youtube, Gunakan <i rel='youtube'> URL Youtube </i>

Sebelum menyisipkan kode silahkan gunakan Tools Konversi Kode.
Caranya tinggal klik tombol "Konversi Kode" yang berada di Form Komentar.
EmoticonEmoticon