Membuat CSS Kotak Goyang2 Membuat CSS Kotak Goyang2

Setelah membaca / Download jangan lupa komen :)

 Semestinya udah pada tau tentang CSS ini..tpi gk ppa lah di share lgi...
Seperti Ini CSSnya
Tapi yang Diatas Cuma GIFnya :v
Untuk CSS Asli Ikuti langkah Dibawah yah...

Langsung Saja Langkah2nya :

• Masuk Template
• Cari Kata /b:skin
• Pastekan Kode Dibawah Ini Diatasnya

.kotaka{z-index:99999; margin-top:0px; margin-left:0px; position:absolute; -webkit-border-radius:0px; -moz-border-radius:0px; border-bottom:3px solid #004f99; border-left:3px solid #004f99; border-right:3px solid #004f99; width:35px; height:50px; border-radius:0px 0px 25px 25px; background:black;-moz-animation:goyang4 0.8s infinite;
-webkit-animation:goyang4 0.8s infinite;-o-animation:goyang4 0.8s infinite;}
@-moz-keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
@-webkit-keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
@-o-keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
@keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}

• Simpan
• Kemudian Lari Ke Tata Letak > Tambahkan gadget > HTML / Javascript
• Masukan Kode Dibawah Ini

 <div class='kotakt'></div>

CSS Diatas Hanya Untuk 1 Kotak Goyang2...Untuk Membuat Lebih Dari 1 Kotak..Pastekan Lagi CSS Dan Kode Pemanggil Tapi Nama [ kotaka ] Diganti [kotakb , kotakc, kotakd dst]kemudian Ubah Juga Margin Leftnya Saja 

Semoga bermanfaat ^_^ link