How to Add Scroll Bars on Blogger Blockquote

How to Add Scroll Bars on Blogger Blockquote

The utilization of blockquote is to cite an essential word, sentence or passage. While in my blog I'm utilizing blockquote for html or JavaScript codes. This instructional exercise will demonstrate you on how you can include scroll bars with settled stature in a way that is straightforward. Numerous bloggers need to do it with a specific end goal to make their article look somewhat shorter. This is additionally useful on the off chance that you have a longcodes inside the blockquote and you need to make it more shorter. 

Likewise Read: Disable Content Selection Except Blockquote Using CSS 

You don't care for the presentation? So how about we begin the instructional exercise! The code for making a parchment bar show up on your blockquote is short and basic simply take after my guideline underneath.

Step 1: Go to Blogger --> Template --> Edit HTML 
And look for this code ]]></b:skin> You can easily find it by clicking inside the code area and press Ctrl+F and type ]]></b:skin> in the search box and hit enter to search it.

Once you successfully found it, simply copy the code below and pate it just above the ]]></b:skin> and don't forget to save your Template.

 blockquote {height: 300px;overflow:scroll;}

The overflow:scroll line is responsible for having a scroll bars inside your blockquote. You might have notice that I have also added a fixed height to the blocquote height: 300px.That's because you need to set first the fixed height of the blockquote. So when the contents inside your blockquote exceeds the scroll bars will appear like a magic you know hahahahahaha! :D

Also Read: Add Elegant Animated Page Loading effect for Blogger

You might also notice that you have two scroll bars inside your blockquote in the right corner and in the bottom. Just in case you want to have only one scroll bar see the code below

Use the code below, for having only scroll bar at the right corner.

 blockquote {height: 300px;overflow-y:scroll;}

 Use the code below, for having only scroll bar at the bottom.

 blockquote {height: 300px;overflow-x:scroll;}

You can change the fixed height of your blockquote by changing the 300 in the height:300px; Change it according to your taste! :D

Final Words
That parchment bars in your blogger blocquote will doubtlessly include some greatness. I trust that you've gained some new useful knowledge in blogger planning! On the off chance that you have questions you are allowed to ask me in the remark range, much obliged!