blockquote hover new

Wednesday, October 31, 2012


Annyeong...


annyeong haseyo
hari ni lagi julia nak teach tutor blockquote style baru
jenis hover punya,...

1.log in-->dashboard-->edithtml.


2.search kod ni:



.post blockquote {

3.copy kod ni dan pastekan kat BAWAH kod no.2 tadi:



.post blockquote {background:#FFC6C6;-webkit-transition-duration: 3s;padding: 12px;margin: 2px 2px;color: #ffffff;-webkit-border-radius: 10px;-moz-border-radius: 10px;}.post blockquote:hover {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcDdrXK-AJIA-mBCoK2K_Zj7NHAgGjb3ZZy9b88QEmImhgiQAa30tXDrUjjfZTb2mFHIrUn83gWI4FNO9C0QFbDA-sXCRGb7pC9GwOv8Bpvku94TwN12khZCveYcjLYnFjQVXffB6TW36v/s1600/pinkgrain.png);color: #000000;-webkit-transition: 3s;}

4.yang warna purple tuh,korang masukkan kod warna sebelum dihover
   
  yang warna merah tu,korang masukkan url gambar background setelah dihover


  URL background AMBIL DISINI