Link A Blog Button With A Blog Page

Wednesday, June 22, 2011

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

    Capture



The Procedures

  1. Login to your blogger account –-> wait until you see your blogger dashboard.

    Capture

  2. Click Design –-> click Edit HTML

    Capture

  3. On the Edit Template section, click the checkbox Expand Widget Templates in order to show the right sign sign.

    Capture

  4. Now, press Capture to display the blogger’s Find toolbar like below.

    Capture

  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.  

    Capture

  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.

    Capture

  7. Click button SAVE TEMPLATE –-> click View Blog to see the result.

    Capture



After Procedures

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

Capture


 


 




    
     



 

1 comments:

{ fyna ahmad } at: June 23, 2011 at 10:49 AM said...

nice tutorial.



jemput singgah ke belog fyna.
ade segmen.
:)

Post a Comment

Related Posts Plugin for WordPress, Blogger...