Kotak Banner 125 x 125 Dengan Efek Keren With CSS

Kotak Banner 125 x 125 Dengan Efek Keren With CSS

Assalam'ualaikum, Akhrinya ada ide juga :v :v :v
Oke kali ini CSS-nya beda :v
Oke Demonya dibawah


Dark Kage


Oke Jika Tertarik Langsung Aja :D


  • Buka Blogger, Template, Edit Html
  • Cari ]]><b:skin/>, Ctrl F untuk mempermudah pencarian..
  • Kalau Udah Ketemu, Taruh Kode Dibawah Ini Diatas ]]><b:skin/>


#DK125 img {
border: outset 4px #7a0a0a;
margin: 0px 0px;
text-align: center;
padding: 0px;
margin-left: 0px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}
#DK125 img:hover {
-webkit-animation: cssAnimation 1s 16 ease;
-moz-animation: cssAnimation 1s 16 ease;
-o-animation: cssAnimation 1s 16 ease;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(0.926) skew(0deg) translate(0px); }
to { -webkit-transform: rotate(0deg) scale(1.006) skew(0deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(0.926) skew(0deg) translate(0px); }
to { -moz-transform: rotate(0deg) scale(1.006) skew(0deg) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(0deg) scale(0.926) skew(0deg) translate(0px); }
to { -o-transform: rotate(0deg) scale(1.006) skew(0deg) translate(0px); }
}


  • Selanjutnya Save
  • Buka Tata Letak
  • Tambahkan Gadget
  • Pilih Html/Javascript
  • Masukan Kode Dibawah Ini


<div id="DKkotak125">
<div id="DK125">
<a href="http://darkkage10.blogspot.com/" target="_blank"><img alt="Dark Kage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie0p4BVdl0XbWVSDRcF8O65K9E_ws0Et7mcV61Bx3OXMnozeEzGCs0pU3NVxL1FLI-X2uDrf1Rb1uHaWxXTN9oSwM613-A_43PTzMH9cdWLscZuqNMHv0zi80-mpUIKeUWafTIQKyeCUHo/s1600/Ads+Your+Banner1+DK.png" title="ALL ABOUT Naruto, Trick, Template DLL" /></a>
<a href="http://darkkage10.blogspot.com/" target="_blank"><img alt="Dark Kage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie0p4BVdl0XbWVSDRcF8O65K9E_ws0Et7mcV61Bx3OXMnozeEzGCs0pU3NVxL1FLI-X2uDrf1Rb1uHaWxXTN9oSwM613-A_43PTzMH9cdWLscZuqNMHv0zi80-mpUIKeUWafTIQKyeCUHo/s1600/Ads+Your+Banner1+DK.png" title="ALL ABOUT Naruto, Trick, Template DLL" /></a>
<a href="http://darkkage10.blogspot.com/" target="_blank"><img alt="Dark Kage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie0p4BVdl0XbWVSDRcF8O65K9E_ws0Et7mcV61Bx3OXMnozeEzGCs0pU3NVxL1FLI-X2uDrf1Rb1uHaWxXTN9oSwM613-A_43PTzMH9cdWLscZuqNMHv0zi80-mpUIKeUWafTIQKyeCUHo/s1600/Ads+Your+Banner1+DK.png" title="ALL ABOUT Naruto, Trick, Template DLL" /></a>
<a href="http://darkkage10.blogspot.com/" target="_blank"><img alt="Dark Kage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie0p4BVdl0XbWVSDRcF8O65K9E_ws0Et7mcV61Bx3OXMnozeEzGCs0pU3NVxL1FLI-X2uDrf1Rb1uHaWxXTN9oSwM613-A_43PTzMH9cdWLscZuqNMHv0zi80-mpUIKeUWafTIQKyeCUHo/s1600/Ads+Your+Banner1+DK.png" title="ALL ABOUT Naruto, Trick, Template DLL" /></a> </div></div>

Selesai...

Oke Semoga Bermanfaat, Jika Ada Masalah Komen Aja...
Jangan Copas Tanpa Sumber, Hargai Orang Kalau Mau Dihargai, Dan Capek Gw Edit CSSnya :v

Keterangan :  Ganti Warna Merah Dengan Script Banner Kamu

1 Response to "Kotak Banner 125 x 125 Dengan Efek Keren With CSS"

[D]ark [K]age

Berkomentarlah Dengan Ramah Dan Sopan
Berkomentarlah Sesuai Postingan
Jangan Komen Spam
Link Aktif Dianggap Spam
Janganlah Berkomentar Menggunakan Anonymous
Blog Ini Sudah Disetting Menjadi Dofollow
Semua Link Download Yg Ada Password, Passwordnya Dark-Kage

Author : Dark Kage