Senin, 04 November 2013

Cara Membuat Gambar Postingan Berputar

Assalam'ualaikum, Pada Malam Ini Dark Kage Akan Memberikan Trick Blog, Oke Kali Ini "Cara Membuat Gambar Postingan Berputar, Kalau Mau Lihat Demonya Lihat Aja Blog Ini....

Oke Langsung Aja.....

1. Buka Dasboard
2. Template
3. Edit Html
4. Cari Kode </head>, Pake Ctrl + F Biar Lebih Gampang.....
5. Taruh Kode Dibawah Ini Diatas </head>

<b:if cond='data:blog.url == data:blog.homepageUrl'><style>.post img{margin:10px;padding-right5px;width:100px;height:100px;text-align:center;-webkit-transition:All 2.346s ease;-moz-transition:All 2.346s ease;-o-transition:All 2.346s ease;-webkit-background-clip:padding-box;-webkit-box-shadow:0 0 0 3px #7a0a0a;-moz-box-shadow:0 0 0 3px #7a0a0a;box-shadow:0 0 0 3px #7a0a0a;-webkit-border-top-left-radius:60px;-webkit-border-bottom-left-radius:60px;-moz-border-radius-topleft:60px;-moz-border-radius-bottomright:60px;border-top-left-radius:60px;border-bottom-right-radius:60px;-o-border-top-left-radius:60px;-o-border-bottom-right-radius:60px}.post img:hover{box-shadow:1px 1px 10px 3px rgba(0,0,220,0.6);border-radius:0;-webkit-transition:All 2.346s ease;-moz-transition:All 2.346s ease;-o-transition:All 2.346s ease;-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}
</style></b:if>

Kode Diatas Bisa Diedit edit lagi
6. Pratinjau Dulu, Kalau Udah Bagus Baru Disimpan

Oke Semoga Bermanfaat

Label:

0 Komentar:

Posting Komentar

Berlangganan Posting Komentar [Atom]

<< Beranda