20 Blockquote Keren
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/AVvXsEjl54AUpMCBwQdtHYem7qvryYefiUsKgzTcdi7RhgNkclUZZ9umPYv2aaoqi4KPtnQvAOcK0oqpF51QVjoTgzISih7eCBmLdxpAF3Wir2sYj5ukDj3GUPaCo1ohVUE0ocKf8HjASnjPj_c/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/AVvXsEiCTfIm82yOJy0pwWLqMR7wn7L4I3ctV6uPFFOZQlKmP05yX11DO2pof6SQIvJM-9WgOQtbwMpORCtulEQy4QuO002gQ-yJAXFqH1B28tk9E0_SZ3rTishgj2LCGr2p97bZSaWaqkR0slw/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/AVvXsEgt74B9FaM-HVKGcurSTSNXi-kH0XD-F8binm8HQKu23lNLfARmk7Ri_evTyNfWDYkJG5sTFx_KXoNipGc-kBoYbB-zImrIfGmKm71vwFZ6emK5j0fkMhEU7eKSYmXQ7hfhN24gJNZx130/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/AVvXsEjkweGjbi6CN6QaN5_WR9QapK4bA0BHJRhMyHW6Z-TSKjyLUcp-FrUpIUe06teKinlm2DG59rlJ-YBI80DXmYhbcCDER0rvQbJ43MCzglXesptEm8NzP1w0BX-Qq95yPUZNckTTbCkRW-c/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/AVvXsEjlsZDjbWepQ2Ex4ZFmnJlt8-UeWdYeW_UVYfO7T5-_TgDsBpBMMxeNs79tVfZpMTMZKcHlckWSl3kUMSV5XN_htit_9TOnxBSDnZoW6nFIWiuB6oSY0kXU-JOvmyqtcHJdwt3H1iVIMqg/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/AVvXsEhHfrp8YUN11m8TGLlEuzlre3RxXVYMPPzOmmwijo99RYWkkZMpuLZCVdgOWwCvPTrUVasC3vzjGBBAqW3vT8vc1FgwPrLesAtcpJmloKln4-GRINqXffxxnuXil2s5GY-6NxvaSO2D9P8/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/AVvXsEiBojwsVXAANgDgV5X0YG9-I8KYslfedydr6IP9Au6vpPDwroK2SUwyIodZMUDFMDDj9vM-oH5nNRVx7-15-9mGs8XEUuK2H-UnPNeR6pU2E8xz8Gi2jZNrs0KYwa5i2VbgQgI-jAjKrXc/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/AVvXsEjufimEAmJ3hyphenhyphenhqleOXC_W9CsFYHtMV2s-N-HREiOZjHABq4gmwW9DOaePJhC6Ln7Vm2ZbKwa951Cxkpf2fl5ZpcrkZoGb4H0RbqqjdKyu2oJvhsGO7HG5X0np1pP2O7n9qGmSXC8whg_E/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/AVvXsEgvdjdZ_98TaDmrYruTqVCS1HSYL99OMZvci7bEX2fx_nIzuD6OO0DMmRNzi0Pdp5iLxeErj-8nKOEuoT205Io2pERKfO_c1-PkBzyUZ4zijKbCuzYgMeJSzQpVENSenhVu4bFqgZq8pL4/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/AVvXsEgdf3SY-H2SK8FXynlDhaJnqhYkj4BOAcSJ7-zgXsgCmmbRL_6dL6Ah0edZ59cCTl3ILtzM0XHupJPg0_MDc_VvouXFryQXmoR37fQ_n-Ip3lVx0gTJqVtKThaL82auoscUDUFCHk3Bnzk/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/AVvXsEhUviq-O3UhGwezHsSmF3QC-drGWIj4gn1jUElRhPYyyQqBFsTt4x1mm0pgwLoMEn1FjbzCAdayECNxFB_wrBMkeC5NBeQDgMyZJ0S2Xc3r3nGV1X2_oS5GIuWuQ8bFV0A6TRjnFFnTpdg/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/AVvXsEg0Eusxi-7ePJV0os0Vd0zrosAQQjfNr7mX1NZG2miwA4AzQ0DqXdPK5MHf0Em075fKzcf3K1VaH9p1EMI7Cdjqb10sHyqn90jb5D2k5bq0Zc9t8cDOXBbbQGq27ZxqsW62XPmxNuFGrk0/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/AVvXsEiq0HaPCjQThigPzbIKv4m3WhVynO2FzUbLkuF73xGvWCqhj5_HEBAjguBcPTcMPwFk3q9nLRZe92D2kkD_hly9qtrPa4HSgqk74HeQVLpuUEzgI7oLrDkXUb_D2BYPkCzRMptuy5r-RFw/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/AVvXsEg6vE-58VjX7kxJ2tzUcQVAnjrjhqGrS0UTZCbf8_haXHL0g32JqjuVm6z_tbNxCkRcdX7gE2fZ61hFeFvFh_zMNvEQIh_QvPjG81n8If237UGrXbO2vxiqHmsVQH38IHPv5jkOEPw5Sq4/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/AVvXsEjD1qP91K4KFdoq8kgT-UT9czwN14feJRk9_QT46NTkP7290XqUe56vXjCTopgtUyumdLPtEU7wOF8kGqFp60Sk_MOsK9nWkoMD2bKYnL6js4ReDhiGBqfyh3VwdXN37kpFOkE2XcvxIqo/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/AVvXsEhDyI7MnZEnUTp95IpFmdiuRDufK_Had-YGNQsCBrk4zYIiZDAJVH6NwFLep8naDHVTpW4rAK3RplR5DL0fjn15KMRc0ozpZVX0Mz3acIPSLtq9_YghSDFpaFCDLTR92TmACR14Cer0xgY/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/AVvXsEg6XAPU91g8wWsaSErOou4-9pmUJzvu_3DTTilwlW5ZiwrMiCf901TlP_ZPcuc_WX1ERznmcDWYr0xVyBfP7-itOXcUjcBjpgqhPOFntD-6bvC_fAAnBc9wKGa0rBd7XMYsHxRUZGAOXWY/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/AVvXsEjelaR7GSkEq03brmTzlSFQv0vixKexe2tmxzBsKLVfzxTkfRh_CguAuH1rHXJpadOMFXVEL2el0p_fMNYrLiW_5rFWNJKqohade18A363HHTHbn4hmW5WXMYDbAlMlHCxAyQpV9Xzwf9s/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/AVvXsEigXoYi4NcbXTcgUapnRsq5bFTY1RtFop2MJ1ilYWvaUNoxuZHShVs2krg2fNDA9vz4PAr4UG9c4fT2otFTqajJuM5UpHEtVLCvaXIi4UY9kNrc2CnqYRHIv0crJnp5HSrc1d_GwBpjQ8w/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/AVvXsEhhRMnl6A7hOfcbO2KrxiP2zK9QKUJvuQo4lzt5jrwmxu6FQ19hFQKWyYKqeqHtimrx4P7vzucDZ061oDL2keA9i-ZT8Nq1H_pkeuGrGAUAeM6VgqAGO-4zwRpaAyZWug1CcaltHkuC4U5q/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
Dan untuk menyimpan Code - Code diatas ini masuk ke artikel ini:
Selesai Gimana blockquotenya keren - keren gak,,hhe lumayan panjang ni .
Postingan 20 Blockquote Keren Untuk Blogspot Sudah Selesai. Semoga Bermanfaat. Salam Mukti
Selesai Gimana blockquotenya keren - keren gak,,hhe lumayan panjang ni .
Postingan 20 Blockquote Keren Untuk Blogspot Sudah Selesai. Semoga Bermanfaat. Salam Mukti
No comments:
Post a Comment