How to Make a Navigation Menu on Footer Contempo, Soho, and Emporio Themes
Blogboosters.net - How do I make a Navigation About, Contact US in the Footer Section? the method is quite easy, just add widget page list in the footer and then add CSS to tidy up and align the page list menu.
Finally, the Blogboosters blog returned with its tutoring about blogging which had previously been inactive for several months, due to other activities. There are several questions that come to me about how to create a page list in the footer section that is similar to the template I use.
For this time, as much as possible the tutorial will be very suitable with the latest default blogger template, such as Contempo, leading, Soho and Emporio.
First, add it to blogger> theme> edit HTML edit the following code in the footer section:
Then delete the code that I marked red showaddelement = 'false'.
Go to the layout add the "Pages" gadget to the footer, then select the page you want to display and save.
Then add this CSS to edit html just above the code]]> </ b: skin>
Then save, until here the footer menu looks neat and parallel in the center of the footer.
If there are no successes or errors, you can just comment below, I tried this tutorial for Contempo templates and there are no obstacles at all. Continue to follow the Blogboosters.net and look forward to another tutorial that is no less interesting of course.
Read Also: Store Adsense Ads In Posts With Callers Using Javascript
Finally, the Blogboosters blog returned with its tutoring about blogging which had previously been inactive for several months, due to other activities. There are several questions that come to me about how to create a page list in the footer section that is similar to the template I use.
For this time, as much as possible the tutorial will be very suitable with the latest default blogger template, such as Contempo, leading, Soho and Emporio.
First, add it to blogger> theme> edit HTML edit the following code in the footer section:
Then delete the code that I marked red showaddelement = 'false'.
Go to the layout add the "Pages" gadget to the footer, then select the page you want to display and save.
Then add this CSS to edit html just above the code]]> </ b: skin>
#PageList2 h3 {
display: none;
}
# PageList2 ul {
list-style: none;
}
#PageList2 li {
display: -webkit-inline-box;
padding: 10px;
}
#PageList2 {
text-align: center;
}
display: none;
}
# PageList2 ul {
list-style: none;
}
#PageList2 li {
display: -webkit-inline-box;
padding: 10px;
}
#PageList2 {
text-align: center;
}
Then save, until here the footer menu looks neat and parallel in the center of the footer.
If there are no successes or errors, you can just comment below, I tried this tutorial for Contempo templates and there are no obstacles at all. Continue to follow the Blogboosters.net and look forward to another tutorial that is no less interesting of course.
Read Also: Store Adsense Ads In Posts With Callers Using Javascript
Comments
Post a Comment