Since I won't make beauty post for a few days and still want to update my blog for you guys. I have decided to share some fun codes to you!
What do you mean about header with multiple buttons?
I created the picture from above randomly to make a example for you guys. It's suppose to be a header and you will be able to click all of these text that will lead you to different links you have chosen!
What about remove the header widget?
Because you will need to use a HTML box instead of the original header widget, so we need to remove the original one or else it will force you to type something in for the title and will show above the new banner we created! I will explain more later!
Sample : Click Here
I used it on a new testing blog, so you can take a look and try clicking these buttons!
How To Do It?
Someone have created a website that make it easier for us to do it!
Use this url : http://www.image-maps.com
Choose the file for your banner and start mapping it!
Wait a few second and click continue!
Choose which shape you want to make for your button.
I have chosen the rectangle one and drag the dots to make it fit the picture I want to make as button.
Write the link you want this picture lead to and title that will show when a mouse hover over it.
Get your code and there are more options under that you can take a look at it before clicking this!
After clicking get your code will show this page.
Choose HTML code from above and then copy the HTML code from the box that show under it!
Make a new HTML widget and put this code in there.
Then move it to the header!
STILL NOT DONE!
Because after doing all these work from above... the are still a header widget that are there! So we will need to remove it before we are done with the whole thing!
So How To Remove It?
1. Go to edit your HTML
2. Edit HTML
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
3. Change the true that under this sentence to false
4. Click Layout and Click Edit for your header
I hope someone will find this useful
This is more complicated than my first post about codes.
So if there is any questions, you can just leave a comment and remember to mark notify me!
I always try to reply within 24 hours.
Let me know what you think!