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

Postingan terkait:

21 Tanggapan untuk "Cara Membuat CSS Berputar Di Blog"

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

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

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

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

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

    Come back again yaa.. :D

    ReplyDelete
  6. Keren nih bang, ane terapin di blog ane

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

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

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

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

    ReplyDelete
  10. Wow, nICE ARTIKEL SOB :)

    Blogwalking ya :D

    ReplyDelete
  11. @roland jak23 : terimakasih sob. oke :D

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

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

    ReplyDelete

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.