// API callback
relatedposts({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$blogger":"http://schemas.google.com/blogger/2008","xmlns$georss":"http://www.georss.org/georss","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$thr":"http://purl.org/syndication/thread/1.0","id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243"},"updated":{"$t":"2022-03-26T23:23:54.889-07:00"},"category":[{"term":"how to"},{"term":"Blog Design"},{"term":"Widgets"},{"term":"posts"},{"term":"css"},{"term":"Comments"},{"term":"adsense"},{"term":"SEO"},{"term":"jQuery"},{"term":"social media"},{"term":"Image Effects"},{"term":"beginner's guide"},{"term":"blogger posts"},{"term":"Navigation"},{"term":"make money online"},{"term":"javascript"},{"term":"adsense optimization"},{"term":"menus"},{"term":"Facebook"},{"term":"adsense tips"},{"term":"social media plugins"},{"term":"popular posts"},{"term":"blogger"},{"term":"blogger pages"},{"term":"navigation menu"},{"term":"recent posts"},{"term":"threaded comments"},{"term":"google plus"},{"term":"related posts"},{"term":"blogging tips"},{"term":"recent comments"},{"term":"slideshows"},{"term":"static pages"},{"term":"tools"},{"term":"Templates"},{"term":"backlinks"},{"term":"custom domain"},{"term":"emoticons"},{"term":"instagram"},{"term":"labels"},{"term":"sitemap"},{"term":"RSS"},{"term":"click bombing"},{"term":"feedburner"},{"term":"firebug"},{"term":"font awesome"},{"term":"google analytics"},{"term":"homepage"},{"term":"invalid clicks"},{"term":"robots"},{"term":"statcounter"}],"title":{"type":"text","$t":"Helplogger"},"subtitle":{"type":"html","$t":""},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/-\/blogger+pages?alt=json-in-script\u0026max-results=6"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/search\/label\/blogger%20pages"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"6"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"6"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-152416924327403303"},"published":{"$t":"2016-10-03T08:10:00.000-07:00"},"updated":{"$t":"2020-04-18T06:13:39.813-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"beginner's guide"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger pages"},{"scheme":"http://www.blogger.com/atom/ns#","term":"homepage"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"},{"scheme":"http://www.blogger.com/atom/ns#","term":"static pages"}],"title":{"type":"text","$t":"How to Create a Static Home Page in Blogger"},"content":{"type":"html","$t":"When it comes to home pages, most websites can be divided into two: static and non-static. As their name implies, static home pages stay permanent no matter how many times the website is updated, while non-static home pages reflect the changes that are made to the site and \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2016\/09\/how-to-hide-posts-from-blogger-homepage.html\"\u003Eshow the latest posts\u003C\/a\u003E first.\u003Cbr\/\u003E\u003Cbr\/\u003EThe latter has become well-known nowadays due to the rising popularity of personal and even corporate blogs. However, there are still many people who prefer static home pages because it makes their websites look more organized and professional. It also gives them more control over the readers' experience on their site and helps them create stronger brand awareness through the uniform message that their home page presents.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"blogger static homepage\" src=\"https:\/\/3.bp.blogspot.com\/-N2ivcXBQ7x4\/Xpr8hH9oZ1I\/AAAAAAAAMV4\/pDTqAcZgY58Pb__9l2-Zg3-8vL4anFGMgCLcBGAsYHQ\/s1600\/create-blogger-static-homepage.jpg\"\/\u003E\u003C\/div\u003EFortunately, if you own a Blogger site and want to make your home page static, you'll find that creating one isn't as difficult as it seems. You can create a \u003Cb\u003Estatic home page in Blogger\u003C\/b\u003E by taking these steps:\u003Cbr \/\u003E\u003Cdiv class=\"hidden-image\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"static pages in Blogger\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-zRAqExXq4Oc\/V_FVefbwjbI\/AAAAAAAAL10\/JSi24tPr1jswJ57dBOlA4OVeWi21uLZkgCLcB\/s1600\/how-to-create-static-home-page-in-blogger.png\" title=\"How to Create a Static Home Page in Blogger\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003E\u003Ch3\u003E1. Create your static home page\u003C\/h3\u003EThe first thing you should do is to create a new page for your blog. This will serve as your static home page but, for now, it will look and act like any other page in your site.\u003Cbr\/\u003E\u003Cbr\/\u003ETo make this page, you'll need to go to the main menu of the Blogger dashboard and click on the \"Pages\" option on the left side on the screen. Doing this will lead you to the \"All Pages\" menu window. Here, click on the \"New Page\" button and you'll enter an editor that looks similar to the Blogger Post editor that you use when publishing a new blog post. \u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"static home page\" border=\"0\" height=\"285\" src=\"https:\/\/1.bp.blogspot.com\/-6u5Ufg7h_TQ\/V_EiNX6FrAI\/AAAAAAAALyc\/Hgab4a-rr-IFzoztxaueJnCWhEHeZmw7QCLcB\/s640\/create-static-page-in-blogger.png\" title=\"Adding a new static Blogger page\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003EAt the top box, enter the title that you want for this page - in this case, let's call it the \"Welcome\" page. In the larger text box, type the content that you want to appear on your home page; this can be a paragraph, or two about yourself or your business and what your site is all about.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"240\" src=\"https:\/\/2.bp.blogspot.com\/-kxtOpl0xHdg\/V_FIsKPjblI\/AAAAAAAAL1I\/P9AkwlG0dIMkOqXfCVueqwjvHtz-ilkyACLcB\/s640\/how-to-create-static-home-page-in-blogger.png\" title=\"Publish a Static Blogger page\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003EOnce you're done, click \"Publish\". The window will return to the main \"All Pages\" menu, and you'll see the new \"Welcome\" page you've created. Copy the URL of the \"Welcome\" page since you'll need it later on. To do this, right click on the 'View' link and select 'Copy Link Location' from the menu.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"292\" src=\"https:\/\/2.bp.blogspot.com\/-KFDfQ55TrKg\/V_EmyXoaRUI\/AAAAAAAALyw\/17wCpN2wSs4QMviv2qJDfUJTWlg_--7cgCLcB\/s640\/static-home-page-for-blogger.png\" title=\"View Static Home Page in Blogger\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Ch3\u003E2. Redirect the default home page to the static one\u003C\/h3\u003EOnce your \"Welcome\" page is up, the next thing you should do is to \u003Cb\u003Echange Blogger's default homepage\u003C\/b\u003E. This involves redirecting from your site's original home page to the static homepage that you've created so it would be the first thing that people see when they visit your website.\u003Cbr\/\u003E\u003Cbr\/\u003ERelated: \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/07\/how-to-set-custom-redirects-for-blogger-post.html\"\u003EHow to Set Custom Redirects in Blogger\u003C\/a\u003E\u003Cbr\/\u003E\u003Cbr\/\u003ETo do this, you'll need to go to main Blogger editor menu, click on \"Settings\" on the left side of the screen, and choose \"Search Preferences\". Under the \"Errors and redirections\" section, you'll see the \"Custom Redirects\" option with an \"Edit\" link beside it. Click on the \"Edit\" link to open another window, where you'll see two boxes named \"From\" (with your blog's URL beside it) and \"To\".\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"348\" src=\"https:\/\/1.bp.blogspot.com\/-riP6Hswmxe8\/V_FJ_9PlqjI\/AAAAAAAAL1Q\/I9d9uwGvOhkPvSOYL46B3dhIr4RNuNbcQCLcB\/s640\/blogger-settings-custom-redirects.png\" title=\"Redirect Blogger homepage to a custom page\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003EIn the \"From\" box, enter only a forward slash symbol \"\/\". In the \"To\" box, paste the URL that you copied earlier and add the latter part of the URL of the \"Welcome\" page. For instance, the page's URL of our demo blog is static-home-page.blogspot.com\/welcome.html, so we'll remove the \"http:\/\/static-home-page.blogspot.com\" address and add only \"\/p\/welcome.html\" in the \"To:\" box. The \"\/p\" signifies that it's a static page.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"454\" src=\"https:\/\/3.bp.blogspot.com\/-4cWFYUi9-hI\/V_FK6w8-sTI\/AAAAAAAAL1c\/v0fre29VyLgBm7q6x6xPnEbi1lkL9IvLACLcB\/s640\/custom-redirects-in-blogger-settings.png\" title=\"Redirect Blogger homepage to static home page\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003ENext, check the little box beside \"Permanent\", click on the \"Save\" text link, and press the \"Save changes\" button. Doing these will redirect your site's main URL to its new static home page. Access your blog on a separate browser to see if it works.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"450\" src=\"https:\/\/4.bp.blogspot.com\/-Blm7w9tQ1hs\/V_EtTQ4vraI\/AAAAAAAALzY\/4NCkbFp4t6sU-s8qD8XJc7SuWi1BgEtCwCLcB\/s640\/set-custom-redirect-blogger-home-page.png\" title=\"Custom redirects in Blogger settings\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003E\u003Ch3\u003E3. Make tabs for your site\u003C\/h3\u003EIf you're not planning to make tabs visible in your blog, you can stop at Step #2. But, if you want your site to have tabs that indicate the home page, the main blog page, and other pages you may have (such as the FAQs and Contact Us pages), you'll need to take another step.\u003Cbr\/\u003E\u003Cbr\/\u003EWhy is this important? Basically, when visible tabs are enabled in your site, they will show that you have two existing pages: the default home page and the new \"Welcome\" page you've created - both of which redirect to the same static page. This can be confusing for your readers and may even affect your search engine rankings.\u003Cbr\/\u003E\u003Cbr\/\u003ETo fix this, you first need to enable tabs by going to the \"Layout\" menu item and click on the \"Add a Gadget\" link. You can choose to add it below your blog header or sidebar. In many cases, it's advisable to add it below blog's header since they're more visible and give your website a sleek, professional look.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"408\" src=\"https:\/\/3.bp.blogspot.com\/-2IgEeZp7LbY\/V_FAkRPC_vI\/AAAAAAAAL0c\/OQh8BtjLKvAvwe0bqfBMBtBQH2NEVzuygCLcB\/s640\/add-a-gadget-blogger-layout.png\" title=\"Adding a gadget from Blogger's layout\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003EOnce the pop-up window opens, scroll down and click on the 'Pages' link:\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"210\" src=\"https:\/\/1.bp.blogspot.com\/-hkgoDSAWhos\/V_FBUYwVSGI\/AAAAAAAAL0g\/4Ur-trFfmg4znZVueEkdoM0M6qc4Bln4ACLcB\/s400\/add-static-pages-menu-to-blogger.png\" title=\"Adding Pages gadget in Blogger\" width=\"400\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003EThis will open another window named \"Configure Page List\". Here, under the \"Pages to show\" section, you'll see the default home page and your new static homepage with small boxes beside them. Uncheck the box beside the default home page to hide it from view, check the pages that you want to display in the menu and then click on the \"Save\" button to save the changes.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"400\" src=\"https:\/\/1.bp.blogspot.com\/-ifH40-LBpIE\/V_FCvcHz9RI\/AAAAAAAAL0s\/EfdHn2xBHe4CWm7-0qen39vQuh7pc-uHQCLcB\/s400\/configure-page-list-in-blogger.png\" title=\"Configure Page List in Blogger\" width=\"370\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003EYou can stop at this point but, if you want, you can also create a specific tab that will lead to your main blog post page. To do this, edit the \"Pages\" gadget that you just saved and click \"+ Add external link\".\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"420\" src=\"https:\/\/2.bp.blogspot.com\/-Xlp3yTukz4M\/V_FE0uR2BNI\/AAAAAAAAL04\/rgEheLjpvT0PuvLXBim0sQ0JMMKD-BzUACLcB\/s640\/add-external-link-blogger-page-list.png\" title=\"Add external link in Blogger\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003EOn the new window that would open, enter the title you'd like for the page (such as \"Blog\") along with \u003Cspan style=\"color: blue;\"\u003E\/index.html\u003C\/span\u003E web address, then hit \"Save Link\" and click the \"Save\" button on the \"Configure Page List\" window. \u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"400\" src=\"https:\/\/2.bp.blogspot.com\/-am5rk_mA1fU\/V_FFrClrz0I\/AAAAAAAAL08\/0P666I4DsiosOvWADZweOyhRy27Pfs7TgCLcB\/s400\/add-new-static-page-in-blogger.png\" title=\"Linking back to the Blogger blog posts\" width=\"370\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003ENow, view your site and you will see the pages menu containing the \"Welcome\" page and \"Blog\" tabs. To see how this works, you can also visit our \u003Ca href=\"http:\/\/static-home-page.blogspot.com\/p\/welcome.html\" rel=\"nofollow\" target=\"_blank\"\u003Edemo blog\u003C\/a\u003E. Enjoy!\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Ch4\u003EFinal Note\u003C\/h4\u003EHaving a static home page can be beneficial for your blog. Follow the steps above now to \u003Cb\u003E\u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/05\/how-to-add-static-pages-to-blogger-blog.html\"\u003Ecreate a static home page in Blogger\u003C\/a\u003E\u003C\/b\u003E!"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/152416924327403303\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/10\/how-to-create-static-home-page-in-blogger.html#comment-form","title":"22 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/152416924327403303"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/152416924327403303"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/10\/how-to-create-static-home-page-in-blogger.html","title":"How to Create a Static Home Page in Blogger"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/3.bp.blogspot.com\/-N2ivcXBQ7x4\/Xpr8hH9oZ1I\/AAAAAAAAMV4\/pDTqAcZgY58Pb__9l2-Zg3-8vL4anFGMgCLcBGAsYHQ\/s72-c\/create-blogger-static-homepage.jpg","height":"72","width":"72"},"thr$total":{"$t":"22"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-1285196704586866731"},"published":{"$t":"2014-07-01T18:53:00.003-07:00"},"updated":{"$t":"2016-10-30T10:12:58.130-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger pages"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger posts"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"},{"scheme":"http://www.blogger.com/atom/ns#","term":"posts"}],"title":{"type":"text","$t":"How To Set Custom Redirects in Blogger"},"content":{"type":"html","$t":"Over time, most blogs may go through many changes, like posts being added or deleted. In some occasions, you don't want people to \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2013\/10\/redirect-blogger-404-error-homepage.html\"\u003Eget 404 messages\u003C\/a\u003E when they navigate to posts or pages that don't exist on your blog and instead, make all requests to a specific link to be redirected to another page. One of the best way to avoid broken links and keep your traffic flowing in the right direction is setting custom redirects via the \u003Cb\u003EBlogger Custom Redirects\u003C\/b\u003E tool.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"ssmainhide\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-nma4XzKH434\/U7NmwmiRPvI\/AAAAAAAAJaw\/Wx52ENYIVNQ\/s1600\/blogger-custom-redirects-redirect-old-url-to-new-url.png\" \/\u003E\u003C\/div\u003EThis tutorial will show you how to set custom redirects for Blogger posts and redirect an old URL to a new URL. But before redirecting any URL, you must know that there are two types of redirects: \u003Cul\u003E\u003Cli\u003EA \u003Cb\u003E302 redirect\u003C\/b\u003E means that the page \u003Cb\u003Ehas moved temporarily\u003C\/b\u003E. This redirect doesn't pass the URL value to the new location and instead, it will take the visitors to an appropriate location so that you aren't showing them a 404 page not found, or an error page. You can use a 302 redirect for coming soon pages or maintenance pages.\u003C\/li\u003E\u003Cli\u003EA \u003Cb\u003E301 redirect\u003C\/b\u003E means that a page \u003Cb\u003Ehas moved permanently\u003C\/b\u003E to a new location. Use the 301 redirect when you deleted or changed the URL of your post. In most instances, the 301 redirects are always recommended for SEO because they will pass link juice (ranking power) to the redirected page and visitors will also benefit from this. However, 301s aren't suitable when you change your custom-domain, because it only supports redirection within the same blog, not to an external URL.\u003C\/li\u003E\u003C\/ul\u003ENow that we've established which is which, let's see how to set custom redirects for Blogger posts.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003EHow to redirect old URL to new URL in Blogger\u003C\/h3\u003EStep 1. Login to you Blogger account with email and password.\u003Cbr \/\u003E\u003Cbr \/\u003EStep 2. Click on your blog \u0026gt; go to Settings \\ Search Preferences and click \"Edit\" next to \"Custom Redirects.\"\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"search preferences, custom redirects, 301, 302 redirect\" border=\"0\" height=\"290\" src=\"https:\/\/4.bp.blogspot.com\/-brDx_7HqOoY\/U7M4xx3YWRI\/AAAAAAAAJZc\/6XqtWyQt5FE\/s1600\/search-preferences-custom-redirects-301-permanently-302-temporary-blogger.png\" title=\"How To Set Custom Redirects for Blogger Post\" width=\"600\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EStep 3. Enter the old URL in the \"From\" field, and the new URL in the \"To\" field including the forward slash \"\/\" (see the screenshot below)\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"custom redirects, redirect old url to new url\" border=\"0\" height=\"250\" src=\"https:\/\/3.bp.blogspot.com\/-6ELsFAALT_M\/U7M8IOZB-iI\/AAAAAAAAJZw\/kAYIhpZvnsk\/s1600\/custom-redirects-blogger-old-url-new-url.png\" title=\"How To Set Custom Redirects in Blogger\" width=\"600\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003ENote: Do not enter the full URL in these fields. Just omit the address of your blog and type only the rest of the link. Again, this works only if you wish to redirect within your blogger blog and not to any external links.\u003Cbr \/\u003E\u003Cbr \/\u003EStep 4. Click the \"Save\" link (1) and the \"Save changes\" button (2), and you're done!\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"blogger custom redirects\" border=\"0\" height=\"177\" src=\"https:\/\/2.bp.blogspot.com\/-t0jjdix6nQM\/U7M_FvzbvTI\/AAAAAAAAJZ8\/Yt0L8B10vKU\/s1600\/custom-redirects-to-from-permanent-blogger-deleted-new-page.png\" title=\"How To Set Custom Redirects in Blogger\" width=\"600\" \/\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"blogger custom redirect\" border=\"0\" height=\"177\" src=\"https:\/\/3.bp.blogspot.com\/-lbBoZ0V4MF8\/U7M_HSsAb4I\/AAAAAAAAJaE\/3vVfl08d2zo\/s1600\/custom-redirects-to-from-permanent-blogger-save-changes.png\" title=\"How To Set Custom Redirects in Blogger\" width=\"600\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EIf you want to redirect more pages, just click the \"New redirect\" button. Also, you can check out this tutorial to learn \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2016\/10\/how-to-create-static-home-page-in-blogger.html\"\u003Ehow to create a static homepage in Blogger\u003C\/a\u003E using \u003Cb\u003Ecustom redirects\u003C\/b\u003E."},"link":[{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1285196704586866731"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1285196704586866731"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2014\/07\/how-to-set-custom-redirects-for-blogger-post.html","title":"How To Set Custom Redirects in Blogger"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/4.bp.blogspot.com\/-nma4XzKH434\/U7NmwmiRPvI\/AAAAAAAAJaw\/Wx52ENYIVNQ\/s72-c\/blogger-custom-redirects-redirect-old-url-to-new-url.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-1261260899336154931"},"published":{"$t":"2014-05-18T12:35:00.001-07:00"},"updated":{"$t":"2016-10-30T11:25:58.616-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger pages"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"},{"scheme":"http://www.blogger.com/atom/ns#","term":"static pages"}],"title":{"type":"text","$t":"How to add Static Pages to a Blogger Blog (UPDATED)"},"content":{"type":"html","$t":"A few months ago, Blogger has completely redesigned the section of the Pages, which now, looks very similar to that of the Blogger Posts. Now we will be able to manage the pages with more flexibility. For example, we can publish, delete or change many of them to draft at the same time - which has just the same function as the old \u003Cb\u003EDon't show\u003C\/b\u003E option.\u003Cbr \/\u003E\u003Cbr \/\u003ERelated: \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2016\/10\/how-to-create-static-home-page-in-blogger.html\"\u003EHow to Create a Static Home Page in Blogger\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EAmong the options that we can find by hovering over a page and which we can see in the screenshot below are: \u003Cul\u003E\u003Cli\u003E\u003Cb\u003EEdit\u003C\/b\u003E: To access the editing panel and to edit its contents.\u003C\/li\u003E\u003Cli\u003E\u003Cb\u003EView\u003C\/b\u003E: Open a new tab with the actual page.\u003C\/li\u003E\u003Cli\u003E\u003Cb\u003EShare\u003C\/b\u003E: Share it on Google+ (which was not possible before).\u003C\/li\u003E\u003Cli\u003E\u003Cb\u003EDelete\u003C\/b\u003E: remove a page.\u003C\/li\u003E\u003C\/ul\u003E\u003Cdiv class=\"ssmainhide\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"add static pages on blogger\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-IK8w7nDbOl8\/U6oYDrGoD2I\/AAAAAAAAJYg\/sa9sF2DL-5Y\/s1600\/how-to-add-static-pages-to-blogger-blog.png\" title=\"How to add Static Pages to a Blogger Blog (UPDATED)\" \/\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"static pages, blogger\" border=\"0\" height=\"268\" src=\"https:\/\/4.bp.blogspot.com\/-gddX3T94kDM\/U3jsgoOgwaI\/AAAAAAAAJFA\/Ku0as9olNUw\/s1600\/blogger-pages-edit-vew-share-delete.png\" title=\"How to add Static Pages to a Blogger Blog (UPDATED)\" width=\"600\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EIn order to create a page, we need to open the pages editor from the button that says \u003Cb\u003ENew Page\u003C\/b\u003E. Almost every option tells us its function.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch2\u003EHow to add a Web Address in the Pages widget\u003C\/h2\u003EMany Blogger users wanted to know how can we add other web addresses, so that they display in the list of the Pages widget, since this option no longer appears in the \"Pages\" tab?\u003Cbr \/\u003E\u003Cbr \/\u003EThis can be done by opening the settings of the Pages widget by going to \"Layout\", then click on the \"Edit\" link in the widget \/ gadget for \u003Cb\u003EPages\u003C\/b\u003E (if you don't have the Pages gadget, just click on the \"Add a gadget\" link and select \"Pages\" from the pop-up window). And from there, we will find the option that says: \"Add link page\" - here, we will have to type the Web Address in the second field every time we want to add a new page from a specific address or URL.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"add web address, blogger tutorial\" border=\"0\" height=\"363\" src=\"https:\/\/1.bp.blogspot.com\/-Lg0OVvxgq34\/U3jrivK_QoI\/AAAAAAAAJEs\/TaU3xlfIUt0\/s1600\/blogger-pages-widget-how-to-add-a-web-adress.png\" title=\"How to add Static Pages to a Blogger Blog (UPDATED)\" width=\"600\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EAnother cool feature that has been built is that now it will be possible to add a search description, and in that field to add the text that we want to appear in search results. Until now, this option has been available only for blog posts.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"search description for pages\" border=\"0\" height=\"284\" src=\"https:\/\/2.bp.blogspot.com\/-uvjwu2P8kXY\/U3jr01ZiC9I\/AAAAAAAAJE0\/JJNFyBxJbt0\/s1600\/blogger-page-search-description.png\" title=\"How to add Static Pages to a Blogger Blog (UPDATED)\" width=\"320\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EThis option will appear once you enable the \"Enable search description?\" option by choosing \"Yes\". This will show up on \"Meta Tags\" by accessing the preferences for the search engines: \"Settings\" \u0026gt; \"Search preferences\" \u0026gt; \"Meta Tags\" \u0026gt; \"Enable search description\"?"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/1261260899336154931\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2014\/05\/how-to-add-static-pages-to-blogger-blog.html#comment-form","title":"11 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1261260899336154931"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1261260899336154931"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2014\/05\/how-to-add-static-pages-to-blogger-blog.html","title":"How to add Static Pages to a Blogger Blog (UPDATED)"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/3.bp.blogspot.com\/-IK8w7nDbOl8\/U6oYDrGoD2I\/AAAAAAAAJYg\/sa9sF2DL-5Y\/s72-c\/how-to-add-static-pages-to-blogger-blog.png","height":"72","width":"72"},"thr$total":{"$t":"11"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-1925737648407461845"},"published":{"$t":"2013-05-24T18:20:00.000-07:00"},"updated":{"$t":"2016-11-25T04:14:25.704-08:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger pages"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Widgets"}],"title":{"type":"text","$t":"New Blogger Widget: Contact form - Change Style \u0026 Install in a Static Page"},"content":{"type":"html","$t":"Just a few days ago, Blogger introduced a new \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2016\/11\/custom-blogger-contact-form-widgets.html\"\u003Econtact form widget\u003C\/a\u003E that you can add to your blog easily. At the moment, it is very basic because, at least for now, does not allow sending files or anything other than plain text.\u003Cbr \/\u003E\u003Cbr \/\u003EThe contact form for Blogger has the following features:\u003Cbr \/\u003E\u003Cul\u003E\u003Cli\u003EField for the user name\u003C\/li\u003E\u003Cli\u003EField for email\u003C\/li\u003E\u003Cli\u003EField for the message (textarea)\u003C\/li\u003E\u003Cli\u003ESubmit Button\u003C\/li\u003E\u003C\/ul\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"contact form, blogger gadgets, static page\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-S1pBfGVRhTc\/UaB4aD-I9JI\/AAAAAAAADaI\/3Tmgn1OFppY\/s1600\/contact-form-blogger.png\" title=\"Contact Form for Blogger\" \/\u003E\u003C\/div\u003EThe design is simple and the text colors inherit the section where you add it. At the moment, this widget has no configuration options and is not available for dynamic views.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch2\u003EHow to Add Contact Form to Blogger\u003C\/h2\u003ETo add it to your blog, just select the Layout tab, then click on \"Add a gadget\" in the section you want to show - for example, in the sidebar. Then, select the \u003Cspan style=\"color: orange;\"\u003EMore gadgets\u003C\/span\u003E tab and add the \u003Cspan style=\"color: #0b5394;\"\u003EContact Form\u003C\/span\u003E gadget.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"blogger gadgets, blogger widgets, contact form\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-3pAR-JJzy0I\/UZ_fxKyg0bI\/AAAAAAAADY0\/PLKI2Ec54wE\/s1600\/contact-form-widget-for-blogger.png\" height=\"214\" title=\"Contact Form For Blogger\" width=\"400\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Ch3\u003EStyling Contact Form\u003C\/h3\u003ESince the background is transparent, the form will blend well aesthetically speaking, but nevertheless it is easy to modify using Style Sheets (CSS) to the appropriate selectors. Here's an example: \u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u003Ci\u003E\u003Cspan style=\"color: #6aa84f;\"\u003E\/* Contact Form Container *\/\u003C\/span\u003E\u003C\/i\u003E\u003Cbr \/\u003E.contact-form-widget {\u003Cbr \/\u003Ewidth: 500px;\u003Cbr \/\u003Emax-width: 100%;\u003Cbr \/\u003Emargin: 0 auto;\u003Cbr \/\u003Epadding: 10px;\u003Cbr \/\u003Ebackground: #F8F8F8;\u003Cbr \/\u003Ecolor: #000;\u003Cbr \/\u003Eborder: 1px solid #C1C1C1;\u003Cbr \/\u003Ebox-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\u003Cbr \/\u003Eborder-radius: 10px;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ci\u003E\u003Cspan style=\"color: #6aa84f;\"\u003E\/* Fields and submit button *\/\u003C\/span\u003E\u003C\/i\u003E\u003Cbr \/\u003E.contact-form-name, .contact-form-email, .contact-form-email-message {\u003Cbr \/\u003Ewidth: 100%;\u003Cbr \/\u003Emax-width: 100%;\u003Cbr \/\u003Emargin-bottom: 10px;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ci\u003E\u003Cspan style=\"color: #6aa84f;\"\u003E\/* Submit button style *\/\u003C\/span\u003E\u003C\/i\u003E\u003Cbr \/\u003E.contact-form-button-submit {\u003Cbr \/\u003Eborder-color: #C1C1C1;\u003Cbr \/\u003Ebackground: #E3E3E3;\u003Cbr \/\u003Ecolor: #585858;\u003Cbr \/\u003Ewidth: 20%;\u003Cbr \/\u003Emax-width: 20%;\u003Cbr \/\u003Emargin-bottom: 10px;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ci\u003E\u003Cspan style=\"color: #6aa84f;\"\u003E\/* Submit button on mouseover *\/\u003C\/span\u003E\u003C\/i\u003E\u003Cbr \/\u003E.contact-form-button-submit:hover{\u003Cbr \/\u003Ebackground: #4C8EF9;\u003Cbr \/\u003Ecolor: #ffffff;\u003Cbr \/\u003Eborder: 1px solid #FAFAFA;\u003Cbr \/\u003E}\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: center;\"\u003E\u003Ci\u003EThis is how it will look like after applying the style:\u003C\/i\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"contact form, blogger gadgets, contact form for blogger\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-CzEfMVA98fA\/UZ_uPIIHSoI\/AAAAAAAADZk\/7C6O-IUiLJ8\/s1600\/contact-form.png\" title=\"contact form for blogger\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003ETo add this style, go to \u003Cb\u003ETemplate\u003C\/b\u003E \u0026gt; \u003Cb\u003EEdit HTML\u003C\/b\u003E, click on the sideways arrow next to \u0026lt;b:skin\u0026gt;...\u0026lt;\/b:skin\u0026gt; and paste the code just above\u003Cb\u003E\u003Ci\u003E ]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/i\u003E\u003C\/b\u003E (press CTRL + F to find it):\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-sjs8P5Hnq64\/UZ_tLA4F48I\/AAAAAAAADZU\/53ysg4eyEwQ\/s1600\/blogger-template-editor-css-styles.png\" height=\"56\" width=\"400\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Ch3\u003EHow To Add Contact Form In A Static Page\u003C\/h3\u003E\u003Cbr \/\u003EFirst step is to add the Contact Form gadget (Layout) and second, to edit the template (Template \u0026gt; Edit HTML) to remove most of the gadget. You have to search for the id \"ContactForm\", expand the widget by clicking on the black arrow on the left (same with the includable) and then delete the part that I have colored in red (see below):\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-yOF9Hawbl58\/UZ_ySivdY4I\/AAAAAAAADZ0\/sBa6zqsfaag\/s640\/contact-form-blogger-static-pages.png\" height=\"84\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EPart to be removed:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026nbsp; \u0026lt;b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;b:includable id='main'\u0026gt;\u003Cbr \/\u003E\u003Cspan style=\"color: #cc0000;\"\u003E\u0026nbsp; \u0026lt;b:if cond='data:title != \u0026amp;quot;\u0026amp;quot;'\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;h2 class='title'\u0026gt;\u0026lt;data:title\/\u0026gt;\u0026lt;\/h2\u0026gt;\u003Cbr \/\u003E\u0026nbsp; \u0026lt;\/b:if\u0026gt;\u003Cbr \/\u003E\u0026nbsp; \u0026lt;div class='contact-form-widget'\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;div class='form'\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;form name='contact-form'\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;p\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;data:contactFormNameMsg\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;br\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;input class='contact-form-name' expr:id='data:widget.instanceId + \u0026amp;quot;_contact-form-name\u0026amp;quot;' name='name' size='30' type='text' value=''\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;p\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;data:contactFormEmailMsg\/\u0026gt; \u0026lt;span style='font-weight: bolder;'\u0026gt;*\u0026lt;\/span\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;br\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;input class='contact-form-email' expr:id='data:widget.instanceId + \u0026amp;quot;_contact-form-email\u0026amp;quot;' name='email' size='30' type='text' value=''\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;p\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;data:contactFormMessageMsg\/\u0026gt; \u0026lt;span style='font-weight: bolder;'\u0026gt;*\u0026lt;\/span\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;br\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + \u0026amp;quot;_contact-form-email-message\u0026amp;quot;' name='email-message' rows='5'\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;p\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + \u0026amp;quot;_contact-form-submit\u0026amp;quot;' expr:value='data:contactFormSendMsg' type='button'\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;p\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;div style='text-align: center; max-width: 222px; width: 100%'\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;p class='contact-form-error-message' expr:id='data:widget.instanceId + \u0026amp;quot;_contact-form-error-message\u0026amp;quot;'\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;p class='contact-form-success-message' expr:id='data:widget.instanceId + \u0026amp;quot;_contact-form-success-message\u0026amp;quot;'\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;\/form\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\u0026nbsp; \u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\u0026nbsp; \u0026lt;b:include name='quickedit'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u0026lt;\/b:includable\u0026gt;\u003Cbr \/\u003E\u0026nbsp; \u0026lt;\/b:widget\u0026gt; \u003C\/blockquote\u003E\u003Cbr \/\u003EAfter you have saved the template, go to \u003Cb\u003EPages\u003C\/b\u003E and paste the following code into a new blank page with the title you want:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026nbsp;\u0026lt;div class='widget ContactForm' id='ContactForm1'\u0026gt;\u003Cbr \/\u003E\u0026nbsp; \u0026lt;div class='contact-form-widget'\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;div class='form'\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;form name='contact-form'\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;p\u0026gt;Name\u0026lt;\/p\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;p\u0026gt;E-mail *\u0026lt;\/p\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;p\u0026gt;Message *\u0026lt;\/p\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'\u0026gt;\u0026lt;\/textarea\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Submit'\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'\u0026gt;\u0026lt;\/p\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'\u0026gt;\u0026lt;\/p\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;\/form\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\u0026nbsp; \u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\u0026lt;\/div\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003EMessages will be sent to the same email that you have registered in Blogger.\u003Cbr \/\u003E\u003Cbr \/\u003EHere is the \u003Ca href=\"http:\/\/helploggerdemoblog.blogspot.com\/p\/contact.html\" rel=\"nofollow\" target=\"_blank\"\u003Edemo page\u003C\/a\u003E where you can test it (this is an account for demo purposes only, so don't expect any reply).\u003Cbr \/\u003E\u003Cbr \/\u003EThat's it! If you have any questions or comments, leave them below."},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/1925737648407461845\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2013\/05\/new-blogger-widget-contact-form-change.html#comment-form","title":"84 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1925737648407461845"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1925737648407461845"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2013\/05\/new-blogger-widget-contact-form-change.html","title":"New Blogger Widget: Contact form - Change Style \u0026 Install in a Static Page"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/2.bp.blogspot.com\/-S1pBfGVRhTc\/UaB4aD-I9JI\/AAAAAAAADaI\/3Tmgn1OFppY\/s72-c\/contact-form-blogger.png","height":"72","width":"72"},"thr$total":{"$t":"84"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-4097250668254118067"},"published":{"$t":"2012-04-14T16:43:00.002-07:00"},"updated":{"$t":"2016-10-31T19:15:43.823-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blog Design"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger pages"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"}],"title":{"type":"text","$t":"How to Add Different Backgrounds In Blogger Pages"},"content":{"type":"html","$t":"In the last tutorial, we have seen \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2012\/04\/how-to-add-different-background-color.html\"\u003Ehow to add different backgrounds in Blogger posts\u003C\/a\u003E. This tutorial, however, will show you how to apply a different background to the body of the template that will change when navigating on specific pages, thus making each of these pages have their own unique design and personality.\u003Cbr \/\u003E\u003Cbr \/\u003ETo see a demo, visit this demo blog and click on the menu tabs:  \u003Cdiv class=\"ssmainhide\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"different background in each page\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-cUNvzojcdGM\/T4oINWUxnyI\/AAAAAAAABzw\/MD_Kl17aGpM\/s320\/how+to+add+a+different+background+on+blogger+posts+pages.png\" height=\"247\" title=\"How to Add Different Backgrounds In Blogger Pages\" width=\"320\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: center;\"\u003E\u003Ca class=\"demo-link\" href=\"http:\/\/demo-helplogger.blogspot.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EDemo Blog\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Ch2\u003EApply a Different Background in Blogger Posts\/Pages\u003C\/h2\u003EStep 1. Log in to your Blogger account, then go to \"Template\" and hit the \"Edit HTML\" button\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-9PJxe92QMdU\/UTOPNGadxaI\/AAAAAAAAC5Y\/FvfeI-b1ymo\/s400\/blogger-template-edit-html.png\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EStep 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-pNjafQlLYFU\/U69TmT3-feI\/AAAAAAAAJZQ\/BRdO0NS6vvc\/s1600\/open-blogger-search-box-ctrl%252Bf.png\" height=\"244\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EStep 3. Type the tag below inside the search box and hit Enter to find it:\u003Cbr \/\u003E\u003Cblockquote\u003E\u0026lt;\/head\u0026gt;\u003C\/blockquote\u003EStep 4. Just above the \u0026lt;\/head\u0026gt; tag, paste the following CSS style with the \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2012\/03\/hideshow-widgetsgadgets-in.html\"\u003Eb:if conditional tags\u003C\/a\u003E that will apply the style to the chosen page:\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;b:if cond='data:blog.url == \u0026amp;quot;\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/address.com\/page-name.html\u003C\/span\u003E\u0026amp;quot;'\u0026gt;\u003Cbr \/\u003E\u0026lt;style\u0026gt;\u003Cbr \/\u003Ebody {\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; background-image: url(\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/DIRECT_LINK_TO_BACKGROUND_IMAGE.com\/IMAGE.JPG\u003C\/span\u003E);\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; background-position: center;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; background-repeat: repeat;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; background-attachment: fixed;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/blockquote\u003E\u003Ch3\u003ECustom Background in a Specific Page\u003C\/h3\u003E\u003Cul\u003E\u003Cli\u003Echange \u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/address.com\/page-name.html\u003C\/span\u003E with the URL address of your blogger post or page where you want to apply the custom background. If you don't have a domain, your blog might be redirected to a \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2015\/10\/stop-blogger-redirecting-blogspot-country.html\"\u003Ecountry specific url\u003C\/a\u003E; in this case, you may need to edit the blog address so that it ends with .com\u003C\/li\u003E\u003Cli\u003Echange \u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/DIRECT_LINK_TO_BACKGROUND_IMAGE.com\/IMAGE.JPG\u003C\/span\u003E with the direct link of the background image that you want to use.\u003C\/li\u003E\u003C\/ul\u003EStep 5. Hit the 'Save template' button and you're done. Now, visit the page and check to see if the background has changed. If you want to change the background in another Blogger page, repeat the steps from above."},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/4097250668254118067\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2012\/04\/how-to-add-different-backgrounds-in.html#comment-form","title":"9 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/4097250668254118067"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/4097250668254118067"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2012\/04\/how-to-add-different-backgrounds-in.html","title":"How to Add Different Backgrounds In Blogger Pages"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/3.bp.blogspot.com\/-cUNvzojcdGM\/T4oINWUxnyI\/AAAAAAAABzw\/MD_Kl17aGpM\/s72-c\/how+to+add+a+different+background+on+blogger+posts+pages.png","height":"72","width":"72"},"thr$total":{"$t":"9"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-1015511765478892518"},"published":{"$t":"2012-04-14T12:13:00.002-07:00"},"updated":{"$t":"2016-10-04T09:10:13.034-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger pages"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"},{"scheme":"http://www.blogger.com/atom/ns#","term":"static pages"}],"title":{"type":"text","$t":"How to Create Static Pages in Blogger"},"content":{"type":"html","$t":"\u003Cspan style=\"font-size: large;\"\u003E\u003Cb\u003EWhat are Blogger static pages?\u0026nbsp;\u003C\/b\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EBlogger Static Pages allows you to create specific pages like About Me, Contact page, Privacy Policy etc. on  stand-alone pages that are linked from your blog. The static pages basically are the same as post pages, but there are several things that make them different. One of the differences is that \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2016\/10\/how-to-create-static-home-page-in-blogger.html\"\u003Estatic pages don't appear in the home page\u003C\/a\u003E, don't have a label, and are not indexed as archive pages.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"ssmainhide\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"https:\/\/1.bp.blogspot.com\/-g3I6biARjt0\/T4nLRd14cLI\/AAAAAAAABzY\/WtXyMA7IpGs\/s1600\/how+to+create+static+pages+in+blogger+blogspot.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-g3I6biARjt0\/T4nLRd14cLI\/AAAAAAAABzY\/WtXyMA7IpGs\/s320\/how+to+create+static+pages+in+blogger+blogspot.png\" height=\"246\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cspan style=\"font-size: large;\"\u003E\u003Cb\u003EHow to Create Static Pages in Blogger.\u003C\/b\u003E\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color: #0b5394;\"\u003E\u003Cb\u003EStep 1.\u003C\/b\u003E\u003C\/span\u003E Log in to your \u003Ca href=\"http:\/\/www.blogger.com\/home\" rel=\"nofollow\"\u003EBlogger Dashboard\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color: #0b5394;\"\u003E\u003Cb\u003EStep 2.\u003C\/b\u003E\u003C\/span\u003E Click on \u003Cb\u003EPages\u003C\/b\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"https:\/\/2.bp.blogspot.com\/-4C5j5BR6e3g\/UTOiEOX4tuI\/AAAAAAAAC6M\/cfzZ0kwkVMY\/s1600\/how-to-create-static-pages-on-blogger-blogspot.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"static pages blogger, blogger tutorials, widgets\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-4C5j5BR6e3g\/UTOiEOX4tuI\/AAAAAAAAC6M\/cfzZ0kwkVMY\/s1600\/how-to-create-static-pages-on-blogger-blogspot.png\" title=\"how to add static pages in blogger blogspot\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color: #0b5394;\"\u003E\u003Cb\u003EStep 3.\u003C\/b\u003E\u003C\/span\u003E Click on \u003Cb\u003ENew Page - Blank Page\u003C\/b\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"https:\/\/4.bp.blogspot.com\/-sJaGMtXUzb8\/UBQw5QN3JII\/AAAAAAAACXs\/XyRRqw2fuQE\/s1600\/how-to-create-static-pages-in-blogger-blogspot-2.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-sJaGMtXUzb8\/UBQw5QN3JII\/AAAAAAAACXs\/XyRRqw2fuQE\/s1600\/how-to-create-static-pages-in-blogger-blogspot-2.png\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cspan style=\"color: #0b5394;\"\u003E\u003Cb\u003EStep 4.\u003C\/b\u003E\u003C\/span\u003E Type the title and write the page's content.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"https:\/\/3.bp.blogspot.com\/-C0STH5h4j8k\/UBQxgr04thI\/AAAAAAAACX0\/9wVi7KEGOmk\/s1600\/how-to-create-static-pages-in-blogger-blogspot-3.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-C0STH5h4j8k\/UBQxgr04thI\/AAAAAAAACX0\/9wVi7KEGOmk\/s400\/how-to-create-static-pages-in-blogger-blogspot-3.png\" height=\"227\" width=\"400\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cb\u003E\u003Cspan style=\"color: #0b5394;\"\u003EStep 5.\u003C\/span\u003E\u003C\/b\u003E Before publishing it, click on Preview to see how it will appear on your blog.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"https:\/\/1.bp.blogspot.com\/-NHD5cHWQhfk\/UTOi_68J3BI\/AAAAAAAAC6U\/PJ250nea4RI\/s1600\/static-pages-for-blogger.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-NHD5cHWQhfk\/UTOi_68J3BI\/AAAAAAAAC6U\/PJ250nea4RI\/s1600\/static-pages-for-blogger.png\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cspan style=\"color: #0b5394;\"\u003E\u003Cb\u003EStep 6.\u003C\/b\u003E\u003C\/span\u003E When you have finished the editing, click on Publish button.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color: #0b5394;\"\u003E\u003Cb\u003EStep 7. \u003C\/b\u003E\u003C\/span\u003ENow you have 3 options:\u003Cbr \/\u003E\u003Col\u003E\u003Cli\u003EKeep it as nav menu below header \u003Cb\u003E- Top tabs\u003C\/b\u003E \u003C\/li\u003E\u003Cli\u003EDisplay the page in your blog's sidebar - \u003Cb\u003ESide Links\u003C\/b\u003E\u003C\/li\u003E\u003Cli\u003EAdd the page's link manually to your template - \u003Cb\u003EDon't Show\u003C\/b\u003E\u003C\/li\u003E\u003C\/ol\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"https:\/\/3.bp.blogspot.com\/-viPOev79lHU\/UBQyPrxWtlI\/AAAAAAAACX8\/1PXDbO8GpXI\/s1600\/how-to-create-static-pages-in-blogger-blogspot-4.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-viPOev79lHU\/UBQyPrxWtlI\/AAAAAAAACX8\/1PXDbO8GpXI\/s400\/how-to-create-static-pages-in-blogger-blogspot-4.png\" height=\"198\" width=\"400\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cspan style=\"color: #0b5394;\"\u003E\u003Cb\u003EStep 8.\u003C\/b\u003E\u003C\/span\u003E After you have chosen where the page will appear, click on the Save arrangement button\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"https:\/\/1.bp.blogspot.com\/-yDCbWJ36R_A\/UBQya80HURI\/AAAAAAAACYE\/USTgrDNbts0\/s1600\/how-to-create-static-pages-in-blogger-blogspot-5.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-yDCbWJ36R_A\/UBQya80HURI\/AAAAAAAACYE\/USTgrDNbts0\/s400\/how-to-create-static-pages-in-blogger-blogspot-5.png\" height=\"68\" width=\"400\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EAnd now you're done!\u003Cbr \/\u003ENow you have owned the static page. If you want another static page, just repeat the steps above.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ci\u003E\u003Cb\u003ENote:\u003C\/b\u003E if you have opted for Don't show option: go to Pages again and right click on the page's title and select Copy link location (in firefox). You can add the link manually to your sidebar via Link widget or add the link in your template, via Edit HTML.\u003C\/i\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003EUPDATE: Blogger made an update recently to the way that pages are added to blogs. Here is an updated tutorial that will walk you through the new process, step by step: \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/05\/how-to-add-static-pages-to-blogger-blog.html\"\u003EHow to Add Static Pages to a Blogger Blog\u003C\/a\u003E\u003C\/b\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EOr you can watch this video tutorial below:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: center\"\u003E\u003Ciframe width=\"640\" height=\"360\" src=\"\/\/www.youtube.com\/embed\/e0e8k8PYJcM?rel=0\" frameborder=\"0\" allowfullscreen\u003E\u003C\/iframe\u003E\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/1015511765478892518\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2012\/04\/how-to-create-static-pages-in-blogger.html#comment-form","title":"138 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1015511765478892518"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1015511765478892518"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2012\/04\/how-to-create-static-pages-in-blogger.html","title":"How to Create Static Pages in Blogger"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-g3I6biARjt0\/T4nLRd14cLI\/AAAAAAAABzY\/WtXyMA7IpGs\/s72-c\/how+to+create+static+pages+in+blogger+blogspot.png","height":"72","width":"72"},"thr$total":{"$t":"138"}}]}});