Rabu, 24 April 2013
Adithya Blog 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....