This is a long-standing feature/hack request from much of the Blogger community. Pages that are not posts. This hack is a little messy and not the be-all solution, but I feel it is mature enough to publish as a start.
The pages are all addressed as http://yourblog.blogspot.com/?page=pagename
As always there are multiple options for this hack, but the basic starting is the same:
- Go to Google Pages (you’re on the new Blogger, you have a Google Account) and create the page you want.
- Click the ‘View live’ link from the Google Pages editor (after publishing the page)
- Note the URL in the location bar / address bar, you will need it later
You will need to add this code to the <head> section of your blog first time only, subsequent pages you can skip this:
<script src='http://jscripts.ning.com/get.php?xn_auth=no&id=2999987' type='text/javascript'/>
In code that follows, replace the red pagename with the what you want used as pagename in the URL (See above) and the red URL.
If you want to just redirect to the other page (example) use this code:
<script type='text/javascript'>
//make sure the WidgetData object and staticpage section are defined
if(typeof(WidgetData) != ‘object’) WidgetData = {};
if(typeof(WidgetData[‘staticpage’]) != ‘object’) WidgetData[‘staticpage’] = {};
WidgetData[‘staticpage’][‘pagename‘] = {
‘url’:’URL‘,
‘type’:’redirect’
};
</script>
If you want the other page superimposed in an IFRAME (example) use this code:
<script type='text/javascript'>
//make sure the WidgetData object and staticpage section are defined
if(typeof(WidgetData) != ‘object’) WidgetData = {};
if(typeof(WidgetData[‘staticpage’]) != ‘object’) WidgetData[‘staticpage’] = {};
WidgetData[‘staticpage’][‘pagename‘] = {
‘url’:’URL‘,
‘type’:’iframe’
};
</script>
If you want the other page superimposed (example) use this code:
<script type='text/javascript'>
//make sure the WidgetData object and staticpage section are defined
if(typeof(WidgetData) != ‘object’) WidgetData = {};
if(typeof(WidgetData[‘staticpage’]) != ‘object’) WidgetData[‘staticpage’] = {};
WidgetData[‘staticpage’][‘pagename‘] = {
‘url’:’URL‘
};
</script>
If you want the other page included in a DIV so that it fits better into your page (you must style the DIV so that it works well. The example simply styles it to fill the page), use this code and put a DIV in your code with an ID the same as pagename:
<script type='text/javascript'>
//make sure the WidgetData object and staticpage section are defined
if(typeof(WidgetData) != ‘object’) WidgetData = {};
if(typeof(WidgetData[‘staticpage’]) != ‘object’) WidgetData[‘staticpage’] = {};
WidgetData[‘staticpage’][‘pagename‘] = {
‘url’:’URL‘
};
</script>
If you want the other page included as an IFRAME in a DIV so that it fits better into your page (you must style the DIV so that it works well. The example simply styles it to fill the page), use this code and put a DIV in your code with an ID the same as pagename:
<script type='text/javascript'>
//make sure the WidgetData object and staticpage section are defined
if(typeof(WidgetData) != ‘object’) WidgetData = {};
if(typeof(WidgetData[‘staticpage’]) != ‘object’) WidgetData[‘staticpage’] = {};
WidgetData[‘staticpage’][‘pagename‘] = {
‘url’:’URL‘,
‘type’:’iframe’
};
</script>