connect with us on

Upload Your Music

Hurray you can now upload your music and video on Nijaweb .


Advertise Your Buissness

Advertise your Buissness Here on Nijaweb for good and qaulity Promotion.

Advertise Now

Nijaweb Mobile App

Download Nijaweb Mobile App For free to recieve latest updates quick/easy.


Friday, March 31, 2017

[BLOGGING MADE EASY] How to Add logo in blogger blog header

Chibueze Ogbonna     8:26 AM     No comments


If you have a designed logo for your blog, and if you want to add the logo in your blog header, there have a two options to do this, the first option is

easy, you can upload the logo via blogger’s page header gadget in Layout section in blogger admin side, the second option is a little hard for you, if you don’t have an idea/knowledge in HTML and CSS.

If you don’t have an idea/knowledge in HTML and CSS, just choose first option, don’t hard yourself, but if want to learn HTML and CSS to get you blog to the next level customization. Check out this website

Idea in HTML and CSS is advantage for your blog, you can customize your blog’s background color, font, div sidebar and many more and also for AdSense Ads is advantage too, can move the ads to left or right (float in css).

If you have an idea these html and css. Go in option 2, this option 2 may not goanna worked in your blogger template, this customization depends in css styles and div blocks, at lease you have an idea.

So let’s get started…
Option 1 : Upload logo in header widget
Step 1 :
Go Blogger Admin -> Layout -> and Page Header Gadget

Step 2 :
And after you upload your logo, choose the best option “Instead of the and description” and save.

Step 3 : 
And know the logo has finally in your blog header.

Option 2 : Add html and css code
The option 2 is difficult if don’t idea in html/css, like I said this not might goanna work for your xml template, it’s depend of the styles, div blocks and etc.
As the part of my blogger tutorial series, i create to video on how to implement this code in test blog, titled “How to Add Logo in Blogger Blog Header (option 2)”, just watch if you want.

<div id='mylogo'>               <a expr:href='data:blog.homepageUrl'><img src=''/></a></div>css#mylogo {               float: left;               margin-right: 15px;               width: 114px;}.site-brandingnbt {               margin-top: 25px;} @media screen and (max-width: 960px) {               #mylogo {                               float: none;                               margin: 0 auto;                               width: 57px;               }               .site-headernbt .site-brandingnbt {                               float: none;                               margin-top: 8px;                               text-align: center;               }}

So that’s it.

Thanks For Visiting Dont Forget To Drop your Comments And Share Using The Share Button Below


Is a Proffesional Nigerian Blogger, A Webdeveloper, Who Loves To Blog And Also Writting Codes



Put your ad code here

dmca Protection Status NIJAWEB.COM do not claim ownership of any of the Songs that we upload and any copyright infringement complaints will be executed immediately! It is our policy to honor all take-down requests!
If You Feel Your Rights Are Being Infringed Upon, Contact Us Not Our Host By Send a Email Through Our Contact Form


Total Pageviews


Subscribe to our Newsletter

We'll never share your Email address.
© 2016 - NIJAWEB | NAIJA NO1 INFORMATION AND TECHNOLOGY BLOG. All Rights Reserved - Crafted by Stephenice . Blogger.