Computer Tips

5 Amazing Blockquote Blogspot đẹp trang trí cho blog của bạn

 Whenever I put hacks codes for the blogger who used the blockquote function are the quotes that appear when you post something you want to ENHANCE your post.Porém in when he wrote that he wanted to highlight something in the posts were featured on the same hacks. So I decided to differentiate the citations codes hacks using a very simple feature that can be embedded in your post during its creation, it is this box of code that you see when you post the codes. (I'm still updating older posts putting the boxes to the codes).


Mẫu số 1:


Mẫu số 2

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

Mẫu số 3

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

 Mẫu số4

 .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/AVvXsEjgwlxwikjeSGKi8WWuatvodpEvmdiugWVTQZsrzhjIeDMpCwFfoG4BwEEE5yxC0Bq0_zTEOgPYhMnILDVuvtIso6J_TE6AqQaC3YfZJg2j0NQXobqf4NOZDVM5YTv3NLi4UEiEDOAEz4E/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/AVvXsEjDSkktmRLXBBn5FU9zTzSe7Qrf5aHMnf0WfDy7v1dqEOpM6UbjiXnrLlriezDMeLHsYx3XIb9BboV0qSFhlYRt6jw3s6ym5-XfoR12RaOHo3Rkg036StMYO3zYYFHGTYqlblaeTWDBC2w/s400/comma2-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }

 Mẫu số5

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

Labels: Thủ Thuật Blogger