How to Create a Link (table of contents) to the same page

Admin 12.38
How to Create a Link (table of contents) to the same page -
Have you ever seen inside a courtyard blog article presented a list of links such as tables of contents, and when the link is clicked it will go (scroll) to a certain part but still on the same page, and shows part article that contains the text according to the text of the link is clicked.

links of this type may still be called an internal link to the same page, and usually link type is used to make the important points in the article concerned (such as table of contents) for? the article is very long.

cara membuat link daftar isi yang menuju halaman yang sama


The goal made a list of links like this is for? allows visitors to select the important points contained in the article, the visitors stayed to click a link on any of the links provided then he will be taken to another part of the page of the document.


the term link like this it?


I actually difficult to define the term for links like this, as I call it internal links within a page or internal link to another part of the document , the point when the link is clicked, then you will be directed to a specific section on the article page but still on the same page.

to make the link like this is actually very easy, obvious that you need to master is , you need to understand html command base to make the link.

If you happen to still do not know about the basic command of HTML to create a link so you can read the first article below:
know what is a hyperlink? (Especially beginners)
How to create a link (hyperlink) on blogspot

By reading the above article is at least you know what it hyperlinks and how to create a hyperlink with the aid of a tool or by hand through writing HTML code.

how to make Link (table of contents) in the same page

I think you've understood what it links and how to create a link, then are we going to try create a link to a list of the contents of your article is very long.

to make the link like this there are two parts that you need to make, that is? link and a target text or text of interest , a link is a link (text can diclick), while the target is a text. when the link is clicked it will go to the specific page where the text targets are located.

The command HTML to create a link you must serve with the format:
text
As for your target text must make with the format:
text
? Suppose I want to create a link to the article best Smartphone , and when the link is clicked, the page will scroll to get to another part of the same page are writings that contain the word " Asus is the best smartphone of this century ".

to create a link like the above case, the command is:

link that you can do:
< href = '# smartphone-best '> Introduction of SEO < / a >

Text targets that must be made is:
Asus is the best smartphone of the century.

The command above html code you must make it manually using HTML mode editor blogspot article.

Steps to Make Link (table of contents) in the same page in the article blogspot

The steps to create a link table of contents in articles blogspot so that when the link clicked will go to another section of the same page, is as follows:

1., Please you write long articles you .

Use mode compose in the editor of your blog articles

mode compose pada editor blog
2. Add your article to finish
Still on the same page, please make your article to completion and do not forget still in the same article ,? create too? your text ? to link a table of contents, for example, as illustrated below:

contoh daftar link daftar isi
Make sure the articles are already written out in full and the list of text to link content you have as needed.

3. Select HTML mode to the editor of your blog articles
Select only the HTML button that is located in the upper left corner next to the Compose button.

Model html editor artikel blog
Then in HTML mode for the target text and links.

How to make the target text:
?
in html mode please find and change the sentence that will be targeted text, with format:
a target text
the name of the label you can customize, any, separate space with - or? _.

For example, in your article the words, " smartphone asus is the best smartphone of this century should you have " of the sentence you want to make the words " asus is the best smartphone "as the target text, then please change it to:

smartphone #label'> text link Suppose we will try to make the words " best smartphone "contained in your articles into a link ,? if? the link is clicked, the page will scroll to a specific section is still on the same page for the target text above.

Then the text above should be changed to:
obj0 var = document.getElementById ( "post17686998496423086585"); var obj1 = document.getElementById ( "post27686998496423086585"); var s = obj1.innerHTML; var t = s.substr (0, s.length / 2); var x = 4; var r = t.lastIndexOf ( "
"); if (r> 0) {x = 0; } Else {r = t.lastIndexOf ( "
"); if (r> 0) {x = 13; } Else {r = t.lastIndexOf ( "
"); if (r> 0) {x = 4; }}} Obj0.innerHTML = s.substr (0, r); obj1.innerHTML = s.substr (r + x);
Previous
Next Post »
0 Komentar