How to increase logo size in blogger website ब्लॉगर वेबसाइट में लोगो का आकार कैसे बढ़ाये!

How to increase logo size in blogger - Hello friends my name is Junaid Malik. This is my first post on this blog. I hope that you will support us and I will always help you. How to increase logo size in blogger"

So let's move on to our main topic. If you are a blogger then this post will prove to be very helpful for you. Today's ours The topic is how to increase logo size in blogger.



Now if you want to increase the size of your Blogger logo, then keep reading this post till the end. After reading this post you will be able to increase the size of your logo.


I am going to tell you two methods, how to increase the size of blogger's logo?


  • by CSS
  • through HTML coding
  • If you do not want to get into the hassle of coding and you do not even know what HTML coding is, then the best way for you is to increase the size of your website logo through CSS. And it's quite easy too. Let me tell you how you can increase the size of your blog logo through CSS.                                                                                                                                                                                                                                                                                                                                                                                     Increase logo size with CSS

  • First of all login to your blogger.
  • Now you will see an option of Revert Legacy Blogger at the bottom of the left side. You have to click on it. This will open your blog like the old Dashboard.
  • Now you have to click on the option layout visible in your left side.
  • You will see an option in blue color on the top right side, click on Theme Designer.
  • An option will appear in front of you, click on Advanced.
  • Now an option will appear, click on Add CSS.
  • A box will appear in front of you, in which you have to put the CSS given below and click on Apply to blog shown above. This will make your blog logo look bigger.                                                           .header-logo img {

width:100px

max-height:100px

margin: -10px}                                                                                                                                                                                                                                                                               

Increase logo size by HTML coding

Now this method is for those who know about HTML coding. Or they should know a little bit about HTML coding. People who do not know even a little bit about HTML coding, do not do this in this way.


  • Let me go straight, now I will tell you with this method how you can increase the size of the logo through HTML coding.                                                                                                                                                                                                              
    Login to your blogger and open your Dashboard.
  • From the option shown in the left, click on the option of Theme.
  • You will have to click on the top of the front, three dots will be visible in the middle.
  • After clicking on three dot, you will see some option, out of which you have to click on EDIT HTML.
  • The entire HTML section will open in front of you.
  • Once you have to click with the mouse anywhere inside the HTML.
  • You have to click (CTRL+F ) simultaneously from your keyboard. With this a search box will open in front of you.
  • In the search box, you have to type some words and click on the ENTER button. The word is:- .header-logo img
  • Some code will be highlighted. .header-logo img { } There will be some code between these two costs, delete it and paste the code below between the two Costs.
  • In the end, you have to save everyone by clicking on the SAVE button shown in the right side.                                                                                                                                                                                                                                                                                                                                                                                                           Last word:- So I hope you have understood this post. You will definitely keep giving support to our new post coming like this.                                                                                                                                                  

Post a Comment

3 Comments

Please do not enter any spam link in the comment box.