Hi I need help adding the Next (newer post), Back (older post) and Home buttons in the top of the page, but am having a hard time. I currently have them at the bottom/footer of the page, and they work well down there but not at the top.
Any help is much appreciated.
here is my site for reference: https://greatestguitars.blogspot.com
Thank you,
Carlos
They cannot be created in plain HTML, as each post is going to have it's relative links different. You would have to somehow connect to the database and check the links of previous/next posts and then substitute the hrefs (urls). If you have access to Javascript you can also fetch the urls from the buttons at the bottom of the page.
Related
6:23 AM (1 hour ago)
Hi, can anybody help to understand how to create Internal links (Anchor Links) in a post? I can't able to find any helpful answer. Feeling very frustrated.
I did exactly what a person said me on the Blogger product forum -
For anchor link:
You can create hyperlink in the HTML mode. Just insert the following code where you want to place an anchor. (you can change archorlinkname to whatever you like)
<a name="anchorlinkname"></a>
For the link within the same post that you want to jump to that anchor, please use this code. (you can also change the word in yellow)
Click here to go to anchorlinkname
But something weird is happening once I am updating my post or going from HTML mode to Compose mode.
Error -
<a href="https://www.blogger.com/blogger.g?blogID=48019486#overview">
I don't know why these https://blogger.com/blogger.g?blogID=48 and https://blogger.com/null gets added automatically. It redirecting me back to the admin post section or to blogger sign in section if I am not Signed In.
My Blog - www.lifewithdata.com
Found the answer here: https://productforums.google.com/forum/#!topic/blogger/5MU_HH5T7rA
you must add the address of the page or post.
only works in the non-dynamic templates.
Peace be upon those who follow guidance, I was able to make internal links within post on blogspot platform by using anchors like below:
sectionName
<a name="sectionName">sectionName</a>
I was using a theme based on Dynamic Views and worked for me, and changed it to other theme and the links still work.
I have the following problem with one of my current projects.
I would like to achieve that when you click on a link which is on a secondarly page, it sends you to the home page but, not at the top of the homepage (by default), I would like that it sends you where a specific ID is.
At the moment I have the following URL in this special link but it doesn't work
link
I have tried different ways I saw in this community but I didn't have luck. At the moment when you click it send you to the homepage but at the top and my ID is almost at the end of the page
How can I fix it please?
Thanks
Kindly use below code on page load. make sure you call this once DOM is loaded. This will scroll the page to this anchor.
location.hash = "#contact-anchor";
I am building a general website that also has a documentation page. For the docs page I'm using mkdocs. I would like a link in the docs page, ideally in the top right corner, that goes back to my main webpage. I know how to put links inside the docs, but I'd like this to appear like a header. Is there a way to do this?
No, this is not possible at this time. However, this is the subject of issue #989 and may be added in the future.
I linked a text in view page to a function but it did not work I do not know what is the problem. It worked in one page but note in another page I mean it did not work for two Previous pages
back
You need relative URLs that start from the root of your site: e.g.:
back
I am building a page to bring attention to available parts and accessories for a product line that is otherwise burried in my web site. The parts diagrams and check-out feature is always in the same spot on the main portion of my web site, so I have put the part I need to display in an iFrame, limiting what is viewable. However, there is a single part that continues to display, as it is designed to float to the right side of the display window. Since iFrame is now the display window, this floating button is in the way. The web site I am working on is at the following address.
http://www.snoscoot.com/fcaccessories/hondapowerequipment/test.html
Here's a link to a screenshot pointing out what I need to be able to make disappear: http://i1193.photobucket.com/albums/aa354/pbucket10/buttontohide.jpg
The pages that are going to be displayed in that iFrame always have the "div" class of "newsletter". Is there is a way to block certain a certain div "id" or "class" from being displayed within an iFrame? No worries about me stealing content or copyright enfringement, this is my web site (actually owned by the company I work for; I'm their web/code monkey). Any help would be greatly appreciated; I've been wrestling with this one for a couple days now.
Using javascript, you could use:
function hideID(){
document.getElementById("WhateverIdYouWantToGetRidOf").style.display="none";
}