Blog Fiqih Community kali ini
akan share cara membuat icon atau animasi pada kotak Blockquote. Apabila
cursor menyorot Blockquote maka otomatis akan ada icon atau animasi
yang muncul dari ujung kiri atas menuju sudut kanan bawah. mau lihat
demonya, silahkan kamu sorot blockquote yang ada di postingan berikut
ini.. HERE
Berikut tutorialnya :
- Login ke blogger
- Pilih menu template >> edit HTML >> lanjutkan
- Dengan menggunakan ctrl + F, cari kode blockquote:hover
- Lalu ganti semua kode tersebut dengan kode berikut ini
blockquote:hover {
background-color: #FFC8F2;
-webkit-transition-duration: 3.5s;
background-image:url(http://th929.photobucket.com/albums/ad135/wae_arix/th_NarutoGif.gif);
background-position:bottom right;
background-repeat:no-repeat;
}
- Apabila di HTML kamu tidak terdapat kode blockquote:hover. kamu dapat meletakkan kode diatas ini, di bawah kode .post blockquote {
- Ubah code yg berwarna kuning untuk merubah warna background blockqute pada blog kamu.
- Dan kamu juga dapat mengganti icon atau animasinya dengan merubah code yg berwarna hijau.
- Setelah itu simpan HTML milik kamu.
Nah, sekarang coba kamu lihat blockquote yg ada di postingan kamu,
apakah icon atau animasinya muncul atau tidak. jika belum muncul coba
kamu periksa kembali letak kodenya....
