Awesome blockquote customised for blogger
Based on what waplordcrib is all about(hub for Bloggers and Web designers) , I'll be giving out another tutorial
This particular tutorial request almost burst out my mailbox (thanks to my loyal readers) Now I'm ready to give it out
Its a customized blockquote used particular by code relating blog niche like waplordcrib (if you're not a code relating blogger.... Don't worry I've got you covered also cause I'll be posting be posting more than 50 customised blockquote that can be used for any blog niche including how to create a self customised blockquote)
If you want the above pictured blockquote for your blog just follow this steps
===)> login to your Blogger dashboard
===)> go to template and then click customise right below the desktop view
===)> it will take you to template designer.. So just click advanced and then add css
===)> copy and paste the below code into the add css box
===)> don't forget to click save
How to use
Whenever you write a code and you want to put it inside the read blockquote
All you have to do is to highlight(select) the code you want to use and the click blockquote at the top of your post editor
More blockquote will be posted soon.. Make sure you visit here often
If you can't do it yourself Don't worry, just contact me and I'll do it for you for FREE
Make sure you leave a comment and subscribe to this blog by using the subscription box below
This particular tutorial request almost burst out my mailbox (thanks to my loyal readers) Now I'm ready to give it out
Its a customized blockquote used particular by code relating blog niche like waplordcrib (if you're not a code relating blogger.... Don't worry I've got you covered also cause I'll be posting be posting more than 50 customised blockquote that can be used for any blog niche including how to create a self customised blockquote)
If you want the above pictured blockquote for your blog just follow this steps
===)> login to your Blogger dashboard
===)> go to template and then click customise right below the desktop view
===)> it will take you to template designer.. So just click advanced and then add css
===)> copy and paste the below code into the add css box
.post blockquote {
margin : 0 20px;
padding: 20px 60px 80px 20px;
background : #FEE4E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8PdEIxwaZptI7HSMhXoJDZoxt_BYF7JLvt13MA5FjU2LBtsK5Sq5cGlUwBiKQiasP9FF_M5DqQQgGB_xbnXkpwwEWKPNSGQEkpyfY26vC26qz7x7v2BSlw2KfZrNCH9nXU5aW3f0n0Os/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;
}
===)> don't forget to click save
How to use
Whenever you write a code and you want to put it inside the read blockquote
All you have to do is to highlight(select) the code you want to use and the click blockquote at the top of your post editor
More blockquote will be posted soon.. Make sure you visit here often
If you can't do it yourself Don't worry, just contact me and I'll do it for you for FREE
Make sure you leave a comment and subscribe to this blog by using the subscription box below


About author

Comments
Post a Comment