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/AVvXsEip-QDinSkf-K2gT1fR1X_NDdG60Sj_zah59fWjYZvip4I8OLPvi6udmj9dTtPmMRv0j6AxAPs5sHe1vpmt97WXtJiz0z7GIRBt6Gin62MYI8k4lkRJcNoPYF4kWBONnB7ozrZVngtVH3w/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/AVvXsEhWolKBTQtt26haz-ELGdB0zOEksVIxtFTNJufgXK0DHO1drzQ13xgtugPtb8cAQkT3o8vfUq8LlM3j2I-CMnhjtotMew1wTaaHT81whNqlI1tEB3w0TdqTK5nsQEBYvLJHO7uLWRCnhQg/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/AVvXsEiqHsWEvB-FlOM8Yu3VnApT7vrthwsQ3wwVrGIJlWvTeev6mwTJpzt3CyiPCm6HENLxge9GO3gINxSpx6S3NXP6ENk1WtlQMh9r8a0Rxe-cLW8OEe1hXIHKnZmvWEWhoTLsWMGRvE5fIMU/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/AVvXsEiOhdXqfxDwM4Tr98m4mJqnkmoZ2Z0m85LRNrvm-8LQ7_9-qqXiaT6RmyGFBEFvKCOE7rzmNqXXwiZkYIWA3-JwMF_AV0dy4jRuMQgIW8JTE5j-Z0JrZq9ju_jKop4Ne8ryJMmGMSZLHEA/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/AVvXsEhaUwTh8KW3v-mRZ_iOicna4lXrNKrzsTnWgfIVTt0nfF4d2FNnXWXh3UGBNZYi1ReYkCXOd995n7PQC2shlkniYp0nRUeZ1Ap3V9c16DrCGJ_jlZXGb3ov_AKUdJ7jQ5K1uRiD_EhVzC8/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/AVvXsEi6AxZBaevBGJ9qkdj3-H8BMDBpTj6nLWsovTuPPUBfpVw2MOj2uC5svTyICAVO5HMoC6q9ALJCRsOzTnv5sUS3NmYx8CjlYFWZSJ_y3tRAyOsKdlFbl0unJCzs28W5xGqII9KjJSKp8AI/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/AVvXsEhyrIa3-wFONa5g-iHbi5Mtiy9OuO6jahhkXJHWI1RUqvYRiipAunNV3FmXQPFQGIkx91kqqrtuTKXRP0gfyHxVDWqH98r1TK0oWVxHecDxz6oQmmwxBfZ_4vq4fE4aYY8IYbxQEApCPug/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/AVvXsEhCpT0RZCYoojEvFyfqzEAfA6tQDRir1PAQzRG5JxYZmxFyrQSJMWpeKntCR7zNLObYbn9Y7rklCzeP6h1z2AYEw5PBzRkyVCfsNTe22_aiY7YnrY2c7GgGEupU1Gi2Myw5fKZcDjSF0W4/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/AVvXsEhsqO5W_1m-Qo-8Rpv0OBxizNZ5KTcKVlcygSmbXGqq5TgcxkuX9rgzUOWZ_-NReOj4y98vRWnY_76fkOgAZH85mPD8jhhtUbwk5HhFwALe-WhsH5oCnX4hS6hRkS6zt48-WyEMF8jy8SU/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/AVvXsEhdPMx76Vac1WLcCTq8GrLtL6ENyfc0TCMOKwkDWfouEn35ZZg4UDTua_361jF-lpWC_1Vr7ESTKP7-3XwiuGl3ScVJ7vztYLSXi1mo6uYk4fOLF6eX67M9VEeWU0cf5014iz-6uA4Zlbw/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/AVvXsEgbxN9QKfIj8sg4QeLEjVw44yrdS1SpE-TG_9ps52FvU3lsatx6W0SrAdOljoioNgv-3Q7drBDAFRkBheV_bfPKaSUZ5CHygTLE6QsJ-0_3N67UmrE6DSb7hQQXRKN9qZglPx-SIqKlXRg/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/AVvXsEh5HxHnkABohdbK6BlBoEMTT9OLzpOSVGKvOP1Ab8Hn0piV5jtqV0vbXRKR-IlwjovHS2y9X1O4VuSrTkNEEAjfC2TcJyzQJA4loMrXUzD4PLvrGkz0cN4gQFBPxOWWf90wj57KT-wbBR0/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/AVvXsEgSO5AuqldmcUfklobh5gLEOvYZv81Br8jPVHonFGAI_IAN4DhIVF9ljA_2E4QCaGETZwmRgxieqem3t0nfIyu0Qo6Ts4TeP8PlD60yteJUD8HNDVGmXTtoQQY2hjov_OUdeFJhFD3xvB8/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/AVvXsEha0h6edEx3atNA7X5bNYPgxmOjSsTZy0pAk9wcbRjvGijRGk_tx__D65D7KNHJTBgaN3IPIlgot3GUr69d0JNn9J6J10CS90nMU98jBqnybd27xGwVhrbTaM7O1Zf_w38-J-xXJcTmeFw/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/AVvXsEjTtPx6WW25qlJvmz-SxOEZF9TY48UzwaNJ5XGoVlqqWDTvduj4IQ1uQ15T6GHFCmiz_yWO7dsN9ztWrTeBshJWRJpLUNI3fZ3AqEu4C3rwyHV1l737KGKjedMvZTI4I9IUCFkJy4WYJUs/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/AVvXsEiDxnsK8gzplQdFLOxiGeWTLPUY2gvcNh1LSe5flsP1_ob17jyvIjnYjSs4qMGjgv_Y63BxwAO8kuQn17Q8oW5QDv4YmJ9XdlZyFipn0Jh8nAw3GwMOPBiTT8jhBMmasJ-LM2B-OMozmlk/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/AVvXsEilKqvUaf4OZhpViXC1U-AB9kDPpmXhk8jS2xsMTLM228msx2mF759BKU0K1GuykFfAGWOtdyHfb4d0kaBj5DgvZHtcuyBlmc5Mohp-w8o95f8CS4jEjHjYfXYrmLkfPtJyD2k00ofzy4E/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/AVvXsEhwxGN14tZ4e44PzAMZIkt9bLY4xaPgP7kPRNiTLE-r3ojHoMec3iXIgNq1ukvfA3arBsQEp69-yh-1XF3Ty_wn_7m0YN1AodZGtgzOjDab-CtqjUDVp16I_HgBEpPPLjLCDdz5KV_ImZ4/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/AVvXsEh2jNjKvjn4dgeac3K71kSkZvzjlRYIgIqzbH3QNAS1yYB20-eUehHUMJHteQtubVvy_jDerncZMeipqM9hC7DgeuWpE1xHtYgkaEKD4e3uyEwvYKGl9kPtPhGh0w4GJbeFVpY_fPCm7pY/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/AVvXsEiREV89MHGlvii9derKewf-TeW2Pq32WTQs6A8zaTu2gadEgfTfFGQ3A2H6E3JoGVIJWwSzMCc4GVafm4BAZIKk5heyf7dTX5ZhCQM95VJl1Z7AW0hWBCQS1NKU-aNAan_cIorHWlPJZJ2g/s1600/quote.png") 5% no-repeat #FFF8DD; }
Gaya 20
Blockquote Code:
.post blockquote{ background-color: transparent; border-top: 3px double #DC143C; border-bottom: 3px double #DC143C; paddin
