How to get Blockquote Style Similar To Mybloggertricks




Undoubtedly the worlds leading blog MBT in terms of providing guidelines for newbies is My Blogger Tricks.Recently it underwent a design change which impressed one and all.The ribbon rich template and stitched styled buttons are nothing more than a inovation that has capturized many people around the globe.But one feature that caught my eye was the way the blockquotes were styled.Unique in its own way.Hence we did a bit of research and came across this little coding.Small but huge effects !



Adding It To Blogger 

  • Go to blogger and navigate to Template 
  • Search for ]]></b:skin> and paste this code before it 

 .post blockquote {
background: #F2F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinx_O1qm8d-qe63Behhfanoag0V2-FOlqLnDbqw4ljW9d0ruYoV5ldzYm-AAq2nVO6ctr-oSi1vjNGsvgTb3ffZhAL9ypKAxsMbtiyD5vizMnxJ8X3Hy_LZNwabLkJXmJfT3-xhX55RIc/s1600/hgjghjy.png) no-repeat bottom center;
margin: 0 20px;
padding: 10px 20px 40px 20px;
border-top: 1px solid #DDD;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 0px solid #ddd;
font-size: 1em;
overflow: hidden;
}

  • Save the template and you are done 
Previous
Next Post »