Cara Membuat Quote/block Quote Css3

"Test quote/ block quote dengan css 3 pada blogger"

"Terima kasih telah mengunjungi Blog ini"

ini adalah css nya :

margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #dcdcdc;

-webkit-transition: all 0.6s ease-in-out;
-webkit-box-shadow: 1px 1px 5px #EAEAEA, -5px 5px 5px #EAEAEA;
-moz-box-shadow: 1px 1px 5px #EAEAEA,-5px 5px 5px #EAEAEA;
box-shadow: 1px 1px 5px #EAEAEA, -5px 5px 5px #EAEAEA;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
background: -webkit-repeating-linear-gradient( -90deg, #f9f9f9, #f9f9f9 20px, #cccccc 21px);
 background: -moz-repeating-linear-gradient( -90deg, #f9f9f9, #f9f9f9 20px, #cccccc 21px);
 background: -o-repeating-linear-gradient( -90deg, #f9f9f9, #f9f9f9 20px, #cccccc 21px);
 background: repeating-linear-gradient( -90deg, #f9f9f9, #f9f9f9 20px, #cccccc 21px);

Cara Memasukkan quote ke dalam Blogger
1. Masuk ke blogger.com
2. Cari menu Template pada menu kiri
3. Kemudian Pilih Edit HTML
4. Setelah muncul deretan code maka hal selanjutnya adalah mencari code quote dengan klik pada box code, kemudian tekan ctrl + f . kemudian cari code quote atau block quote atau post-body blockqueto . setelah itu hapus bagian cssnya setelah tanda { maka akan menjadi seperti code dibawah ini :

.post-body blockquote {
margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #dcdcdc;
-webkit-transition: all 0.6s ease-in-out;
-webkit-box-shadow: 1px 1px 5px #EAEAEA, -5px 5px 5px #EAEAEA;
-moz-box-shadow: 1px 1px 5px #EAEAEA,-5px 5px 5px #EAEAEA;
box-shadow: 1px 1px 5px #EAEAEA, -5px 5px 5px #EAEAEA;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
background: -webkit-repeating-linear-gradient( -90deg, #f9f9f9, #f9f9f9 20px, #cccccc 21px);
 background: -moz-repeating-linear-gradient( -90deg, #f9f9f9, #f9f9f9 20px, #cccccc 21px);
 background: -o-repeating-linear-gradient( -90deg, #f9f9f9, #f9f9f9 20px, #cccccc 21px);
 background: repeating-linear-gradient( -90deg, #f9f9f9, #f9f9f9 20px, #cccccc 21px);
 background-size: 100% 21px;
}

11/14/2013