Link A Blog Button With A Blog Page

At my first day of blogging, I wonder how blogger created a blog button and page, then link both of them each other. For me it is awesome when a blog has a few buttons which are linked to certain pages. It will make the blog look professional in term of design and may attract the visitor to come again and again.

My posting today will cover how to link a blog button with a blog page. Before you proceed I recommend you to read and understand a few articles below in tandem

How To Add A Blog Button – Part 1
How To Add A Blog Button – Part 2
How To Add A Blog Button – Part 3
Create Static Page In Blogger


What You Need

1. The static page URL which you copied when you create static page in your blog
   
   

The Procedures

1. Login to your blogger account –-> wait until you see your blogger dashboard.
   
   
   
   
2. Click Design –-> click Edit HTML
   
   
   
   
3. On the Edit Template section, click the checkbox Expand Widget Templates in order to show the sign.
   
   
   
   
4. Now, press to display the blogger’s Find toolbar like below.
   
   
   
   
5. In the toolbar, type <div id='content-top'/> –-> then, you will see the
   yellow highlighted code in your blog template like below. You will also see the HTML image tag above it.  
   
   
   
   
6. At this step you need the static page URL. Copy and paste the HTML anchor tag ABOVE HTML image tag. Make sure you put the static page URL as href value. Look the picture below for clear understanding.
   
   
   
   
7. Click button SAVE TEMPLATE –-> click View Blog to see the result.
   
   

After Procedures

If you click the blog button named Articles, it will redirect you to the static page named Contact.