It's just a small way of spicing up the look of your posts.
Check out CSS For Bloggers on how to impliment these boxes properly.
You can change the colors as you wish to match your blog just change the background and border color # codes.
Quote Box 1
{padding: 5px 5px 5px 50px;
margin: 8px;
background-color: #eeeeee;
border: 2px solid #dddddd;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmjy2g0WbNY9iV_WktfBNjiOtbfqM7lCF5OyIby8T4sT5efXDqMv-BJLe3U08vaCM0Z61KX9TnuDdYFK7PCGCopI22lFLQhqLaWaNNxco1hQpSDVnLdFiUY6vJjlbvCysbKVasflDNBgM/');
background-repeat:no-repeat;}
Quote Box 2
{padding: 5px 5px 5px 60px;
margin: 8px;
background-color: #eeeeee;
border: 2px solid #dddddd;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihtB4oAhStdHNTBqT_-9k877BRyjtZInawCDas1hRHz2Zh6ekccJzazES_tIRS-QKfAY2An8UK0uq8ZNxkVQjhXmTnJAE7z9dFA8pPP5Sv0dHkxOGd5ZQ0VeIKLFMmK24BZ6MW2s5_l1Q/');
background-repeat:no-repeat;}
How to add to CSS style basics
To add to Blogger go to Dashboard > Design > Template Designer > Advanced > Add CSS and insert code.To add to WordPress go to Appearance > Editor > Styles > custom.css > Add CSS code and update file.
How to add to post











0 comments:
Post a Comment