HTML Bookmarklet Not Working

Hi there,

I made a post and am trying to add a bookmarklet to be taken to another post.
I added the HTML ID to the section of a post that I want to be taken to. In the post with the link, when I click on it, this is what I see and get taken to:



How do I fix it so when I click on the link, it will not show the text as a link?

 

???? Confuse.. what the problem. Can you explain more??

 

Okay, there is a new issue. I'll try to explain it more clearly:

I added the HTML ID to the section of a post that I want to be taken to. In the post with the link, when I click on it, this is what I see and get taken to:



How do I fix it so when I click on the link, it will not show the text as a link?

 

oh. I got it now. Do you have insert style for your ID? try insert " text-align: -99999 em " in your style. It have function to move the text far way from the screen.

 

Where do I add it in the HTML? If you would like to see the HTML I added, just ask.

 

Send the HTML code.

<a href="#" id="your_ID" style="text-indent: -99999em; background: url(your_background_image_url_path); width: "width"px; height: "height"px; float: left;">Android 4.3. jelly bean</a>

Code (markup):

 

Do I add this to either the post with the ID or the post with the link?

 

That is inline style, and the ID is for the link. If you wish to style all link with the image, i suggest you put the style before </head>

<style>
your_ID {
  text-indent: -99999em;
  float: left;
  width: .....px;
  height: ......px;
  background-image: url('........');
  background-repeat: no-repeat;
  background-position: left top;
}
</style>

</head>

Code (markup):

 

Doesn't work.

Is there any code I need to add to the post with the link?

Should I show you what I added?

 

Uhm, if its not going to have a HREF, and you aren't using the NAME attribute like it's still 1997... why are you using an Anchor?

<span id="your_ID">Android 4.3. jelly bean</span>

Will work just fine. (Also all that presentational inlined style is just bad practice/methodology)

You don't want it to be an Anchor, don't make it an <A> tag, it's that simple. That's the advantage of ID over the older NAME attribute, as an ID on ANY element can be targeted via a hash in a link.

 

Um, if I added this code to the Blogger post with the ID, what code do I add to the post I want with the link?

FYI, I'm a noob in HTML.

 

Well, THAT would be an Anchor.

<a href="urlToThePageTheIDisOn#your_ID">Text you want to link to the ID</a>

A good example can be found on one of my websites... all my pages have sections that start with ID's, for example the footer:
<div id="footer">

and so forth, and I have what's called a 'accesskeys menu' that is filled with links thus:

<a href="#footer"
	accesskey="9"
	rel="nofollow"
	title="Bottom of Page"
>Bottom of Page</a>

Code (markup):

(Side note, ONLY time there's a reason to use TITLE that's the same as the contents of a A -- when you have accesskeys for said related menus.)

While that's a in-page link, this URI:
http://www.ewiusb.com/#footer

... will take you straight to that DIV#footer on the page. This works for ANY 'ID' on a page.

We all start somewhere -- and there's a lot of web rot, outdated/outmoded practices, and just plain bad advice out there. That's why it's good you came someplace like this to ask. Might take a bit to bring you up to speed, but that's why those of us answering questions are here.