Description: Custom Blockquote | Animasi terbaik SEO
Rating: 4.5
Reviewer: Stasiun Geofisika Alor -
ItemReviewed: Custom Blockquote | Animasi terbaik SEO
Rating: 4.5
Reviewer: Mr. Sumawan
 |
| blockquote (Photo credit: Tomas Caspers) |
Custom Blockquote | Animasi terbaik SEO. Trik ini merupakan animasi terfavorit untuk SEO. Animasi ini akan merubah Warna Background "Block Quote" saat mouse melintas diatasnya dan pada saat anda membuat "Quote" teks, warna background asli akan berubah menjadi warna yang kita inginkan jika pengunjung menyorot mousenya ke teks.
Step by step animasi custom blockquote :
1. Login ke Blogger
2. Edit HTML >> Centang
3. Cari: blockquote
4. Tidak semua blockquote sama persis, contohnya :
blockquote{margin:20px;padding:10px;color:#666;width:537px;height:auto; overflow:auto;border:1px solid #E0E0E0; border-radius:5px;background:#F9F9F9;}
5. Kemudian Copy kode blockquote anda, Paste kan di bawahnya dan tambahkan beberapa kode berwarna merah seperti contoh di bawah ini. Jangan lupa kode untuk warna juga diganti agar berpengaruh saat mouse di sorot.
blockquote:hover{margin:20px;padding:10px;color:#666;width:537px; height:auto; overflow:auto;border:1px solid #A2A2A2; border-radius:5px;background:#E0E0E0;text-decoration:none;}
6. Maka hasilnya akan seperti ini:
blockquote{margin:20px;padding:10px;color:#666;width:537px;height:auto; overflow:auto;border:1px solid #E0E0E0; border-radius:5px;background:#F9F9F9;}blockquote:hover{margin:20px;padding:10px;color:#666;width:537px; height:auto; overflow:auto;border:1px solid #A2A2A2; border-radius:5px;background:#E0E0E0;text-decoration:none;}
7. Save template, selesai.
 |
| FeedLounge blockquote problem (Photo credit: Krypto) |
Related articles
