Add Circular Background Design To Blogger Count Link

 

Step 1: Add CSS code to your Blogger template

Now go to your Blogger Design >> Edit HTML options and download the template for backup purpose. Then search for the following code by Ctrl + F:

]]<>/b:skin>

Now simply paste the following code above it.

.comment-link {float: right;width: 58px;height: 38px;padding-top: 20px;text-align: center;font-size: 15px;font-weight: bold;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_NClNG8eykmuaVIN1ud7EcfXGZmJXoL3kG2_t98_c2NmZON6ITzDhWGcJGo2aC2VwqorJHIaxUXkuJv1spRy6AYfgVY9TD2KE89zHcTY9Rjm_2nejZyoVeInMIYrK6LUGLHkq3BzgpbE/s1600/comm.png) no-repeat scroll center;}
a.comment-link, a.comment-link:hover {color: #fff;}

Thats all. Finally click save template.