Ads-Banner 486 x 90
Ads-Banner 728 x 90

25 February 2016

thumbnail

How to create a Blockquote With Scroll Function in Blog with quickly and easily

How to create a Blockquote With Scroll Function in Blog with quickly and easily - Blockquote is a column that we use to enter a specific word or it could be to insert the HTML/script code that is already parsed.

Talking about blockquote, actually from the blogger itself already provides a button to use the blockquote.

However, the Blockquote which has been provided by the Blogger has the look of a less good and does not have a scroll function. So if we enter the code/script that is very long, it will be long until it's down.

Therefore, we have to create the blocquote column has a scroll function.

How to make it ? It's easy. You just need to add a bit of code in the Template. For those who want to use this scroll function.
Please follow the steps below :

1. Sign in to Blogger

2. Then click menu Template >> Edit HTML


Block quote with scroll function

3. Search code ]]></b:skin> . And add the following code right above code ]]></b:skin>
.post blockquote{max-height:250px; overflow:auto;background:#ffffff; font-style:italic; border:2px solid #2288bb;padding:10px 10px 10px 20px}

*Information :

  • max-height:250px; is the height of the blockquote box. You can change it in the size of the pixel.
  • background:#ffffff; is the background color of the blockquote box , please change color as you want.
  • #2288bb is the color of the outline of the box. You also can change the color that you want.

4. Lastly, click Save Template and see the result.


Now the view from your own blockquote box is not like before were very plain.
And if you enter the code / script that long, this box will also serve to save pages of your blog posts.