Cara Membuat Animation Blockquotes ( Like Mine )
9/3/11 • 3.9.11 • 1 Commenter [s] Kamu tau tidak apa itu animation blockquotes? mau tau contoh sama cara buatnya? bener mau? mau? *kebanyakan maunya langsung aja :Coba Gerakkan Kursor Kamu Di Kotak Ini ![]()
1. Seperti biasa , Dasbor > Rancangan > Edit Html . CTRL+F dan cari kode berikut :
.post blockquote {
2. ketemu enggak ? kalau ketemu hapus code lama (code yang di bawah .post blockquote { sampai simbol } ) dan ganti kode di bawah .post blockquote { sampai simbol } dengan code ini :
background:url(URL BACKGROUND); padding:5px; color: #996633; border-left:2px solid #D0A9F5; color: #996633;} blockquote:hover { background: url(URL CUTE ICON) no-repeat right bottom ; -webkit-transition: 1s;} }
Note : ganti URL BACKGROUND dengan background di blockquote kamu . Boleh juga ambil URL yang
sebelum ini kamu punya :)
ganti URL CUTE ICON dengan cute icon di SINI
untuk waktu animasi kamu itu bergerak dari kiri ke kanan . Mau tukar ? boleh kamu tukar sesuai kemuan kamu
3. Kalau sudah siap klik PRATINJAU, kalau berhasil klik SIMPAN, selesai :)
Semoga bermanfaat
Diartiin dari sumber INI
Labels: tips dan trik blogger |
Welcome!
![]() Chatbox
Archive; Ads |