20 Blockquote Untuk Blogspot ~ themexlima

20 Blockquote Untuk Blogspot

Gaya 1

Blockquote Code :

.post blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }

Gaya 2

Blockquote Code :

.post blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; } blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; }

Gaya 3

Blockquote Code:

.post blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

Gaya 4

Blockquote Code

.post blockquote { background-color: #666; color:#fff; padding: 15px; margin: 1em 40px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 8px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; }

Gaya 5

Blockquote Code :

.post blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgGupSqyAkejjtnOtbwsaGh3C6YTBkj1hdEpg21ueksMddvE1Zgl3bYAbt3IoFKTq2R7dqXFNVvdUKd05acYsPCfChT18imeGrq-Hy4Aq_23fGU0hJR7gAM74lm4v5Y30MI_nwVvOIQMw/s400/owl.png) no-repeat 350px 5px; font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; color : #000; border-left: 8px dotted #DAB547; } blockquote p { margin: 0; padding-top:10px; }

Gaya 6

Blockquote Code:

.post blockquote { margin : 0 20px; padding: 70px 20px 20px 40px; background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidOKzSiKfL42oGGPY3J4GxXK-mIj7l0s5aHLCi_zR3pDdzOsFSGEoh9oX8gDlUPqXa-HuDvB3fRxvQpiigtrxvpOHToE2tO_4ofAKrP0kUD5fhw2OAEZRkfXOg-dgbkrn19jQnrP7EpdY/s400/angular-purple.gif) no-repeat top left; font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif; color : #000; border-bottom : 5px solid #435388; } .post blockquote p { margin: 0; padding-top:10px; }

Gaya 7

Blockquote Code:

.post blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOOI7q1hfSteCdMzhjVrurS-hjjnQlC8gemEnc2r8C6BtuYPAAtdqohToCdOYSXIUfEOMDFQT_3_CTnBam6i7lsEEmAGtgoBeXjrnNo8bu_Fws95-oSwVwkHtKfHzwiYfXzdAQNKTR7ow/s1600/block22.gif) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff; } .post blockquote p { margin: 0; padding-top:10px; }

Gaya 8

Blockquote Code:

.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyIQ5UXhEin8cs6VrTCvUGQYpWyVOsN-liYVtejsTBdHv5jiKHOaZuzGFFcQYQOONQxGGDsT9AIJAM1eguXOBM6zb2h4VfMi1P6c2VyA1ti0FgmKCDv6diwAuuIOP64wBe_6l5bBG39Ds/s1600/comma-side-orange1.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px; font-size: 0.9em; font: italic 1.2em Georgia, "Times New Roman", Times, serif; } .post blockquote p { margin: 0; padding-top: 10px; }

Gaya 9

Blockquote Code:

.post blockquote { background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4OEZ3SQErjk-uE5cU2oDWAj7yTReonObQR_Qiwjj_kCjf0gJHXQf1CzFEO61uetNYh7oU0NbKft1wPhJWfyQnnyMVtEsgEctzbJFL4PEPXV6rAYvMQx9N0AA2SyRW9xFgHjF1DyuWDI8/s1600/green-black-side.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 20px 50px; color:#C7CACF; font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman"; } .post blockquote p { margin: 0; padding-top: 10px; }

Gaya 10

Blockquote Code:

.post blockquote { margin : 0 20px; padding: 20px 60px 80px 20px; background : #FEE4E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIw8w2jifdziljYA7XcOOPbIRgRR0E1XcT5bRSGeq_8sOr7GuHUTEOTs7wpJou8Uzl8xJWqDOmsUO05pErtn56LYvBLW2xnrhmovFNyXBlyiBU5S0KtyG-X9BX84zV-akHPJzPOhzgkaY/s400/angular-right.gif) no-repeat bottom right; font: bold italic 1em Georgia, verdana, Helvetica, "Times New Roman", Times, serif; color : #000; border: 1px solid #DDD; } .post blockquote p { margin: 0; padding-top:10px; }

Gaya 11

Akan ada akhiran seperti ini

Blockquote Code:

.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVtXE9TVkuyQNQQrKu6iPxf_kiJ2g8jgEC2U0aOO7sYxOxnmPoaKKrbevwe1ONDmRcKosTz2c2YjpLad9hCspg5TP6FoJjNxlL0d8CaXYeRy3ED7mzwDHwRWZ48wewVxsH8T7dKzdnfek/s400/comma-left.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEina4Tg-gbsj-i5db3dXlU1NclsC9sJZK0tTR1Qs7rKCGbfy-nYPjOmDOTuK-ucVp15a3ovMZ6Z2GXw09ivoTqZl1y7WgWEO-PrCRxizEBdUuF2YSWo_wSiVWtyghvwZ15o2ubol9y8rXs/s400/comma-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }

Gaya 12

Akan ada akhiran seperti ini

Blockquote Code:

.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXHu7MA0-fDJepjkn8xTW4dJ4asybPxI_4UE6QIzlUH6PNWFkw_Xn6ndvORpr1z1-ffZzaNiayZPIPKnJBCgaTQVD2SENtjfhgGfgWLjpwOjaCHONrVE2-gzfabKe5E37P5kKeC2QpI6c/s400/comma1-left.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLVCEEH4AUMWFuNdiBQ1txYV3fUT_pc4SBhxLbf3maYD13YAf5AGYzif4yTEtV_P3G46oKxvRCC9skuCfiRWA_mC6ekHMG-7Zn1bno555vTHlIXhimNdKB04iYw1_Mdop0qWjLXoSQPo0/s400/comma1-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }

Gaya 13

Akan ada akhiran seperti ini

Blockquote Code:

.post blockquote { font:bold italic .9em "comic sans ms", Tahoma, sans-serif; padding-top: 25px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqAezO0iD2kPoYurtEMOfGBFcjpmtfSG9gST6TX_-5zE-rqx_fN-QuLqzaXtGL4pHmISguw6dYrL8c5lfhJBxAXMzxPzFj1kQHKd61PJar0MXrIU_5oroD_YUkdpmaXMX1E54J3m4EGVw/s400/left.gif) no-repeat top left; text-indent: 65px; color:#6299E4; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_AtND8D_Y-C57vMdDSU4ojKPKQZs_kWmcwHPkyqffRrHjfLwdtK1kDmhlAT26j1Y0w5hq47r3h-jdiWvPQeyPr60X4QjKZ6HmHFmIngWp0kJGdEa0M7Hya0Hff1MyGfvYw6KZe-VnJDo/s400/right.gif) no-repeat bottom right; padding-bottom:30px; } .post blockquote p { margin: 0; padding-top:10px; }

Gaya 14

Akan ada akhiran seperti ini

Blockquote Code:

.post blockquote { font: italic 1em "comic sans ms", Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqbiUn8EVBQSDyePNra1qzpJy40DF8REZdGR8bubRGSQcjIfhd7WB1WzMS_ID2ZFEwxJVyRw7sdOO5n_skC-rbe1qRKgmrPW9xll37EFl1_QCjLj1vkxLnqowJXBIOnx08PBphmR1z23I/s400/comma2-left.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYfBC9dWtZKov_hx1APbz8Y8mfQVVWRjqIXS1b4kgPvXJKdQfcXSduzbJVPMgwR-HZdraNQ6bpM5O9FYe6baMmPmzODkIRsK_jTYU9a1dCnrWxRqoA0bec93Qc7mV4RSrheT75sPTpjA4/s400/comma2-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }

Gaya 15

Akan ada akhiran seperti ini

Blockquote Code:

.post blockquote{ margin : 0 20px; padding: 50px 30px 50px 30px; background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhOZScE8ILxoT24yMYErRJuG6JAWjoTTL1sGdnS-ZuW9htGrob5Z64Y5Dgh6DOQFZKs_Sq94IxFuoACDXenPsJEB1TAFANqs8PAsPfYkvVDFPSBhIEmWxdv_oI3PNvDL2NlaLPB1Qpf9I/s1600/BLOCK1-TOP.gif) no-repeat top; font: bold italic 1em Helvetica, verdana; color : #000; } .post blockquote div{ background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcgBeY5RnqpWkHVNNlr-ha4PN19zxJKHqcph3HDuX3wEt6uML69Y8Emkvy4-DsaP58HnkMVsgnQIyma43hEKA5w4eaGbLUYmzqihJNyqX-MvFUYeMeBuAFxmxloV7Pol5kwFZWRgljjqM/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding-top:10px; }

Gaya 16

Blockquete Code

.post blockquote { margin : 0 20px; padding: 70px 20px 30px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqUYyMWGzGDfhux7wgwWgLmtb3RyUq83BGSb7yEKmjqt1_IILMydZZFXR9dywgT4_v_RPrClAtqAxdyVMJC60B03P-yvWF0l94HwYXKU6ChJ4mUlqcgJc5LwZHCOIkDY22EKdbW8_h_SY/s400/block3331.gif) no-repeat top; font: bold .9em Helvetica, "comic sans ms",Courier,"Times New Roman", Times, serif; color : #343434; border-left : 7px solid #FF7802; border-right : 7px solid #FF7802; border-bottom : 7px solid #FF7802; } .post blockquote p { margin: 0; padding-top:10px; }

Gaya 17

Akan ada akhiran seperti ini

Blockquote Code:

.post blockquote{ margin : 0 35px; padding: 80px 0px 0px 0px; background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2RD4OoRxhRiZKsQJry8Kp2vsfN1BgpD5AF1SPijjHClYbhhhJboE5g8O9GAm5pzt1ho3zogV6T0O9ds64RRtpsAndznMnQfLuE8cCw8X0xb9hEgFV-RoOIOAbomrzlUMrK8Q3WaqaPEI/s400/head2.gif) no-repeat top; font: normal 1em "comic sans ms", Helvetica, verdana; color : #666; } .post blockquote div{ background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy6DgOiUU607ErnyHoYARl8OupLgUs5aOmhirITUq7a2TEJ_-lVIi1Ldlt_vFNCM1-py64HV028Db6E1OcXHFZv_oxWYVPqABymNg1xMruAOKjHql05Sh6YNt2815c4hcUvcI8MsZmzS4/s400/head-bottom3.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding: 20px; }

Gaya 18

Blockquote Code :

.post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } blockquote { background:#EFEFF7; }

Gaya 19

Blockquote Code:

.post blockquote { background-position:-10px -7px; border: 1px dashed #FFC600; margin: 20px 10; padding: 0 20px 0 50px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHRluMGB5tFfzb_c0Sh1cx71mgHqnhs0lBEZPMG1CGgnf0_b3TeAi4NEKOe88GP_OPIKjoDfTdlPaTSAZmXDvbY_Cpv8SOY5-KRKRFdJpUH2mq2zpZNU5BG1pBW1NjfwINa35VidS-Y0Z6/s1600/quote.png") 5% no-repeat #FFF8DD; }

Gaya 20