Dùng Blockquote làm chú thích và khung code cho blogspot

Mẫu 1

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

Mẫu 2

blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; }

Mẫu 3

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; }

Mẫu 4

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

Mẫu 5

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; }

Mẫu 6

blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu2g-eWcXNF9CUEhmZ9ICJqUF4L3QfHzXoAsQUDnq16ynxQHro7h9HgjM2cUvRLdcIBXzBCf5_Cl3bsNp8fkpUwUn-nqdfofN7I9H770BO9ujKUjMhT-wLX4_FGxufyXS0Bv2ruXvw3Nk/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; }

Mẫu 7

.post blockquote { margin : 0 20px; padding: 70px 20px 20px 40px; background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLspnKjNtZ4CwlJOJh3qOKniE3z8Hk9rDsXTAhhM4doPoi2wwFO3JN0zzSuzh15qvVr5leQlhv3Q7s3A6lIAHuYmQJLpTEtLylUn6XaF6eanhr2autwdcNoGMRBfzUBGZozn_sDrCdqpQ/h120/angular-purple-namkna-blogspot-com.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; }

Mẫu 8

.post blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitjkA3PogeDE-iHx3bbkIvIJGuMSprKY44HCCaFQyggCfDoEAovVFpUZVu2DNRDCmF1vu535h1Gs7E2xU7R8kSvGWO_BlWVP-rOgxT8V6C1_RTNsJR0Ivllqf2gQXH7t_vWyuCrqz8sWM/h120/block22-namkna-blogspot-com.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; }

Mẫu 9

.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgztsSGwcX3ZVgDW6lDAhrtY56LvuLJQRwUMafL46EJRgMdy37n_xyAeeB2DDq8TDsiluMepGWB-lhiI7Ft_CSDvUN4zX51kySnbMGfBlQe-8pGRf7FbytNDvCUxKPHgMGEjTauyQj-TpI/s1600/comma-side-namkna-blogspot-com.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; }

Mẫu 10

blockquote { background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Iro95D2R9FEgILOetrdEG3eVcIBfHdgW8NxJp6-BaWKK35bk1Xtj3RCh2nK5mowDo66LFpZjMITUr2ijGYFfx4QNKjo_VUjPnifQj_29C07z9s4e2jOVaRoL1WdeIcLlbaoBtneLJO4/s1600/green-black-side-namkna-blogspot-com.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; }

Mẫu 11

.post blockquote { margin : 0 20px; padding: 20px 60px 80px 20px; background : #FEE4E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUxzrnutad_BByfEhF1ZtbBIb7Y2TBClFPBf1qJkaFj1rkASX3mF_BBjdTgkWIsSk1KZDVxGTuwE6WePxsjqrv5z2A5EwcSljwQ2BjZhliR7vublU6KI1dmIwMI62tIigY33zcluwYXO8/s1600/angular-right-namkna-blogspot-com.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; }.post blockquote { margin : 0 20px; padding: 20px 60px 80px 20px; background : #FEE4E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyJ2A8OhZrReEeaoxKvUMkLvGRYSmNI4WfnZAkWVQw0MZ7zeG36Ms-Z-NEajE0W-LezXxvEdt2_JPDS-E4WllZziQAppUq_CZNIZNW4LJh1y0eq2z3S3pYFFt3Uww_U7GlEcDB7JLYe8A/h120/angular-right-namkna-blogspot-com-1.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; }

Mẫu 12

.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ5YE77rmbEssN1IvnNRgEQ052rusanF_rGSU2HFBDFy70xZ7TMZ0B6OzBec2fZTQLGCmYL_6RjddCnAa5MtX0CtnuXpEsCAEDVyRD8_0r7SSXGDmUY-r2S-RFKTOmB949R31hMFrV4rw/h120/comma-left-namkna-blogspot-com.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1dBFjE8PJ4tdFPfXMtxH4dDIhLAZQLy9E0b_02WUHaMGlf78NKtbNVMr4qyNs9Oo2EtN7BdR1HgV-3sKPrfYgsPyers4w9tCsVAMMYcIVy6lu3EUzJtkNRie6NN-0SK_RaeMtA2x69v8/h120/comma-right-namkna-blogspot-com-1.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }

Mẫu 13

.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7WQXBqoXrWB9hgX4F4l7dRadMNg6aRVGPU5LPqzcI50acNUSvjt8kEKBVnIfjmOE7Qaw_BSFjyHg19TLFDx-iozv8LGAHvXXpLL00qBc3vJCD_cWiIFoQc2JAIYaNarTazB2OEscmyWw/h120/comma1-left-namkna-blogspot-com.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjROlB1MZfw8h5upNXi6h94w3jrugzhBwj8jGfWWKg9JytR4pAbqOTathJ6eOOkAVQ46xCGO-Wq1XlyEgA35-xkNHM6X2Ojc0UKEiVLVukXemti4BYiWDlAQCLRMuIK8V23LZopLHNRlUs/h120/comma1-right-namkna-blogspot-com-1.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }

Mẫu 14

.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/AVvXsEhsQ45NIifF6ruZxYeTTGCEh_KFmgL7WB5l3NuKDvnhJvQ00OUf47Y4EEODaKNZHDBtBvcdVDpkvYh8whkmaABJyF9vVggxyX4wjM6RwyN8IyK6Q2GzMFySp79losNOioxfOxKFqmUciyY/h120/left-namkna-blogspot-com.gif) no-repeat top left; text-indent: 65px; color:#6299E4; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoka-q9PdIs-DD9q02fGu8ePTf_luJlr8CZrRtZHqE5ooPAXNIFTwE37If4mxVTBxz_PgHhEUDJY2hUgAEIyYSSqo_dDHfTLu68dAzSoYVPw9_1JcI-9utFWBMwA8cfmfSsfHSO48vX1M/h120/right-namkna-blogspot-com-1.gif) no-repeat bottom right; padding-bottom:30px; } .post blockquote p { margin: 0; padding-top:10px; }

Mẫu 15

.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/AVvXsEiuHVrWWm61d2Pu70Shp7gAcUVww7fcrHG_NPzu7niyPnbApJ3qQqAyabMb8ZpcdMI8LbEZiAJmiaBoHfeLX6imc8jeblrr4lHewzYlD7bWnIy93sk1Bq3vB971aUZxPA1FQSrtE9OQUqU/h120/comma2-left-namkna-blogspot.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1BmQgJrmfsXPWpOaBKPwYmrjRwc2ZVOI844OYusimMnkx1zoHBZl2IoZhT0b1k4HrJOVhhTxm9OLbVB7rxg8D6lOS_K5J5oET0ouZoLv_6dXEWkUb3t_iAe9cz3yNX8taddNd2tTbmtU/h120/comma2-right-namkna-blogspot-com.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }

Mẫu 16

.post blockquote { margin : 0 20px; padding: 70px 20px 20px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1ozrsV3f7wDbdTg14u_6phhgT__5WO6mCHiJwfEwy_-ZDi0XHFF6_Fli29Le_Ipf5sUWsFyRpspi71hZXTtweeTKk8ZeqPAIPLXa5jtiNx2JzQmW4OGqniGXijFK7mPQiP1QARAvFngo/h120/block333-namkna-blogspot-com.gif) no-repeat top; font: normal 1em "comic sans ms",Helvetica, Courier,"Times New Roman", Times, serif; color : #000000; border-bottom : 7px solid #FF0000; } .post blockquote p { margin: 0; padding-top:10px; }

Mẫu 17

.post blockquote{ margin : 0 20px; padding: 50px 30px 50px 30px; background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgik8B-bjCQX3iSHYApeNGM9YGrzYkshaDd1RrGaxzI9Lx5adKWL1QByoOS2cpkvtS7McALZoUEYLN9MqjKt_EdsBZnD1TSrud6-I2BxaRb6NBIgTST8unAag9KhKNGNy_vk3j76Cqig7Y/h120/BLOCK1-TOP-namkna-blogspot-com.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/AVvXsEj2M8WIcC24oJ3Napg26fj9cdLaTYMTMmgu-aMYyO1yvNr9ZmflMb3CeUdUnHAxXA6Z2wISxjdJG6rlbp1ZzEqFtSPgFnTW4xyDW-LXf97gVZIXEm5GtyDX67ePrDwjYPQreqk9c5DRyjg/h120/BLOCK1-BOTTOM-namkna-blogspot-com.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding-top:10px; }

Mẫu 18

.post blockquote { margin : 0 20px; padding: 70px 20px 30px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0f9R4k3XxflycR_i_BY36kjFd7X9haq7zPe6TFEW1xX8hmKF7kgEvKnYel3-gONVGompJkqi1uK-XD-Fp5R1-ypMW7swHT_SwTyyuGIW7U8DsDa3NfQjNE9E-om5dgL3pOUrTwZnBUd8/h120/block3331-namkna-blogspot-com.png) 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; }

Mẫu 19

.post blockquote{ margin : 0 35px; padding: 80px 0px 0px 0px; background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyjjhOCuimQrNPLkUoG2Dv2GtJYw9hOeVtLR6_cMkOUnMx2mE_I3u4W58MMJQkjn9s_WXhr8ef3W7PcGudCSOz8vS3QLP5f3ynZBSPySitYaAgDN22-3xkvpFQrIAg_CK-Timf_MJpsOE/h120/head2-namkna-blogspot-com.png) 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/AVvXsEiWskBVoH3bGo2PLDF-cjvlpdHniD7YRl1GcCLjk06eZWxTpDM8dH6QOX9GDqR42bKQxeNdfBPiSIs7EISGjKHUKVn6uLEGoGkgAdjVuUmrWtFKU8dfmsLIE2Mz3Z6SdUl7XLOwdQ5QXtw/h120/head-bottom3-namkna-blogspot-com.png) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding: 20px; }

Mẫu 20

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

Mẫu 21

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/AVvXsEhr2JFvu9LoP0j-W7LJ9lBJh__QWFHUGbjybn6EsxRYW71fRJt5tjse58QlR2ldqHkvgNP0ui8zO8KZAZbLPOWfrMxkVKIfILcKlZkBNsPLBlpNJkfXtr3RhNQZdSVmyfHli9hzeQCPg3c/h120/quote-namkna-blogspot-com.png") 5% no-repeat #FFF8DD; }

Mẫu 22

blockquote{ background-color: transparent; border-top: 3px double#DC143C; border-bottom: 3px double #DC143C; padding: 5px; font-style: oblique; font-size: 1em; margin-left: 5%; margin-right: 5%; }

Mẫu 23

blockquote{color: black;font-family:Courier New;font-size:9pt;width:90%px;overflow:auto;repeat-y;max-height:200px;margin:5px 10px;padding: 4px 10px 0px 40px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibFcs6F0hlfry2PbMAWeGvqlz5sj96FjKbyR2dGjgz0AV07vhI1mK1uZXgOUQS5vyr10I9RVMwqVXtJksJ-dpSq1TMfcTPivksIJvHAC7bcDZlEkjkil3gwgxGFesmcswLCSTS7Wtcmd0/h120/pre_code_bg-namkna-blogspot-com.png) repeat-y left top;white-space: no-wrap;display: block;}