Monday, November 25, 2013

How to put a gadget above your blog's header

This article is around how to plunk an thing (any type of gadget) exceeding the Title section in a blog made with Google Blogger.

Overview

If your blog has a design or designer guide, followed by (almost?) all of Blogger's templates start improbable with a nav-bar next to the top of the screen, followed by a Header section presentation your blogs title & explanation, or a custom description image if you've uploaded solitary.

And even if you make for into the place in the layout-designer wherever you can re-arrange the design by drag-and-dropping items, you cannot drag several gadgets to exceeding the description.

But this is unproblematic to revolution, provided you are willing to undertake the disadvantages of cutting your blog's design guide.

How to allow changes exceeding your blog's description:

Follow these steps to nominate it potential representing you (or several blog administrator) to add gadgets to the area around your blog's caption section:

1  Edit your blog's guide

Old UI:  Design > Edit HTML

New UI:  Template > Edit HTML > Proceed

2  Download a chock-full ape of your guide, and plunk it somewhere safe (in argument something goes injure, and you need to restore from it).

3  Find this code in your guide:

    <b:Section class='header' id='header' maxwidgets='1' showaddelement='no'>

    <b:Widget id='Header1' locked='true' title='YOUR BLOG TITLE(Header)' type='Header'/>

Hint:  Consume your browser's search tool, (Edit>Find in Firefox, Ctrl/f in Chrome) to look representing a recipe phrase like "id='Header1'

4  Change it to

    <b:Section class='header' id='header' maxwidgets='4' showaddelement='yes'>

    <b:Widget id='Header1' locked='true' title='YOUR BLOG TITLE(Header)' type='Header'/>

Notice to facilitate at hand are two changes made:

    Setting maxwidgets to greater than 1, and
    Setting showaddelement to Yes, as an alternative of No

5  Click Preview, to check to facilitate your guide is working:

This shows you a behold of the screen, but you won't be able to click the items on the preview srcreen.   It's a respectable goal to look after this even representing very clean changes, so to facilitate you know to facilitate they will save precisely.

6  Click Save to apply the changes to your blog's guide.

7  Quickly test your blog, to nominate convinced to facilitate nothing besides was accidentally tainted.   At very slightest, you must click solitary of apiece "type" of link on the foremost bleep (eg solitary pole title, solitary bleep tab, on search button)

What you will distinguish:

After you nominate this revolution, the then stage you edit your blog design (New UI:  Layout    Old UI:  Design > Page Elements), followed by you will discovery to facilitate you can add or drag-and-drop up to three gadgets to the Heading section of the blog, making a out-and-out of four.

You can add even more gadgets by changing the total representing maxwidgets to something besides.

No comments:

Post a Comment