What is "Blockquote"? Blockquote" is used to indicate the passage of text in a post. "Blockquote" is also used to indicate the passage or the words which you want to emphasize to visitors in a blogger/blogspot. Example:
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
How To Modification css “blockquote” on Your Blogger/Blogspot? Many ask how to modify the Authors Blog "blockquote" into a beautiful and attractive appearance. Stands to reason why blockquote must be modified to be better, because Blockquote can make the link between beauty layout a post or article. And blockquote easier for visitors to know the most important part in an article. Below I will give some CSS code to replace the "blockquote" you, so it becomes more beautiful and attractive. Please follow the steps below.
1. Log in to your blog and Chose “Setting”
1. Log in to your blog and Chose “Setting”
2. Click the draft
2 Click Edit HTML
Find code .Posts blockquote or blockquote, or the like in your template. Press F3 or ctrl + F to facilitate the search and enter that code in the search. Replace the code with the code below. Please choose which you like. Do not Forget to Save Template
Display blockquote 1 blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnBCjk4Sj4ruqnwsGXecXzkKLaDr8wMq8nXHtdaTUJqa6N2JMEc_1eUkJPxks8E_5uMmHnVNkrfAJymxk7KwPShwvD_vGfeIdNW4xUYlHt0W-o268r_9u9r70qHDFXeaqxUkB6UaAgESw/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; }
2 Click Edit HTML
Find code .Posts blockquote or blockquote, or the like in your template. Press F3 or ctrl + F to facilitate the search and enter that code in the search. Replace the code with the code below. Please choose which you like. Do not Forget to Save Template
Display blockquote 1 blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnBCjk4Sj4ruqnwsGXecXzkKLaDr8wMq8nXHtdaTUJqa6N2JMEc_1eUkJPxks8E_5uMmHnVNkrfAJymxk7KwPShwvD_vGfeIdNW4xUYlHt0W-o268r_9u9r70qHDFXeaqxUkB6UaAgESw/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; }
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 2
.post blockquote { margin : 0 20px; padding: 70px 20px 20px 40px; background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw3dByW7OqWL-y0DWr1O8tPi8ai0dnefFW4wt6-OG7cyhOJ7ajPH1H_kf80jY1WNRl2LFCKoZgLQFPGALCd9tiFtb4a7gDojcK24tPqLXo-5nSaRVNBd66vVuXuafqUxuzI3KMCS5SLYA/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; }
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 3
.post blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj48BcP8SA8_a0PDc_5osfTk0sZdUjLfEeSytoKPnuDBB-FvW1EoVSuKpGoLaPVFhk0rLNOZubh-kp9TtNWd-bMSPMpiog4k7r_ZmJEro-KL1UeVWR4YS-Kl-RcoTCrWrOuom2Rq8U9pk4/s400/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; }
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 4
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 5
blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; }
blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; }
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 6
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; }
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 7
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; }
This is one example of “Blokquote” modified to be better, because the relationship between beauty Blockquote can make layout on your post or article much better to read
Display blockquote 8
.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH0kYv2VK32DV-_G9Drw1ZfedSW00hyphenhyphenrZ9PbS7rM_2-FAx3XDFqkQfcuWbjayweOkcXheQm1rlczyOUysh39SyjeYzVq_RU-QXwGa0a0PQii5rdliANg8KDa3vz8pdYZNJz1XFnOEJ17s/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; }
.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH0kYv2VK32DV-_G9Drw1ZfedSW00hyphenhyphenrZ9PbS7rM_2-FAx3XDFqkQfcuWbjayweOkcXheQm1rlczyOUysh39SyjeYzVq_RU-QXwGa0a0PQii5rdliANg8KDa3vz8pdYZNJz1XFnOEJ17s/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; }
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 9
blockquote { background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGhFyeq-Pid2HTV74mn2XLRfQokP0Ee8x2nqt0lwORn4PULh1gBkQf6Zx-VXUrptFhzLrEwG5BMw6sK38wjXAFuffFWeCIvz7Kc9imCvHM3r_-RzuUTXXDEK5nLH8kTygnAZSz9vKMR_U/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; }
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 10
.post blockquote { margin : 0 20px; padding: 20px 60px 80px 20px; background : #FEE4E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz7Of2HUDQesjHWlA17DnA-dQ8lF_RzO9t_RpS_YofDUeKrxc916ITe9tT6vdwaV1IuQhFT_lup16_3P1C6QEC7Y04NaFCgGcX6e9SZ8lhLHZavcCyZr2kf_7_6l_86YsVD4p6e_tJgRs/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; }
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 11
.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKofbU0CQDjlf5oVaPkvqpTyDbx2mTYd-HYSAh9ioJvWe2Den1HtMKdx_rujAwLulVokShtHffZpDj1obHsp4wFYwnWLTL5VtXgNHQR-9l2bFOHiWcEnMKdLxeEvFiaVvN_xu12u1QrEE/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/AVvXsEiYOMa2wlxgGqmkRpj5qeSgCDGRBXLRTaRgrKIrqs8M5KUhE2ANZJLInSDLhV697YcZvPg22vh7RsQx33gw-swesJ1Op231UtbWujhfbSx-bLwxRNs8E2GoCb3Dk1d-Oee9oX7sAke6ZyI/s400/comma-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 12
.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH7GGf3fffoMXBFA3IKPLxzwc5SYnIAf6cA40_Spw1X-pmqbXgqR9Rn5bmvc7Kqc-FiLX85_Z6v6D3woPZvEkKaFulmwt25mmMykcIjbhKOOUJacys5UNMXJ2te6ThI_TgO4-vvjH3eO0/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/AVvXsEi4mqgne2S67snYmQdOECwbpMzDToSoVQ8BkASiwkxLZqmiAoBRPqy3ASjkXaSCULEq-Dpm3VjJPP-qavAsMQJ0EGJFXuvEEXinbzI2dLhlka30JzHVI88lVEEGEzj7jVL15o11c6kft3o/s400/comma1-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 13
.post blockquote { margin : 0 20px; padding: 70px 20px 20px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS74LVnw0RNaSJUVMhKnyxeICR9CrgHm5_y6svdOA20_QHAyGzntjao8skaEHTc0dZV94sLarB_aUg7pzJGwB6EJlWTsY00Z0bZ8O1cc-zoFRtcwIQaWA3jwAXbQNHBnsJ1uGoTBYdNhg/s1600/block333.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; }
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 14
.post blockquote{ margin : 0 20px; padding: 50px 30px 50px 30px; background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgNhDPe76Q1CRAB-lwRtBj0SB78h1VB2ZUOt1BNJTbxntEgAR5nf9KbVHqBaaaGM0LrNyA6CZ1M-vU-_E5iIymh_RPCXlzUvdniOOkGPpZmsJcj2qClWx-tpJygOUrG1KFmGJWq158IkU/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/AVvXsEhEVk6UGKlFsmfmQYu4S5z94QO9ZHTZX3M1eZ1Wc2vOaVMvHgC_vXTvOnaQQyiauryF9HFgdulqGx-024kRQxx71GZQupliSFxHHo0Jgo0P8i15-cyN2d4mdbInZfWmVZiHYFUnwpCQaGg/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding-top:10px; }
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 15
.post blockquote{ margin : 0 35px; padding: 80px 0px 0px 0px; background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxsS-1ygJxQhKVLovk5-WV-LPQFD77vAqmox_Y1nAT6BPXW2OvZriHiwE_-Dv4Eu0EECM3IT8cmzjCoazSwyZHyXvqe8WPm4h9WAL0nDGPQvu1X9wgNOiK0lEaXdHtzzIriM92UWpe2Xw/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/AVvXsEisVnaoiDTxirEuRN_Lb8ESr8asU7NamoIEjKsab8XMDFzPAAx7DGhnoGjZYhNe9CDHUdNZhJVSu5zvMeJ90esIheLU2lMRNh0REeZX5cB-96DohhwSESPTPuPWbkcAw-s0WfNjoSU-Fh0/s400/head-bottom3.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding: 20px; }
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 16
<blockquote style="-moz-border-radius-bottomright: 30px; -moz-border-radius-topleft: 30px; background-color: #f5f6ce; border: 5px solid rgb(56, 97, 11); padding: 10px;">
This is one example of “Blokquote” modified to be better, because the relationship between beauty Blockquote can make layout on your post or article much better to read</blockquote>
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 17
<blockquote style="-moz-border-radius: 5px 5px 5px 5px; background-color: #f5d0a9; border: 5px ridge rgb(230, 141, 58); padding: 10px;">
This is one example of “Blokquote” modified to be better, because the relationship between beauty Blockquote can make layout on your post or article much better to read</blockquote>
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 18
<blockquote style="-moz-border-radius: 5px 5px 5px 5px; background-color: #d8d8d8; border: 5px ridge rgb(224, 213, 130); padding: 10px;">
This is one example of “Blokquote” modified to be better, because the relationship between beauty Blockquote can make layout on your post or article much better to read</blockquote>
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 19
<blockquote style="-moz-border-radius: 5px 5px 5px 5px; background-color: #d8d8d8; border: 5px double rgb(206, 212, 36); padding: 10px;">
This is one example of “Blokquote” modified to be better, because the relationship between beauty Blockquote can make layout on your post or article much better to read</blockquote>
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Display blockquote 20
<blockquote style="-moz-border-radius: 5px 5px 5px 5px; background-color: #E0ECF8; border: 5px groove rgb(248, 250, 187); padding: 10px;">
This is one example of “Blokquote” modified to be better, because the relationship between beauty Blockquote can make layout on your post or article much better to read</blockquote>
This is one example of how "Blokquote" can modify the paragraph/text to be better, because the beauty of it is Blockquote can make layout on your post or article much better to read.
Do not forget to Publish Posts
Good luck….
Good luck….
1 comments:
you have written an excellent blog.. keep sharing your knowledge...
HTML5 Training in Chennai
HTML5 Courses in Chennai
Post a Comment