Cara Membuat Animation Blockquotes ( Like Mine )
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
tuh kan ada gambar kelinci pink yang lagi goyang - goyang, Mau buat enggak ? ayo kita buat !!
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
Labels: tips dan trik blogger
OLD • NEW
