Skip to main content

Blogger Magic - The Pages Gadget, As A Linkbar

Not every blog owner understands how to install a horizontal linkbar, in a blog. We see the occasional query, in Blogger Help Forum: Get Help with an Issue.
Why do I have a linklist, below the blog title?
This blog owner could be making any of several innocent mistakes.

A link bar - or tabs row - is a key component in indexing important blog sections - yet few blog owners understand how it works.

A horizontal linkbar is so easy to make - and yet sometimes, so hard to get right.

A linkbar is simply a linklist, displayed horizontally, with shading.

There is nothing special, about a horizontal linkbar - it's simply a linklist, displayed horizontally, with the right shading. Change the shading, and you get a row of tabs. You can choose - linkbar or tabs, in some templates.

Alternately, add a Pages gadget as a linklist, positioned anywhere convenient.

The magic, with the Pages gadget and custom linkbars, is how they are made to display horizontally. And that is generally just a matter of choosing the right template.

Blogger templates contain code which makes linklists display horizontally.

Standard Blogger templates include a special template section, "crosscol". Within "crosscol", linklists display horizontally. And that's the Pages gadget.

Here's the code for the linkbar, in this blog. There's nothing special, here - except for "id='crosscol'".

<div class='tabs section' id='crosscol'><div class='widget LinkList' id='LinkList4'>
<div class='widget-content'>
<ul>
<li><a href='http://blogging.nitecruzr.net/'>Home</a></li>
<li><a href='http://buzz.nitecruzr.net/'>The Buzz</a></li>
<li><a href='http://blogging.nitecruzr.net/'>Blogging</a></li>
<li><a href='http://blogging.nitecruzr.net/search/label/About%20Us?max-results=100'>About Us</a></li>
<li><a href='http://blogging.nitecruzr.net/magic'>Magic</a></li>
<li><a href='http://blogging.nitecruzr.net/p/topics.html'>Topics</a></li>
<li><a href='http://blogging.nitecruzr.net/classic'>Dynamic</a></li>
<li><a href='http://blogging.nitecruzr.net/p/contact-me-improved.html'>Contact</a></li>
<li><a href='http://groups.google.com/group/nitecruzr-dot-net-blogging'>Support Forum</a></li>
<li><a href='http://www.ultraguest.com/?id=1138394596&sign=1'>GuestBook</a></li>
<li><a href='http://recipes.nitecruzr.net/'>Kitchen</a></li>
<li><a href='http://musings.nitecruzr.net/'>Musings</a></li>
<li><a href='http://networking.nitecruzr.net/'>Networking</a></li>
<li><a href='http://www.nitecruzr.net/'>N D Net</a></li>
</ul>

The magic is in the "crosscol" section of the template.

I'm not using a standard Pages gadget, just a LinkList, in this blog. The magic is in the template, and the "crosscol" section - and supporting CSS.

If your template is provided outside Blogger, it may or may not have a "crosscol" section. Not all third party template developers observe all standards of Blogger templates.

Comments

Popular posts from this blog

What's The URL Of My Blog?

We see the plea for help, periodicallyI need the URL of my blog, so I can give it to my friends. Help!Who's buried in Grant's Tomb, after all?No Chuck, be polite.OK, OK. The title of this blog is "The Real Blogger Status", and the title of this post is "What's The URL Of My Blog?".

Leave Comments Here

Like any blogger, I appreciate polite comments, when they are relevant to the blog, and posted to the relevant article in the right blog. If you want to ask me a question thats relevant to blogging, but you can't find the right post to start with (I haven't written about everything blogger related, yet, nor the way things are going I don't expect to either), ask your questions here, or leave an entry in my guestbook.

As noted above, please note my commenting policy. If you post a comment to this post, I will probably treat it as a "Contact Me" post. If you have an issue that's relevant to any technical issue in the blog, please leave a comment on the specific post, not here. This post is for general comments, and for non posted contact to me.

If the form below does not work for you, check your third party cookies setting!

For actual technical issues, note that peer support in Blogger Help Forum: Something Is Broken, or Nitecruzr Dot Net - Blogging is, almos…

What Is "ghs.google.com" vs. "ghs.googlehosted.com"?

With Google Domains registered custom domains becoming more normal, we are seeing one odd attention to detail, expressed as confusion in Blogger Help Forum: Learn More About Blogger.My website uses "ghs.google.com" - am I supposed to use "ghs.googlehosted.com", instead?It's good to be attentive to detail, particularly with custom domain publishing. This is one detail that may not require immediate attention, however.