How to add changelog box on blogger blog

In this tutorial, I will show you how to add a changelog box on the blogger blog. So fast know something about the changelog box.

What is the changelog box?

The change log box is used for show which problem is fixed and what's new.

See on the image it's called a change logs box. Mostly it's use on theme downloadign site.

How to add changelog box on blogger

Fast copy the below css code and add this code after ]]></skin> tag.

blockquote{background-color:#f5f5f5;background-image:linear-gradient(#f5f5f5 50%,#e6e6e6 50%);background-size:40px 40px;font-family:Monospace;font-size:11px;line-height:20px!important;white-space:pre-wrap;margin:0;padding:0 5px;border:1px solid #d4d4d4;border-radius:0}
blockquote:before{content:'Changelog';display:block;background-color:#d4d4d4;float:left;width:100%;height:25px;color:#333;font-size:13px;line-height:25px;font-weight:700;margin:-5px -6px 0;padding:0 6px;border-radius:0}
blockquote b{color:#29313a}

Now after adding this css now how can you show this changelog box on any post. For showing this post fast click on post HTML tab then paste the below HTML code on anywhare you want.

<blockquote class="tr_bq">
- v1.2.0 – 12 May 2020
<b>Fixed:</b> The image plug-in was unable to get the first image of the post in some cases.
  
- v1.1.0 – 8 May 2020
<b>Fixed:</b> Featured Image was not displayed in some posts after the blogger latest updates.
<b>Added:</b> Support for external images.
<b>Added:</b> No Encrypted Scripts (Premium).
  
- v1.0.0 – 7 November 2019
<b>Initial Release</b></blockquote>

Now change this box text according to you. I hope you enjoy this article😘 then please don't forget us😁, always visit our blog TechnoMania.XYZ😌