Tuesday, January 21, 2014

How to Create Content Tabs Using Pages and InLinkz (for Blogger)

Creating Content Tabs Using Pages and InLinkz
I thought it might be helpful to a few other bloggers out there to share this information, since I struggled to find a post about it myself when I was trying to set these up. For a long while, I had been using the Pages feature in Blogger to include tabs with information about the blog, myself, sponsors, etc. in my blog's header, but I came to the point where I wanted to feature collections of older content categorized by subject (i.e. Book Reviews, DIY/Home Projects, Recipes, Skull Style, etc.). I found many posts about including labels on each blog post and attaching the labels to tabs in the blog's header, but I found this option unwieldy. I also felt that it impeded a reader's access to the content, because it listed out in chronological order all of the posts with the given label rather than including thumbnail images of the posts that readers could click on.

A simple way to address this is to sign up for the Project Manager function in InLinkz and create collections based on your content. This allows you to highlight your best posts in each category, as you choose and manually enter the posts and can organize the images as you wish.

Here's how to do it.

1. In InLinkz (www.inlinkz.com), click on and sign up for the Project Manager Hub (there are different options to purchase, but you can do a monthly trial at $4.99 if you want to test things out before committing). Once inside the Project Manager hub, click on the "Go To the Dashboard" Tab.

2. Once in the Dashboard, click on the "Add New Collection" link (located in the upper right corner, the first link).

3. This will open a new page, where you can enter a title and description for your collection, select column number and size, etc. (I chose to include four columns and 125px for the images).

4. The next step is to add new links to your collection. To do this, you click on the "Add New Link" link (in the upper right hand corner again). This will pull up a box that looks very similar to the kind of entry form you use when you add links to a linky party (if you are not familiar with this, it's pretty self-explanatory. You give the link a title, enter the link, and select an image from the website. I have some that link to posts on my own website and some that link to favorite things from other people's websites as well).

5. Once this is completed, you drag the image from the "My Links" section (you can see this on the left-hand side above) into the segment that says "DROP LINKS FROM THE LEFT HERE."

6. The last step is to insert the code for the collection into the selected page on your blog. Once you have created and saved your collection, click the close button in the bottom right-hand corner. This will bring you back to your Project Manager dashboard. Under the title for the collection you created, you will see a blue button that says Click on this button and copy all of the script in the "Widget Code" box. In Blogger, click on the Pages tab on the left-hand side of the design page. Select the edit option for the Page you created for your collection (i.e. Book Reviews, DIY Projects, etc.). Click the HTML tab in the upper left-hand corner and paste the Widget Code you copied into the box. When you click back over to Compose, you will see how the page will look once saved. Click the Update button to save the page ...

AND you're done!! The collection will look something like this.

Having tabs of this sort increases the length of time someone stays on your blog, as they can wander around in your tabs (and all of your great older content that you spent so much time crafting up is readily available). Good luck!! Let me know if you have any issues. A/J

** I did not receive any compensation or sponsorship from InLinkz for this post. I simply find it the easiest tool to use for this particular task. 

PS: If you liked this post, please share it with your friends:). Much love and appreciation!
Post a Comment