• Twitter
  • Facebook
  • Google+
  • Instagram
  • Youtube

December 28, 2012

Cara Membuat CSS Lingkaran Berputar

LOL

Hay Vanseerss. .
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


LOL

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 Biru 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.Save / Simpan Template

okeh , gimana susah ga ? susah ga susah yah wkwkwk :D
kalo ada yang mau di tanyakan silahkan komentar aja :)
Sekian dulu dari Admin , Semoga bermanfaat .

Sumber : Katsu


==================================================================

Jika Artikel Ini Bermanfaat Untuk Anda Semua . Anda bisa menyebarluaskan Artikel ini
Tetapi , Dimohon untuk Cantumkan Sumbernya .
Dan untuk pengembangan Blog Zhura XpressX , Saya Menerima Donasi dari Anda Semua.
Semakin banyak Donasi semakin banyak Artikel menarik / cheat yang selalu Update .
Anda bisa Donasi seikhlas nya ke nomor berikut :


Im3 : 085624675390
XL  : 087724813559
Berapapun sumbangan anda , Saya sangat berterimakasih kepada Anda .
Salam Admin RezzaDz

==================================================================

9 comments:

  1. Kk cara ganti header template ini gmn ya ? mohon penjelasannya

    http://blognya-adavirus.blogspot.com/

    ReplyDelete
  2. ane sebenarnya kurang begitu faham gan ma css apa si fungsinya?

    ReplyDelete
  3. @Arry : Sama juga gan . . ane juga kurang ngerti. . tanya aja sama om gugel fungsi nya :/

    ReplyDelete
  4. Makasih Gan Infonya!!
    Visit Back : reza31.blogspot.com

    ReplyDelete

Contact

Get in touch with me


Adress/Street

Jl. Raya Samarang, Garut.

Phone number

+(62) 815 xxxx xxxx

Website

www.zhaa-inc.blogspot.com