Today we're going to take a break from our money making talk to discuss an important issue I found with Blogger. Yesterday I attempted to use my spiffy new logo (shameless self-promotion coming up) for Earn Money
to Blog.
Well long story short, there seems to be a known issue when uploading your header image for people using a custom domain. What does that mean exactly? Well, instead of something like: blogtechnikamain.blogspot.com, I purchased a custom domain name: http://www.earnmoneytoblog.com. Anyway, today I'm going to show you a way to get around this annoying issue so you can use a custom image for your header too!
First things first - You're going to need a hosting service where you can upload your custom image. Here at Earn Money to Blog, we use free tools to get our work done. My suggestion for image hosting is Photobucket.
Head on over there and sign up for your free account and then upload your custom image.
Next, go to your Blogger account and into your layout (click the Template tab). Once you're at the layout screen, go ahead and click on Add a Page Element. Instead of clicking on the AdSense options like we have in the past - we're going to add an HTML/Javascript module to our layout.
Before you pass out like Marie Osmond did on Dancing with the Stars last night (my girlfriend makes me watch it - I swear!) And here's a YouTube link in case you missed it: Marie Osmond Passes Out on Dancing with the Stars.
Oh hi there! Welcome back... let's continue.
You don't have to know a lick of HTML to get this done, I promise. I'll tell you exactly what needs to be done!
Now open up a new tab (or window) in your browser. Go to the Photobucket site and login with your account if you aren't there already. Scroll down a little ways and you should see the image you uploaded.
Go ahead and copy the text box that's labeled: HTML Tag. Once that's done, paste it into the Configure HTML/Javascript form on Blogger. Your form will look like this
We're almost done. Stay strong here, because I'm going to have you edit some HTML. It's going to be dead simple - just watch.
Three quick tweaks that needs to be made to our HTML:
1.) The section that starts: “a href=http://blahblahblah” … remove everything starting with http all the way to the .com, and replace that with a link to your home page. This will allow users to easily navigate back home by clicking on your header.
2.) Remove the “target=”_blank” completely. This will prevent your page from popping up a new window.
3.) Change the “alt=”Photo Sharing blah blah” to something descriptive about your site. Mine is simply: Earn Money to Blog.
Save your changes, position your custom header image in the layout to the desired position… and you're done!!
Blogger is an awesome service, but it's not without it's flaws. But hey, it's going to help us earn money blogging so we'll deal with the hiccups along the way. Until next time - go earn yourself some money!
to Blog.
First things first - You're going to need a hosting service where you can upload your custom image. Here at Earn Money to Blog, we use free tools to get our work done. My suggestion for image hosting is Photobucket.
Next, go to your Blogger account and into your layout (click the Template tab). Once you're at the layout screen, go ahead and click on Add a Page Element. Instead of clicking on the AdSense options like we have in the past - we're going to add an HTML/Javascript module to our layout.
Oh hi there! Welcome back... let's continue.
You don't have to know a lick of HTML to get this done, I promise. I'll tell you exactly what needs to be done!
Now open up a new tab (or window) in your browser. Go to the Photobucket site and login with your account if you aren't there already. Scroll down a little ways and you should see the image you uploaded.
Go ahead and copy the text box that's labeled: HTML Tag. Once that's done, paste it into the Configure HTML/Javascript form on Blogger. Your form will look like this
Three quick tweaks that needs to be made to our HTML:
1.) The section that starts: “a href=http://blahblahblah” … remove everything starting with http all the way to the .com, and replace that with a link to your home page. This will allow users to easily navigate back home by clicking on your header.
2.) Remove the “target=”_blank” completely. This will prevent your page from popping up a new window.
3.) Change the “alt=”Photo Sharing blah blah” to something descriptive about your site. Mine is simply: Earn Money to Blog.
Save your changes, position your custom header image in the layout to the desired position… and you're done!!
Blogger is an awesome service, but it's not without it's flaws. But hey, it's going to help us earn money blogging so we'll deal with the hiccups along the way. Until next time - go earn yourself some money!
