Tutorial: Blockquote
Blogskin/Classic Template : Copy kode-nya lalu, paste-kan di atas kode </style>
Template designer : Copy kode-nya lalu, paste-kan di atas kode ]]></b:skin>
codes :
blockquote{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXRA0VuGFVnGZ7EwwAQ3ZsZZeYvsHxS_1cB1W9b8XPEUlpZ1q8bZxKi15hlN5n7G2HkoIrBZv7BiXe8czjs06HeOcuALoaZ2HbRzDB8hzvQNU8CvC9JLWahEUAtNEG0Ez1RKl2K0WAq3ZA/s1600/grey.png ); padding:10px; border-radius:10px; border-left:10px solid #CCC4FB; border-right:10px solid #CCC4FB; border-top:2px solid #DED9FC; border-bottom:2px solid #DED9FC; color:#808080; -webkit-transition: 1.0s; -moz-transition: 1.0s; font-family:calibri } blockquote:hover{ border-radius:20px; -webkit-transition: 1.0s; -moz-transition: 1.0s; -webkit-box-shadow: 0px 0px 8px #B0AAFF; -moz-box-shadow: 0px 0px 8px #B0AAFF; box-shadow: 0px 0px 8px #B0AAFF; }Adjust code :
- Merah : kode warna border kanan & kiri blockquote.
- Biru : kode warna border atas & bawah blockquote.
- Ungu : kode warna shadow blockquote.