Add a notebook style CSS to your back quote

Back quotes are added in your blog to highlight something that is to be quoted. The default style is text will be intended on the left side of the page and the words will be displayed in italics font style. You can change the backquote style by adding few simple CSS to the HTML section of the blog.

This CSS backquote style will display the text inside a notepad styled ruled background.


How to add this style to blogger:
Step 1: Goto templates tab on your blog and back up a copy of your present template.

Step 2: Click on Edit HTML and then proceed.

Step 3: Press 'ctrl + f' or find ']]></b:skin>'


Step 4: Paste the following code just above the found line.

blockquote  { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtxtV6UuBHB6D4qJnSutDkeJrpi2wuxX0SK9fM0Z3mV4PlnqHPshyphenhyphenVIAfIsJ9p5a83yaxAyvQ2azWZ2S5TA0jUzfPMi03Q-1zjiXEAtXbkqm4DX4nb_Dh6wD6_A6FZ4d2_RUBaQq_d7-iP/s1600/note-style.png) repeat-y scroll 0 0 transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;
-moz-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;
-ms-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;
-o-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;
box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;
margin: 10px 13px;
padding: 21px 45px 14px;
line-height: 1.65em;
font-famliy:georgia,sarif;
font-size:13px;
}

Step 5: Save your template and now all the backquote will appear in this style.