Wednesday, November 2, 2011

How To Make Custom Templates Compatible With Pages Tabs in Blogger ?

Making Custom Templates Compatible With Pages Tabs

If you're familiar with HTML and want Pages as tabs, follow these steps carefully (caution - this is not for the faint of heart!):

1. Make sure the Pages Widget hasn't already been added, if so, remove the widget

2. Go to the Design | Edit HTML tab for your blog

3. Download a backup of your template by clicking Download Full Template

4. Click the checkbox next to Expand Widget Templates

5. Look for the following three lines of HTML. If this HTML exists, change showaddelement='no' to showaddelement='yes'

<div id='crosscol-wrapper' style='text-align:center'>

<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

6. If this HTML does not exist, paste the following lines of HTML where you want the tabs to appear (for instance, after <div id='content-wrapper'> )

<div id='crosscol-wrapper' style='text-align:center'>

<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div>

7. Confirm tabs are correctly added, click Save Template

8. Go to Design | Page Elements and look for the new horizontal Gadget area and add the Pages gadget there.

Source: About Pages Blogger Help

No comments:

Post a Comment