Tuesday 13 November 2012

create Internal Links to sections within the same Blogger Post & Different Blogger Posts

Hi This is Penchal-CEO of Pen groups

Today we are going to discuss---

How to create Internal Links to sections within the same Blogger Post & Different Blogger Posts?...
--------------------------------------------------------------------------------------------
How to create Internal Links to sections within the same Blogger Post?

First of all

How do I create links? The answer is very easy, I used simple html that anyone can learn in a few minutes. Here are the steps I used to create links.

Log in to your Blogger Account.

Go to Posting > New Post or Edit Post and either create a new article or edit an existing one.

Within the article find a place where you want to add some jump links. This will be early on in the article as it will help the reader figure out what information is significant to them and how to get there quickly

Switch to the Edit HTML mode rather than compose mode so you can see the code you are inserting into your post

Create some headings that will be your links to material further down in your Blogger article. Note you can also just jump to a word but for the purposes of this demonstration and clarity I am going to use headings. When creating this post I used the following headings:

How to Create Internal Links To Sections Within the Same Blogger Post

Add links to your headings like so:

<a href="#withinposts">How to Create Internal Links To Sections Within the Same Blogger Post</a>

<a href="#withinblogger">How to Create Internal Links To Sections Within Different Blogger Posts</a>

The href attribute and closing </a> element is the same structure you use for other links in your blog

Each identifier is preceded by a hash mark (#). The # tells the visitor's browser to look for a section within your post

Each link identifier needs its own unique identifier and needs to be enclosed in inverted commas. Use a name that reflects the link you are creating if possible as it will make it easier to identify on a page with a lot of internal jump links.

Now go to the first point in your post where you want to jump the reader to. This will be the start of some new idea, section or logical split in the information.

At this point create your anchor text by first adding your heading and then enclosing your heading with this anchor structure.

<a name="identifier">a heading</a>

Note the use of the name attribute at the beginning and the </a> element at the end

Each link identifier needs to be enclosed in inverted commas. Make sure to match up the correct identifier with the one created in step 6

Using this anchoring structure our first anchor becomes:

<a name="withinposts">How to Create Internal Links To Sections Within the Same Blogger Post</a>

Substitute your own link identifier and headings

Now move on to the next point you want to link to and create the second anchor. In this example we use the same structure but change the identifier

<a name="withinblogger">How to Create Internal Links To Sections Within Different Blogger Posts</a>

Again substitute your own link identifier and headings to suit your article

Save and Publish as normal and you will see your links are live and will jump the reader to different parts of the post
-----------------------------------------------------------------------------------------------
How to Create Internal Links To Sections Within Different Blogger Posts?

Now you know how to create links to sections within Blogger posts let's look at how to create internal links within different Blogger posts.

Most of you will be able to create a link to another post in Blogger using the posts editor. You just highlight the text you want and click on the figure eight icon and Blogger creates the link for you. Which is great most of the time.

However what if we want to direct the visitor to a particular section of a different post? When you create an internal link it will take the viewer to the top of the page but what if you want them to see something near the end of the article? Well using an internal link similar to what we did to create internal links within the post we can.

Say I want to redirect my reader to a particular post in this case Blogger SEO Tips and Tricks. How would I go about it?

I create the link as usual by copying the article URL address from the browser address bar and using the post editor to add the link. The Blogger post editor uses this structure:

<a href="URLaddress">linkname</a>

So the Blogger editor would create the following link:

<a href="http://mobilehacktrick.blogspot.in/2012/11/seo-tips-and-tricks-to-improve-your.html">SEO tips and trick to improve your blogs ranking</a>

The link would appear like this in a browser:
SEO tips and tricks to improve your blogs ranking

Now I want to redirect my visitors to the section about Free GPRS so I add a section name using the following structure:

<a href="URLaddress#identifier">linkname</a>

Thus my link would look like this in the Edit HTML section of my post editor

<a href="http://http://mobilehacktrick.blogspot.in/search/label/Free%20GPRS#Free GPRS">Free GPRS</a>

Note the link seen in a browser remains the same

If you want your link to open in a new browser window add the following to your link:

<a href="http://mobilehacktrick.blogspot.in/search/label/Free%20GPRS#Free GPRS" target="_blank">Free GPRS</a>

Now I need to go to the post I am linking to and add the anchor. So in the Label Free GPRS I would use the following structure to link to the section about Aircel Free GPRS Trick Working October 2012

<a name="identifier">a heading</a>

So the section about Aircel free gprs in label Free GPRS is now enclosed by the following:

<a name="Free GPRS">Aircel Free GPRS Penchal Trick  is Working </a>

If you now click on the link below you will see that your browser open a new window and take you directly to the section about Aircel Free GPRS Trick Working

Save and Publish as normal and you will see your links are live and will jump the reader to different parts of the post

Plz let me know if you need any help....penchal always ready to help u
--------------------------------------------------------------------------------------------------
@Penchal-CEO of pen groups
8892258641
Email-Thisispenchal@gmail.com

No comments:

Post a Comment