// 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":"2021-04-29T11:05:46.708-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\/-\/how+to?alt=json-in-script\u0026max-results=6"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/search\/label\/how%20to"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"},{"rel":"next","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/-\/how+to\/-\/how+to?alt=json-in-script\u0026start-index=7\u0026max-results=6"}],"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":"91"},"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-1002974736613852924"},"published":{"$t":"2016-09-24T07:57:00.000-07:00"},"updated":{"$t":"2020-04-18T05:50:33.306-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"beginner's guide"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger posts"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"}],"title":{"type":"text","$t":"How to Hide Posts from Blogger Homepage"},"content":{"type":"html","$t":"The point of blogging is to make your blog posts visible to your target audience as well as to search engines. However, there are times when you need to hide certain blog posts from homepage. For instance, one post may contain outdated information, so you don't want it to be seen by your audience but you also want to keep it on your site for records purposes. Or perhaps you want a certain post to still be seen on your blog, but you don't want it to \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2016\/10\/how-to-create-static-home-page-in-blogger.html\"\u003Eshow in the home page\u003C\/a\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"hide blogger post from homepage\"  src=\"https:\/\/2.bp.blogspot.com\/-x6H3S8oFtTA\/Xpr3MQWaHTI\/AAAAAAAAMVs\/_NE5hIGVYhwl1T0FPE6V_Hb7SLQy5VJVACLcBGAsYHQ\/s1600\/hide-homepage-blogger-posts.jpg\" \/\u003E\u003C\/div\u003EEither way, you have to find ways to hide certain blog posts. Fortunately, if you're using Blogger, you can easily do so by taking a few simple steps. You can use this guide to get started.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"hide post from home page\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-GT84hS1K0u4\/V-aSlzWDbqI\/AAAAAAAALvU\/8chIQpIIgF07wyf51Tk6a9Q3S6n2tfC9wCLcB\/s1600\/hide-posts-in-blogger-homepage.png\" title=\"How to Hide Posts from Blogger Homepage\" \/\u003E\u003C\/div\u003E\u003Ch2\u003EBackdate Blogger Posts\u003C\/h2\u003ELet's discuss this technique first since it's simple and doesn't require you to deal with any lines of code. Basically, the only thing you need to do is to change the publishing date of the post you want to hide; specifically, you need to backdate it to the oldest possible date. Doing this is effective if your Blogger site is configured to show the latest posts first (as most blogs are); once a post is backdated, it will no longer be shown in the home page.\u003Cbr \/\u003E\u003Cbr \/\u003EHow do you do this? If you're publishing a new post and want to hide it, look for the \"Schedule\" option on the right side of the post editor and click on \"Set date and time\". Choose a previous date on the calendar, click 'Done' and Save the post, then go back to your blog's home page to check if the post has disappeared.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"backdate post, schedule blogger post\" border=\"0\" height=\"296\" src=\"https:\/\/4.bp.blogspot.com\/-XqnK2PuMpMU\/V-Riq1ta1aI\/AAAAAAAALu0\/CD3o0mze8sA0RnUK01Nv2LM1QrnbFEsogCLcB\/s640\/schedule-backdate-blogger-post.png\" title=\"How to Hide Posts from Blogger Homepage 2\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EThe same process applies if you want to hide an older post; the only difference is that you need to click on the post's title in the dashboard to open it in the editor. Backdate the post using the steps above and save it, then open your blog to verify that the post is indeed hidden from view.\u003Cbr \/\u003E\u003Cbr \/\u003EPlease note that this process will only hide your posts from the homepage. People will still be able to see them if they'd take the time to go through your blog posts from the previous years. This is also the case for those who'd come across your hidden blog post through search engines.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch2\u003EHide Blog Posts in Blogger Using Code\u003C\/h2\u003EAnother thing you can do to hide a blog post is to edit its code. This is a bit complicated since one small mistake can affect the post structure and make it unreadable. This, in turn, can affect your readers' experience as they browse through your site and even have a negative effect on your search engine optimization techniques. With this in mind, it's important to be careful when dealing with code.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003EMethod 1: Hide Blogger Post Using the Post's label\u003C\/h3\u003EThere are two techniques to choose from, and one of them involves the label of the blog post you want to hide. If you're ready to go ahead with this method, you'll first need to make a backup of your template. Having a backup is important since it ensures you'll have a copy to fall back on in case something goes wrong.\u003Cbr \/\u003E\u003Cbr \/\u003EOnce you've backed up the template, go to \"Templates\", click on \"Edit HTML\" and then click anywhere inside the code area -\u0026gt; press CTRL + F keys and search for this line:\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;b:include data='post' name='post'\/\u0026gt;\u003C\/blockquote\u003EOnce you've found it, replace it with this code:\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;b:if cond='data:blog.url == data:blog.homepageUrl'\u0026gt;\u003Cbr \/\u003E\u0026lt;b:loop values='data:post.labels' var='label'\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;b:if cond='data:label.isLast == \"true\"'\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;b:if cond='data:label.name != \"\u003Cspan style=\"color: red;\"\u003Eadd label here\u003C\/span\u003E\"'\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;b:include data='post' name='post' \/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;\/b:if\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;\/b:if\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;\/b:loop\u0026gt;\u003Cbr \/\u003E\u0026lt;b:else\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;b:include data='post' name='post' \/\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/blockquote\u003ENote: replace the text \"\u003Cspan style=\"color: red;\"\u003Eadd label here\u003C\/span\u003E\" with the label  (case sensitive) of the blog post that you want to hide in Blogger homepage. Keep in mind that above code won't work if you have multiple labels on that post, so please make sure the post has only 1 label.\u003Cbr \/\u003E\u003Cbr \/\u003EImportant: every post that you want to show on the homepage should have at least one label otherwise they will not be visible because the b:loop statement won't be executed for them.\u003Cbr \/\u003E\u003Cbr \/\u003EFinally, Save the changes by pressing the 'Save template'  button on the upper left side of the editor, then view your blog to  check if the blog post has been hidden.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003EMethod 2: Hide Blogger Post Using the Post's ID Number\u003C\/h3\u003EAside from the method above, you can use another technique that involves the post ID number of the blog post you'd like to hide. To know the ID number, you must go to the dashboard area, find the title of the post you want to hide, and click the \"Edit\" text link below it. Doing this will open the post in the Blogger editor.\u003Cbr \/\u003E\u003Cbr \/\u003EOnce you're in the editor, click on the address bar above and go to the end part of the URL. Here, you'll see a line of text that looks like this: postID==, followed by a long string of numbers. This is your post's ID number. The ID number usually contains 19 numbers, so it will look somehow like this: postID==1234567890123456789. Copy this ID since you'll need it for the next step.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"hide blogger post using id\" border=\"0\" height=\"226\" src=\"https:\/\/1.bp.blogspot.com\/-GOCMmtG-Azk\/V-aHSyPRxQI\/AAAAAAAALvE\/UZIyKrKv4PILnhV8IfNHWq0K2vh4oBTeQCLcB\/s640\/hide-post-id-in-blogger-homepage.png\" title=\"How to Hide Posts from Blogger Homepage 3\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EWhen you have your blog post's ID, open the Blogger dashboard, go to Template, and click \"Edit HTML\". Search for this line:\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http:\/\/schema.org\/BlogPosting'\u0026gt;\u003C\/blockquote\u003EReplace it with this one:\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;div class='post hentry uncustomized-post-template' expr:id='\u0026amp;quot;post-\u0026amp;quot; + data:post.id' itemprop='blogPost' itemscope='itemscope' itemtype='http:\/\/schema.org\/BlogPosting'\u0026gt;\u003C\/blockquote\u003ENote: if you found two occurrences of it, replace both of them.\u003Cbr \/\u003E\u003Cbr \/\u003ENow search for this tag:\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;\/head\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003EOnce you find it, paste the following code above it:\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;b:if cond='data:blog.url == data:blog.homepageUrl'\u0026gt;\u003Cbr \/\u003E\u0026lt;style type='text\/css'\u0026gt; \u003Cbr \/\u003E#post-\u003Cspan style=\"color: red;\"\u003E1234567890123456789\u003C\/span\u003E{display:none;}\u003Cbr \/\u003E\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003EDon't forget to replace \"\u003Cspan style=\"color: red;\"\u003E1234567890123456789\u003C\/span\u003E\" with the 19-digit ID number of the blog post you'd like to hide. Once you're done, make sure to save the template. You can open your blog in another tab or browser to check if the post has indeed been hidden. \u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003EThat's it!\u003C\/h4\u003EWhether you backdate your post or opt for the post ID method, you have to remember that the blog post you've hidden is still on your website. This means that it will still be indexed by search engines, show up on search engine results, and get found by people who are searching for the keywords that are present in the post. If you really want this blog post to be seen by no one, you'll need to use robots.txt (for Google) to remove it from search results. Better yet, completely delete the post from your Blogger dashboard and just keep a soft copy of it in your computer."},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/1002974736613852924\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/09\/how-to-hide-posts-from-blogger-homepage.html#comment-form","title":"3 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1002974736613852924"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1002974736613852924"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/09\/how-to-hide-posts-from-blogger-homepage.html","title":"How to Hide Posts from Blogger Homepage"}],"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\/-x6H3S8oFtTA\/Xpr3MQWaHTI\/AAAAAAAAMVs\/_NE5hIGVYhwl1T0FPE6V_Hb7SLQy5VJVACLcBGAsYHQ\/s72-c\/hide-homepage-blogger-posts.jpg","height":"72","width":"72"},"thr$total":{"$t":"3"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-3868521777255158443"},"published":{"$t":"2015-10-14T02:29:00.000-07:00"},"updated":{"$t":"2015-10-14T07:20:28.098-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"},{"scheme":"http://www.blogger.com/atom/ns#","term":"javascript"}],"title":{"type":"text","$t":"Stop Blogger from Redirecting Blogspot to Country Specific URLs"},"content":{"type":"html","$t":"Let's say you're from France and have set up - just for examples sake - a blog called frenchlitgeek.blogspot.com where you share your thoughts and insights on French literature. Now, with Google's \u003Cb\u003Ecountry specific redirection in Blogger\u003C\/b\u003E, you might be redirected to frenchlitgeek.blogspot.fr when you try to access your site. The thing is, you perfectly liked the .com and didn't sign up for the .fr but you find yourself being directed there. Sure, your blog works and all but you also wonder why.\u003Cbr \/\u003E\u003Cdiv class=\"ssmainhide\"\u003E\u003Cimg alt=\"blogger country specific redirection\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-W_cjbDyvIqI\/Vh4io9u9bsI\/AAAAAAAALic\/Cu_Yq1GZxdg\/s1600\/how-to-stop-blogger-country-specific-redirection-of-blogspot.png\" title=\"Stop Blogger from Redirecting Blogspot to Country Specific URLs\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Ch4\u003EWhy Did Google Do This?\u003C\/h4\u003EGoogle has always supported the expression of views, and they stated as much on their \u003Ca href=\"https:\/\/googleblog.blogspot.com\/\" rel=\"nofollow\" target=\"_blank\"\u003Eofficial blog\u003C\/a\u003E. In the post \u003Ca href=\"https:\/\/googleblog.blogspot.com\/2007\/11\/free-expression-and-controversial.html\" rel=\"nofollow\" target=\"_blank\"\u003EFree expression and controversial content on the web\u003C\/a\u003E, which was published in 2007, it said \"Our world would be a very boring place if we all agreed all the time. So, while people may strongly disagree with what someone says, or think that a particular newspaper is total nonsense, we recognize that each of us have the right to an opinion.\"\u003Cbr \/\u003E\u003Cbr \/\u003EThe post continued, \"We also know that letting people express their views freely has real practical benefits. Allowing individuals to voice unpopular, inconvenient or controversial opinions is important. Not only might they be right (think Galileo) but debating difficult issues in the open often helps people come to better decisions\".\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"blogspot country redirection\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-XPhiFco0xcU\/Vh1crfo5KOI\/AAAAAAAALiA\/t9KXlM9NvaM\/s1600\/country-specific-redirection-blogger-blogspot.png\" title=\"Blogger country-specific redirection\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EWhile the company is clearly on the side of people freely expressing their opinions, they also believe that a line has to be drawn somewhere. Then again, for a company providing services in over 100 countries around the world and each with their own national laws and cultural norms, it's surely difficult for a company like Google to decide where to draw boundaries.\u003Cbr \/\u003E\u003Cbr \/\u003EHowever, there are cases like child pornography which is illegal in just about any country where decisions are clear cut.\u003Cbr \/\u003E\u003Cbr \/\u003EFor a company whose products are \"specifically designed to help people create and communicate, to find and share information and opinions across the world\", how does Google deal with this challenge?\u003Cbr \/\u003E\u003Cbr \/\u003EOne of the most challenging areas where Google deals with issues regarding free expression is in Blogger, their content generation platform. Since Google can't check what you've written before you publish, they rely on active vocal users who are diligent in alerting the proper if a post borders on offensive. Then again, that in itself is a tricky issue as well because what one person may view as offensive, another might not.\u003Cbr \/\u003E\u003Cbr \/\u003EIn other words, it's always a work in progress with Google.\u003Cbr \/\u003E\u003Cbr \/\u003EFast forward to January 9, 2012 when Google announced it was making changes to the Blogger platform with regards to censorship. That said change would make use of a \u003Cb\u003Ecountry specific domain\u003C\/b\u003E to the Blogger platform. Doing this would allow Google to censor and remove content specific to a certain country.\u003Cbr \/\u003E\u003Cbr \/\u003EIn their announcement, Google said: \"Migrating to localized domains will allow us to continue promoting free expression and responsible publishing while providing greater flexibility in complying with valid removal requests pursuant to local law. By utilizing ccTLDs, content removals can be managed on a per country basis, which will limit their impact to the smallest number of readers.\"\u003Cbr \/\u003E\u003Cbr \/\u003EThe move by Google come after pressure from countries like India that are working on hunting down content on social media sites which are considered inappropriate. Also, the move followed closely on the heels of Twitter's new censorship policies.\u003Cbr \/\u003E\u003Cbr \/\u003ESince Google aims to \"help people create and communicate, to find and share information and opinions across the world\", it would be strange to take down a post that was just banned in a certain area. In essence, with \u003Cb\u003Ecountry specific redirection\u003C\/b\u003E, a piece of content can still be accessible by the world save for the country where it was blocked.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003EHow Would Country Specific Redirection Affect Your Site?\u003C\/h3\u003EOf course, not all site owners greeted the country specific URL change with open arms. A few of the issues brought up in regard to the change include:\u003Cbr \/\u003E\u003Cbr \/\u003E1. \u003Cu\u003E\u003Cb\u003EA reduction in social stats\u003C\/b\u003E\u003C\/u\u003E. These are your Facebook Likes, Google +1s and so on from your blog posts. They might be reduced because the URLs from one blog post will be different depending on where your readers are from.\u003Cbr \/\u003E\u003Cbr \/\u003E2. \u003Cu\u003E\u003Cb\u003EA problem with external commenting platforms\u003C\/b\u003E\u003C\/u\u003E. If you use Disqus - for example - for your comments section, then you might run into trouble because blog URLs will be different even if essentially the page being accessed is just the same.\u003Cbr \/\u003E\u003Cbr \/\u003E3. \u003Cu\u003E\u003Cb\u003EA slight problem with AdSense earnings\u003C\/b\u003E\u003C\/u\u003E. Some users have complained about seeing a dip in their earnings when their pages are served through country specific domains.\u003Cbr \/\u003E\u003Cbr \/\u003E4. \u003Cu\u003E\u003Cb\u003EAn issue with link juice\u003C\/b\u003E\u003C\/u\u003E. You want external sites to link to you and not your country specific URL. But the issue here is that you can't control how others link to your page. They might use the top level domain or they might use the country code top-level domain.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch2\u003EStop Blogger from Redirecting to Country-Specific Domains\u003C\/h2\u003EIf \u003Cb\u003Ecountry specific redirection\u003C\/b\u003E affects important factors such as traffic and link juice, and you need those in order to rank well, what can you possibly do? Well, thankfully, Google has provided a way to get around this. All you have to do is \u003Ca href=\"https:\/\/support.google.com\/blogger\/answer\/2402711?hl=en\" rel=\"nofollow\" target=\"_blank\"\u003Eadd an ncr\/ to the end of the URL\u003C\/a\u003E - ncr here stands for No Country Redirect. So basically, it goes frenchlitgeek.blogspot.com\/ncr\/.\u003Cbr \/\u003E\u003Cbr \/\u003EThat solution is great but do you want your users to always have to do that every time they visit your blog? To eliminate that hassle, and for the good of your site statistics, a simple redirection script will do the trick. Here's how:\u003Cbr \/\u003E\u003Cbr \/\u003E1. Log in to your \u003Ca href=\"http:\/\/blogger.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EBlogger account\u003C\/a\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E2. Click on Template → Edit HTML.\u003Cbr \/\u003E\u003Cbr \/\u003E3. Find the \u003Cspan style=\"background-color: yellow;\"\u003E\u0026lt;head\u0026gt;\u003C\/span\u003E tag in the HTML editor by opening the search box using Ctrl + F.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"blogger country redirection\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-J7zVItrq6MQ\/Vh0pPg9x_qI\/AAAAAAAALhw\/wgW4oOUftDw\/s1600\/search-box-blogger-template-html-editor.png\" title=\"Stop Blogger Country Redirection on Blogspot\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E4. Copy the redirection code seen below after the \u0026lt;head\u0026gt; tag.\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;script type=\"text\/javascript\"\u0026gt;\u003Cbr \/\u003Evar blog = document.location.href.toLowerCase();\u003Cbr \/\u003Eif (!blog.match(\/\\.blogspot\\.com\/)) {\u003Cbr \/\u003Eblog = blog.replace(\/\\.blogspot\\..*?\\\/\/, \".blogspot.com\/ncr\/\");\u003Cbr \/\u003Ewindow.location.replace(blog);\u003Cbr \/\u003E}\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E5. Click on \"Save Template\".\u003Cbr \/\u003E\u003Cbr \/\u003ECredit: \u003Ca href=\"http:\/\/www.labnol.org\/internet\/prevent-blogger-country-redirection\/21031\/\" rel=\"nofollow\" target=\"_blank\"\u003Elabnol.com\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EAnd that's it! Whenever someone accesses your Blogger, they'll be taken to the top level domain rather than the country specific one. "},"link":[{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/3868521777255158443"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/3868521777255158443"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/10\/stop-blogger-redirecting-blogspot-country.html","title":"Stop Blogger from Redirecting Blogspot to Country Specific URLs"}],"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":"http:\/\/1.bp.blogspot.com\/-W_cjbDyvIqI\/Vh4io9u9bsI\/AAAAAAAALic\/Cu_Yq1GZxdg\/s72-c\/how-to-stop-blogger-country-specific-redirection-of-blogspot.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-3086302865774045804"},"published":{"$t":"2015-07-13T15:29:00.000-07:00"},"updated":{"$t":"2020-04-18T06:22:22.440-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"backlinks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"},{"scheme":"http://www.blogger.com/atom/ns#","term":"SEO"}],"title":{"type":"text","$t":"7 Search Engine Optimization Tips for Bloggers"},"content":{"type":"html","$t":"SEO, as you might have already know, is an acronym for search engine optimization. In the simplest of words, it's the way search engines like Google.com, Yahoo.com, Bing.com and others present your page in users' search results on their sites.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003ECool, how do they that?\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EWell, they do that via sophisticated software tools, called spiders. Consider the whole internet as an empty room, with air particles as websites. Now sneak a spider into that room. Each tiny step that this spider would take now is essentially crawling a website (as the room is dark and full of websites). This is how search engines crawl through the web picking up site after site, studying them and ranking them. This ranking is important, really important. A higher ranked website by Google will always be on the first page of Google's search results for a related query compared to a lower ranked one.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"seo tips for bloggers\" src=\"https:\/\/3.bp.blogspot.com\/-kLDLX7vLpgM\/Xpr-7eBTB0I\/AAAAAAAAMWE\/R7hCazBJSPQK-vYYOtLazs-a9HABMjoQgCLcBGAsYHQ\/s1600\/search-engine-optimization-seo-tips-for-bloggers.jpg\" \/\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg border=\"0\" height=\"200\" src=\"https:\/\/4.bp.blogspot.com\/-dQ1SoemCKDo\/VaQ_26CjnbI\/AAAAAAAALOk\/Z03ISkBMXWs\/s640\/web-spider-crawl-website.png\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003ESo, in order to get ranked higher, you and I need SEO. SEO is like black pepper without which fried egg might not taste 'that' tastier. In simple words, in order for search engines to find your site and rank it higher than others in your field, you need to optimize it. Let's see how with these 7 simple tips.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch2\u003EWays to SEO Optimize your Blog\u003C\/h2\u003EBefore starting with our 7 simple tips for a quality SEO, it's important to broadly classify those tips into two basic areas, on the basis of origin:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003EOn-page Optimization\u003C\/h3\u003ERefers to optimization of your actual web content including your HTML code, your text, as well as graphic content.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003EOff-page optimization\u003C\/h3\u003EOff-page optimization, however, deals with things like \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/12\/how-to-build-high-quality-backlinks.html\"\u003Ebacklinks\u003C\/a\u003E (hyperlinks pointing to you site from other websites, apps and networks).\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003E1. Create SEO Friendly Blog Post Titles\u003C\/h3\u003EPost titles are important for SEO. They really are since they are deal makers or breakers. Whenever you write something, make sure you give proper attention to the post's title. Make your titles simple, intriguing, descriptive and gullible so that people may know what is this all about and what to expect. An even better approach is to wear searchers shoes while giving a title and think how would you Google it if you were looking for content like this.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"google search results, seo title\" border=\"0\" height=\"137\" src=\"https:\/\/2.bp.blogspot.com\/-CcO1mk-0Zno\/VGkPJiTtWOI\/AAAAAAAAKs8\/vBc8t42XezY\/s640\/google-seo-friendly-post-titles.png\" title=\"Search Engine Optimization Tips for Bloggers\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EAlso, don't forget to include keywords in your title and keep it under 70 characters (or search engines would crop it before looking).\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003E2. Improve the quality of your content\u003C\/h3\u003EIf you think 'content' isn't important for SEO, think again! Your content is the most important part of your site. While writing, don't copy-paste from elsewhere, don't stuff it with keywords alone, don't bombard it with images and multimedia files and don't write any lesser than 300 words. These all would affect your ratings quite poorly.\u003Cbr \/\u003E\u003Cbr \/\u003ESo, write original, use keywords in scenarios instead of straying them around (like I didn't use SEO here, SEO there in every next line), use images where they suffice and make sure you name them properly to appear in \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/07\/blogger-seo-image-optimization.html\" target=\"_blank\"\u003Eimage search results\u003C\/a\u003E, i.e. an image with the \"img009.jpg\" name would never appear in the image search results but \"tips_to_success.jpg\" would. The best would be to use text content and wrap them proper in HTML tags like \u0026lt;H2\u0026gt;\u0026lt;\/H2\u0026gt; etc. (search engines likes content this way). Also, make sure your blog post's length is somewhere between 300-500 words - crossing over is fine but lesser isn't.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"seo title headings\" border=\"0\" height=\"203\" src=\"https:\/\/4.bp.blogspot.com\/-5yGe-S6Oed8\/VGkUjzDZsYI\/AAAAAAAAKtM\/QtYd--FMrVk\/s640\/improve-content-quality-seo.png\" title=\"SEO Tips for Bloggers\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Ch3\u003E3. Keywords are keys\u003C\/h3\u003EKeywords are terms that others may use to search for your content. While keywords are important for SEO, don't go on and stuff your site with keywords. This would make your content appear like a spam to spiders, who would neglect it henceforth.\u003Cbr \/\u003E\u003Cbr \/\u003EIdeal is that once you have chosen your title (and included your keyword in it, as I have added keyword SEO in title above), use it in page URL, in your starting and ending paragraphs, as well as in article body where required without sounding awkward. Additionally, you may link it using anchor text to relevant resources in and out of site.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ctable align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"tr-caption-container\" style=\"margin-left: auto; margin-right: auto; text-align: center;\"\u003E\u003Ctbody\u003E\u003Ctr\u003E\u003Ctd style=\"text-align: center;\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-6cjlm4aShJo\/VaRROMa1phI\/AAAAAAAALO0\/r9utXKByxMs\/s1600\/add-keywords-to-post-url-permalink-seo.png\" \/\u003E\u003C\/td\u003E\u003C\/tr\u003E\u003Ctr\u003E\u003Ctd class=\"tr-caption\" style=\"text-align: center;\"\u003EAdding keyword in the post URL using Custom Permalink\u003C\/td\u003E\u003C\/tr\u003E\u003C\/tbody\u003E\u003C\/table\u003E\u003Cbr \/\u003E\u003Ch3\u003E4. Meta-tags are important, but not 'that' much\u003C\/h3\u003EIf we had been living in early part of 21st century, meta tags might have done all the SEO for your site. Unluckily, we aren't. Google and other search engines have long left using meta-tags for finding site information. Hence, if someone tells you meta-tagging is all you need for your sites SEO, tell them it isn't.\u003Cbr \/\u003E\u003Cbr \/\u003ENevertheless, it's important that you use your keywords in your meta-data. Some themes already do that for you, if they don't (you can check that using page source or using view source code from browser), don't sweat. You can use 3rd party plugins like \u003Ca href=\"https:\/\/wordpress.org\/plugins\/all-in-one-seo-pack\/\" rel=\"nofollow\" target=\"_blank\"\u003EAll in One SEO Pack\u003C\/a\u003E and Scribe.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003E5. Socialize!\u003C\/h3\u003EMake others talk about your site and share your content on social media sites or their blogs. It gets even better if somehow sites with high ratings link back to your site. This makes spiders think that you are someone important that everyone these days is talking about, resulting in enhancing your ratings dramatically.\u003Cbr \/\u003E\u003Cbr \/\u003EGuest posting is another good approach for that. Comment on other sites, make friends with bloggers (best in business) and make them comment at yours. These tiny little things do matter a lot, resulting in enhanced SEO of your site.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003E6. Link in and Link-Out\u003C\/h3\u003EHyperlinks or Links are important from SEO perspective. You can use them to:\u003Cbr \/\u003E\u003Cbr \/\u003ELink out to other sites, networks and posts, or even to your previous posts (also called inbound or backlinks) using anchor element with keyword.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"anchor element with keyword\" border=\"0\" height=\"262\" src=\"https:\/\/1.bp.blogspot.com\/-d5mcq4_M1x8\/VGkcyU4n7yI\/AAAAAAAAKtc\/85-YYDD4h7o\/s640\/link-in-out-seo-optimization-blogger.png\" title=\"Search Engine Optimization Tips for Bloggers\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EOr even better, make others to link in to you, via sharing your content on their sites or social media networks.\u003Cbr \/\u003E\u003Cbr \/\u003EAs mentioned, an even outstanding strategy for building links is guest posting.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003E7. Write Often\u003C\/h3\u003ESites with new content every day, or twice thrice a week have still far better ratings than those who post every fortnight. A better incoming content frequency makes spider come to your site regularly, resulting in better ratings and enhanced SEO.\u003Cbr \/\u003E\u003Cbr \/\u003EAre we done then? Well, trust me - your sites rating is in your hands, not in Google or Yahoo. SEO is just about doing things neatly and in a sophisticated manner. Walk your site these 7 steps for a quality SEO and you will witness the difference yourself at Google, if no place else.\u003Cbr \/\u003E\u003Cbr \/\u003ERemember, code clean, write original, socialize... this is what SEO is all about!"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/3086302865774045804\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/07\/7-seo-tips-for-bloggers.html#comment-form","title":"6 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/3086302865774045804"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/3086302865774045804"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/07\/7-seo-tips-for-bloggers.html","title":"7 Search Engine Optimization Tips for Bloggers"}],"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\/-kLDLX7vLpgM\/Xpr-7eBTB0I\/AAAAAAAAMWE\/R7hCazBJSPQK-vYYOtLazs-a9HABMjoQgCLcBGAsYHQ\/s72-c\/search-engine-optimization-seo-tips-for-bloggers.jpg","height":"72","width":"72"},"thr$total":{"$t":"6"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-5227752940803414022"},"published":{"$t":"2014-09-07T20:05:00.001-07:00"},"updated":{"$t":"2017-07-27T09:20:16.970-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blog Design"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blogging tips"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"}],"title":{"type":"text","$t":"Where To Find Free Blogger Backgrounds and Textures"},"content":{"type":"html","$t":"Blogger is a fantastic tool for amateur and professional writers that have a passion for publishing online content. Unlike WordPress or hosting companies that require you to design your site before ever getting started, Blogger is a ready to go service right out of the box that will allow you to start writing for yourself or others on day one. The effort required to sign up for an account is minimal, and you can really get as creative as you want, whenever you want.\u003Cbr \/\u003E\u003Cbr \/\u003EEven if you aren't familiar with web development or design, that's okay. Blogger is a place for everyone. Thanks to the overwhelming support of the Blogger and creative communities, there are plenty of free to use resources out there to make your site look great and keep you focused on what you love best. Here are some of the top sites for acquiring blogger backgrounds that won't cost you a dime and will look incredible.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"ssmainhide\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"free blogger backgrounds and textures\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-T2QLXom-_qw\/VAuIM4ErkdI\/AAAAAAAAKeI\/T-XAGpleres\/s1600\/free-blogger-backgrounds-3.png\" height=\"103\" width=\"173\" \/\u003E\u003C\/div\u003E\u003Ch4\u003EShabby Blogs\u003C\/h4\u003EShabby blogs offers some unique texture and graphic rendered Blogger backgrounds to choose from. All of the designs that they have are created to be standard width so you don't get a lot of flexibility to choose from; however, there are guides out there that can teach you how to extend the sidebars, header, and footer of your screen if you find one you love and this is something important to you. In addition to offering Blogger backgrounds Shabby blogs also has a section for cute little buttons that you can add to your site to give it an extra special touch.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/www.shabbyblogs.com\/backgrounds.html\" rel=\"nofollow\" target=\"_blank\"\u003E\u003Cimg alt=\"shabby blogs backgrounds\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-7SCNLTz9td0\/VAuCNaplQUI\/AAAAAAAAKdY\/Pw-EJa0r8Vs\/s1600\/AtTheBeachShabby.png\" height=\"103\" width=\"173\" \/\u003E\u003Cimg alt=\"http:\/\/www.shabbyblogs.com\/backgrounds.html\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-8RgUWDx1TV0\/VAuCNcfe1nI\/AAAAAAAAKdw\/tNnGei5qyqE\/s1600\/DelucaMShabby.png\" height=\"103\" width=\"173\" \/\u003E\u003Cimg alt=\"http:\/\/www.shabbyblogs.com\/backgrounds.html\" border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-gyPXaPUmvGU\/VAuCNRrnMcI\/AAAAAAAAKdc\/h2hZgWV4kyM\/s1600\/OwlBeThereMShabby.png\" height=\"103\" width=\"173\" \/\u003E\u003Cimg alt=\"http:\/\/www.shabbyblogs.com\/backgrounds.html\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-OGihLdaTfZo\/VAuCN37kkcI\/AAAAAAAAKdg\/dhpVtE3vh14\/s1600\/WorldOnFireMShabby.png\" height=\"103\" width=\"173\" \/\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003EHot Bliggity Blog\u003C\/h4\u003EAside from having one of the coolest and creative names to say out loud, Hot Bliggity Blog has a wide selection of patterned-based blogs for your site. You can choose between different color schemes, and they also offer three different sizes to pick from, standard, widened, and full width. Best of all, they are really easy to install. All you have to do is click on the install link underneath the image. From there it will copy the code for you into your clipboard and give you instructions on where to paste it.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/hotbliggityblog.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E\u003Cimg alt=\"hot bliggity blog backgrounds\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-XLrPbR-yztA\/VAuIM5F2xCI\/AAAAAAAAKeA\/Fkm6gWNilbk\/s1600\/free-blogger-backgrounds-1.png\" height=\"103\" width=\"173\" \/\u003E\u003Cimg alt=\"http:\/\/hotbliggityblog.com\/\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-T2QLXom-_qw\/VAuIM4ErkdI\/AAAAAAAAKeI\/T-XAGpleres\/s1600\/free-blogger-backgrounds-3.png\" height=\"103\" width=\"173\" \/\u003E\u003Cimg alt=\"http:\/\/hotbliggityblog.com\/\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-a5t4bEw5rWw\/VAuIM2ERr0I\/AAAAAAAAKeE\/Vs07FurZW9Q\/s1600\/free-blogger-backgrounds.png\" height=\"103\" width=\"173\" \/\u003E\u003Cimg border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-_JHvEVrLLVY\/VAuINuHhNOI\/AAAAAAAAKeQ\/CUvik-K3nS8\/s1600\/rRraoXU.png\" height=\"103\" width=\"173\" \/\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003EDotty Dot Dot\u003C\/h4\u003EDotty Dot is the place to go if you like geometric type backgrounds that are heavy on squares, plaid, circles, and of course dots. The website is a little bit hard to navigate, but they have a sidebar with a bunch of tags to help you sort through all the available templates and find something you like. Just about every color you can imagine is available if you plan on matching your Blogger backgrounds to your favorite color or font style. The widths of the most of the templates vary so some have heavy padded sidebars, whereas some are very skinny.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/dottydotdotdesign1.blogspot.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E\u003Cimg alt=\"http:\/\/dottydotdotdesign1.blogspot.com\/\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-rRNswl-c2vg\/VAuYuPTrHcI\/AAAAAAAAKes\/aFuSMIM8gno\/s1600\/Pink_Polka_2c_BACKGROUND.png\" height=\"103\" width=\"173\" \/\u003E\u003Cimg alt=\"http:\/\/dottydotdotdesign1.blogspot.com\/\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-vCmpZewsKW0\/VAuYuA_OL0I\/AAAAAAAAKeo\/mqwpvtmIPP8\/s1600\/Square_Buttons_3c_BACKGROUND.png\" height=\"103\" width=\"173\" \/\u003E\u003Cimg alt=\"http:\/\/dottydotdotdesign1.blogspot.com\/\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-zEzp8ecXd3c\/VAuYuOlz7SI\/AAAAAAAAKfA\/iSKssQD-zqU\/s1600\/The__80s._Squared.png\" height=\"103\" width=\"173\" \/\u003E\u003Cimg alt=\"http:\/\/dottydotdotdesign1.blogspot.com\/\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-wUmkAuYAIm0\/VAuYupxiGUI\/AAAAAAAAKew\/VNU0Uyj46ig\/s1600\/Vroom_Zoom_BACKGROUND.png\" height=\"103\" width=\"173\" \/\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003ELeeLou Blogs\u003C\/h4\u003ELee Lou Blogs offers Blogger backgrounds that look a lot like you would find in a scrapbook with a heavy dependency on small pictures and vector graphics. These free templates would go great with any home improvement blog or DIY arts and crafts writer. Most of the free backgrounds are standard size with the high padded sides, but like anything you can get access to more templates if you want to take advantage of any of his premium designs.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/leelou-blogs.com\/type\/blog-backgrounds?style\u0026color\" rel=\"nofollow\" target=\"_blank\"\u003E\u003Cimg alt=\"http:\/\/leelou-blogs.com\/\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-1laFzaR9zZ4\/VAuhdseqRCI\/AAAAAAAAKgA\/ppZdv9VhjYo\/s1600\/leelou-blogs.png\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Ch4\u003ECgTextures\u003C\/h4\u003EIf you just want something basic real basic that won't distract customers from your content, you can head over to CgTextures. Their site is full of photos and textures that could be added as a background image with a reduced transparency. The blog would still look great and you wouldn't have to worry as much about trying to match your font style and color so that it fits in with the background. Instead you can draw more focus on what's important and less on the site's bells and whistles.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/www.cgtextures.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E\u003Cimg alt=\"cg textures for blogger backgrounds\" border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-li5S_hcb3tM\/VAuazxRKyuI\/AAAAAAAAKfM\/4c4q-H_-TLg\/s1600\/cgtextures.png\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Ch4\u003EEvery Stock Photo\u003C\/h4\u003EBloggers that want less of an 'artsy' look to their site and instead more of a serious appeal can get a picture from Every Stock Photo to use as the background image. You can also benefit by using some of the pictures offered through this site within your blog posts so that you aren't stuck buying things from premium image providers. There search bar and navigation panel makes it easy to find exactly what you are looking for to see a unique feel to every page.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/everystockphoto.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E\u003Cimg alt=\"every stock photo background image\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-zat3OdSoEb8\/VAucA5MI-FI\/AAAAAAAAKfY\/t19MojmbSFc\/s1600\/everystockphoto.png\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Ch4\u003EShizoo-Design\u003C\/h4\u003EShizoo-Design is a German based design firm with about 554 different patterns to choose from. You can find everything from conservative shapes to abstract rainbows and splashes of color. All of the textures are provided in a range of size, anywhere from 1000x700 pixels to 1300x600 pixels so that they will comfortably fit your entire site's background and work with most browsers and computer screen sizes. Brushes and custom icons are also available from the site, free of charge.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/www.shizoo-design.de\/textures.php\" rel=\"nofollow\" target=\"_blank\"\u003E\u003Cimg alt=\"shizoo design textures,blogger backgrounds\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-DuD0ufu7LgI\/VAuf4wJ0-LI\/AAAAAAAAKf0\/TNmsWegoBuE\/s1600\/shizoo-design.png\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Ch4\u003EPatterns of Change\u003C\/h4\u003EPatterns of Changes offers Blogger backgrounds that are cartoon oriented and that can best be tiled across the screen. The site is perhaps one of the easiest to use compared to all the others on the screen, providing a simple navigation bar where you can choose what color you'd like the pattern to be. When you select one of the colors provided, it will come up with a bunch of different patterns usually associated with that color. For instance, when the color brown is selected, one of the choices ia brown cake. Blogger backgrounds for this site might not be the best choice for business professionals, but they certainly are fun.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/www.lizaphoenix.com\/tiles\/\" rel=\"nofollow\" target=\"_blank\"\u003E\u003Cimg alt=\"patterns of change blogger backgrounds\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-loxLfubFAlk\/VAufZLvuRQI\/AAAAAAAAKfs\/nI4q8licW1w\/s1600\/patterns-of-change.png\" height=\"169\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Ch3\u003EHow to Add a Background Image using the Blogger Template Designer\u003C\/h3\u003EIf you have a background image that you want to upload, then follow these steps:\u003Cbr \/\u003E\u003Cbr \/\u003E1. Log into your \u003Ca href=\"https:\/\/www.blogger.com\/home\" rel=\"nofollow\" target=\"_blank\"\u003EBlogger account\u003C\/a\u003E and go to \"Template\", press the \"Customize\" button on the right side. Once the Blogger template designer has opened, you'll see the \u003Cb\u003EBackground\u003C\/b\u003E option on the left - click on it:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"change blogger background\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-9yF1zThGxyE\/VAy8F3iaF3I\/AAAAAAAAKiY\/W2ppxtB_41A\/s1600\/upload-background-image-on-blogger-template-designer.png\" height=\"201\" title=\"Where To Find Free Blogger Backgrounds and Textures 1\" width=\"610\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E2. Now click on the box below the \u003Cb\u003EBackground image\u003C\/b\u003E title and it will open a window from where we can select a default background image. On the upper left side of this window, click \u003Cb\u003EUpload Image\u003C\/b\u003E and select the image you would like to use from a location on your computer. \u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"upload background image\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-RitmsXF06nI\/VAy8lf7AbXI\/AAAAAAAAKik\/OcvdDaHxLDs\/s1600\/upload-background-image-on-blogger.png\" height=\"250\" title=\"Where To Find Free Blogger Backgrounds and Textures 2\" width=\"610\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003ENote that you should use a JPG, GIF, or PNG image that is no more than 300k in size. If your image is too large, then you can use the \u003Ca href=\"http:\/\/kraken.io\/\" rel=\"nofollow\" target=\"_blank\"\u003EKraken.io\u003C\/a\u003E image optimizer to \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/07\/blogger-seo-image-optimization.html\"\u003Emake the image file smaller\u003C\/a\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E3. After you've uploaded your image, click 'Done' and you'll be taken back to the background menu. Here you will see additional options like: \"Alignment\", \"Tile\" and \"Scroll with page\":\u003Cbr \/\u003E\u003Cul\u003E\u003Cli\u003E\u003Cb\u003EAlignment\u003C\/b\u003E: change the position of the background image to start either horizontal (left, center, right) or vertical (top and bottom);\u003C\/li\u003E\u003Cli\u003E\u003Cb\u003ETile (Repeat)\u003C\/b\u003E: if you want a small background image to fill the page, choose to repeat (tile) horizontally and\/or vertically.\u003C\/li\u003E\u003Cli\u003E\u003Cb\u003EScroll with page\u003C\/b\u003E: the box is checked by default, this means that the background scroll along with the page contents. If you want the background picture to not move as the page is scrolled and stay exactly where it is, uncheck this box.\u003C\/li\u003E\u003C\/ul\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"background image position\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-ky6dHvXaULg\/VAzA27jfYqI\/AAAAAAAAKiw\/42VxfI1V4vE\/s1600\/background-image-scroll-with-page-blogger.png\" height=\"250\" title=\"Where To Find Free Blogger Backgrounds and Textures 3\" width=\"510\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E4. For a background image with plain color in the middle for content, you might want to remove the main and header background. Navigate to \"Advanced\" \u0026gt; \"Backgrounds\" and type the word \"transparent\" inside the \"Main Background\" and \"Header Background\" box:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"change background color\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-Dl8pBYswf48\/VAzI15kjWSI\/AAAAAAAAKjA\/Myj4El5WusA\/s1600\/transparent-background-blogger-advanced.png\" height=\"250\" title=\"Where To Find Free Blogger Backgrounds and Textures 4\" width=\"510\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E5. If the background is smaller than the content area, we can fix this using CSS. Scroll down and click on the \u003Cb\u003EAdd CSS\u003C\/b\u003E option, then paste this CSS code inside the box:\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003Ebody {\u003Cbr \/\u003Ebackground-size: \u003Cspan style=\"color: red;\"\u003E200%\u003C\/span\u003E;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E.body-fauxcolumn-outer .cap-top {\u003Cbr \/\u003Ebackground: none;\u003Cbr \/\u003E}\u003C\/blockquote\u003ENote: to change the size of the background, modify the \u003Cspan style=\"color: red;\"\u003E200%\u003C\/span\u003E value in red.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"change background size\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-3I4-FKf1zBc\/VAzKUPYTpDI\/AAAAAAAAKjM\/b94f_FVGIEM\/s1600\/background-size-cover-blogger-designer.png\" height=\"250\" title=\"Where To Find Free Blogger Backgrounds and Textures 5\" width=\"510\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EOnce you're happy with the results, press the 'Apply to blog' button and enjoy the new background for your site.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003EHow to Change Background in a Custom Blogger Template\u003C\/h3\u003ESometimes the above options might not appear in some custom Blogger templates if the body.background variable hasn't been defined. In this case, we will need to access the HTML of the template:\u003Cbr \/\u003E\u003Cbr \/\u003E1. Go to \"Template\" and click the \"Edit HTML\" button, then click anywhere inside the code area. Press the CTRL + F keys to open the Blogger search box:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"blogger template html\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-pNjafQlLYFU\/U69TmT3-feI\/AAAAAAAAJZQ\/BRdO0NS6vvc\/s1600\/open-blogger-search-box-ctrl%2Bf.png\" height=\"215\" title=\"Where To Find Free Blogger Backgrounds and Textures 6\" width=\"505\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E2. Paste or type the following tag inside the search box and hit Enter to find it:\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/blockquote\u003E3. Immediately before the \u003Cspan style=\"background-color: yellow;\"\u003E]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/span\u003E tag, paste one of the following code snippets:\u003Cbr \/\u003E\u003Cbr \/\u003EFor a large background image:\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003Ebody {\u003Cbr \/\u003Ebackground-image: url(\u003Cspan style=\"color: blue;\"\u003EIMAGE-URL.png\u003C\/span\u003E) !important;\u003Cbr \/\u003Ebackground-repeat: \u003Cspan style=\"color: #6aa84f;\"\u003Eno-repeat\u003C\/span\u003E;\u003Cbr \/\u003Ebackground-position: center top; \u003Cbr \/\u003Ebackground-attachment: fixed;\u003Cbr \/\u003Ebackground-size: \u003Cspan style=\"color: red;\"\u003E100%\u003C\/span\u003E; \u003Cbr \/\u003E}\u003C\/blockquote\u003ENote: the \u003Cspan style=\"color: #6aa84f;\"\u003Eno-repeat\u003C\/span\u003E value prevents the image from repeating either vertically or  horizontally. Use \u003Cspan style=\"color: #6aa84f;\"\u003Ebackground-repeat: repeat-y\u003C\/span\u003E if you'd like the image to repeat vertically, or \u003Cspan style=\"color: #6aa84f;\"\u003Ebackground-repeat: repeat-x\u003C\/span\u003E if you want it to repeat only horizontally. To increase the size of the background, change the \u003Cspan style=\"color: red;\"\u003E100%\u003C\/span\u003E value.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"adding background in blogger\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-gJe2pMBP4Wo\/VA0awXLD5YI\/AAAAAAAAKjc\/2wus1AlBWnE\/s1600\/add-background-to-blogger-body.png\" height=\"250\" title=\"Where To Find Free Blogger Backgrounds and Textures 7\" width=\"605\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EIf using a repeating pattern, add this CSS code instead:\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003Ebody {\u003Cbr \/\u003Ebackground-image: url(\u003Cspan style=\"color: blue;\"\u003EIMAGE-URL.png\u003C\/span\u003E) !important;\u003Cbr \/\u003Ebackground-repeat: repeat;\u003Cbr \/\u003Ebackground-position: center top; \u003Cbr \/\u003Ebackground-attachment: fixed;\u003Cbr \/\u003E}\u003C\/blockquote\u003E4. Open a new tab and upload your background image to Blogger or an image hosting site, and copy the URL of your hosted image to your clipboard. If you don't know how to do it, please take a look at \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2013\/09\/upload-images-and-get-url-of-image.html\"\u003Ethis tutorial\u003C\/a\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003EAfter you copied it, replace the text highlighted in blue from above with your image url.\u003Cbr \/\u003E\u003Cbr \/\u003E5. Finally, Preview the template to ensure that the background image appears as you want, and press the \"Save template\" button to save your changes. That's it!\u003Cbr \/\u003E\u003Cbr \/\u003EUsing the 8 sites listed above, you have a wide range to choose from when creating a site that really represents you. Given the right tools, designing you blog can be a fun hobby to enjoy that can spark your creativity and improve the quality of your writing. With such a large selection, the hardest part of setting up your new theme will be finding which one you like best."},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/5227752940803414022\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2014\/09\/where-to-find-free-blogger-backgrounds-textures.html#comment-form","title":"4 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/5227752940803414022"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/5227752940803414022"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2014\/09\/where-to-find-free-blogger-backgrounds-textures.html","title":"Where To Find Free Blogger Backgrounds and Textures"}],"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\/-T2QLXom-_qw\/VAuIM4ErkdI\/AAAAAAAAKeI\/T-XAGpleres\/s72-c\/free-blogger-backgrounds-3.png","height":"72","width":"72"},"thr$total":{"$t":"4"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-5149825099372424740"},"published":{"$t":"2014-09-04T14:53:00.001-07:00"},"updated":{"$t":"2020-04-17T23:12:29.913-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"css"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"},{"scheme":"http://www.blogger.com/atom/ns#","term":"javascript"}],"title":{"type":"text","$t":"How To Host Blogger CSS and JavaScript Files in Google Drive"},"content":{"type":"html","$t":"Anyone that has ever worked on a web design or development can tell you that where you decide to store your files is important. Every time someone visits your site, the server or host will access this location and bring up the relevant files that need to be displayed. Wherever you decide to store your files, this will have an impact on some important aspects like the speed that your site loads, your overall SEO ranking and your ability to make necessary adjustments to the site.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3\u003EThings To Think About\u003C\/h3\u003EWhen you are designing your online structure and where to store your important CSS and JavaScript files, here is a run down on how this decision might impact your site later on:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003ESite Loading Speed\u003C\/h4\u003EBy combining some of the style sheets and website files, the Blogger server only has to collect information from a single location. When you split up your files or decentralize the file system, it takes a longer time for all the data to come together to make your site possible.\u003Cbr \/\u003E\u003Cbr \/\u003ESlow loading speeds can negatively impact your SEO ratings because the slower the site is, the less likely that visitors are going to wait around for it to load. If someone visits your site and immediately clicks the 'back' button because it's taking too long to load, that is going to increase your bounce rate and provide Google with statistics that show your site is either low quality or irrelevant to the search keywords.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003EFile Storage Affects SEO\u003C\/h4\u003EIn addition to increasing your bounce rate, storing your files in a central location and managing the name of your files can affect SEO site wide. Web crawlers enlisted by Google, or some of the other search engines, index both the code on your site, and the name and directory of your files. If file names are random or not placed in the proper categories, the web crawlers aren't going to know what to do with the information.\u003Cbr \/\u003E\u003Cbr \/\u003EClear file structure and a central location provide you with incentive to organize everything and name them appropriately. All the content that is relevant to the subject of your website or blog will be in the same location for web crawlers to review.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003EStorage Locations Affect Editing Abilities\u003C\/h4\u003EShuffling through files and folders or opening up FTP connections just to make some simple edits can be a hassle, and take up a lot of time that could have otherwise have been spent writing new content.\u003Cbr \/\u003E\u003Cbr \/\u003EIf you're a Blogger site owner, this is something you need to think about. When you need to make alterations to things like social media sharing buttons, popular posts, recent posts and related posts widgets, you have to know where everything is intended to go, or risk losing both available content and money.\u003Cbr \/\u003E\u003Cbr \/\u003ESome of the larger sites that produce hundreds of unique articles each month can't afford to have content in different locations. When articles start to get lost out of order, they run the risk of duplicating content on their site, or forgetting to post it altogether. Things should be right at your fingertips to minimize mistakes and reduce the amount of time spent editing the site while it's still live.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch2\u003EStoring Javascript\/CSS Files With Google Drive\u003C\/h2\u003EStoring Blogger CSS and JavaScript files with Google Drive will help to eliminate any of the problems mentioned above and reduce the clutter among your services. Taking this method can increase your site speed, increase the opportunities for a successful SEO campaign, and make your life so much easier.\u003Cbr \/\u003E\u003Cbr \/\u003EGoogle Drive provides ample amount of space to store large files, and offers collaboration services so that you can work among different team members on the same project. Some of the files that you upload into the cloud services can remain unpublished and stay within the private site, whereas other files like blog posts can be published or stored to the public site.\u003Cbr \/\u003E\u003Cbr \/\u003EAnother beneficial feature of storing all your Blogger files on Google Drive is that it is highly secure. Google comes with the backing of one of the leading companies in the technical world so that you can be sure your content is safe from hackers and those looking to compromise your site.\u003Cbr \/\u003E\u003Cbr \/\u003EThis guide will provide you with step-by-step instructions on how to setup your Blogger site using Google Drive. It's completely free to take advantage of this strategy, and will provide you with a solid platform from which to build your blog.\u003Cbr \/\u003E\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"host blogger css javascript files\" src=\"https:\/\/3.bp.blogspot.com\/-kAFNBEUryIY\/XpqaFIwPWrI\/AAAAAAAAMSs\/o5Xpa-hRV9YvfgOfr6ipSrY0NgxN7iMuACLcBGAsYHQ\/s1600\/host-blogger-javascript-css-files-externally-using-google-drive.png\" title=\"How To Host Blogger CSS and JavaScript Files in Google Drive\"\/\u003E\u003C\/div\u003E\u003Ch3\u003EStep 1. Prepare the CSS\/JavaScript Files\u003C\/h3\u003E\u003Cul\u003E\u003Cli\u003EFirst, we need to create the file that we need to host. To host a CSS file, open the Notepad and paste the CSS code (if it is enclosed within the \u0026lt;style\u0026gt; and \u0026lt;\/style\u0026gt; tags, remove them).\u0026nbsp;\u003C\/li\u003E\u003C\/ul\u003E\u003Cul\u003E\u003Cli\u003EIn the Notepad menu, select 'File' \u0026gt; 'Save as' and type the file name with the \u003Cspan style=\"background-color: yellow;\"\u003E.css\u003C\/span\u003E extension just like I did with mycssfile.css - see the screenshot below.\u003C\/li\u003E\u003C\/ul\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"create a css file\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-5bnFTLpOjCI\/VAjnV1OPMOI\/AAAAAAAAKcQ\/QlC0i_S14S8\/s640\/create-a-css-style-sheet-file.png\" title=\"How To Host Blogger CSS and JavaScript Files in Google Drive 1\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cul\u003E\u003Cli\u003EIn the same window, choose \"All files\" in the \"Save as type\" option and set the Character Encoding to UTF-8.\u003C\/li\u003E\u003C\/ul\u003E\u003Cul\u003E\u003Cli\u003EIf you want to host a JavaScript file, add the \u003Cspan style=\"background-color: yellow;\"\u003E.js\u003C\/span\u003E extension (instead of .css) at the end of your file name (remove the \u0026lt;script\u0026gt;...\u0026lt;\/script\u0026gt; tags if you see them). Click \"Save\" and navigate to the location where you want to save the file.\u003C\/li\u003E\u003C\/ul\u003E\u003Ch3\u003EStep 2. Upload Your File on Google Drive\u003C\/h3\u003E\u003Cul\u003E\u003Cli\u003EAccess \u003Ca href=\"https:\/\/drive.google.com\/\" rel=\"nofollow\" target=\"_blank\"\u003Ehttps:\/\/drive.google.com\u003C\/a\u003E and log in with your Gmail account. After you logged in, click on the 'Create' button and add a new separate folder to upload your JavaScript and CSS files.\u003C\/li\u003E\u003C\/ul\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"create folder in Google drive\" border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-Alf-nPMtSMw\/VAim9yg1obI\/AAAAAAAAKaE\/ShckUlaFN2g\/s1600\/google-drive-create-folder.png\" height=\"326\" title=\"How To Host Blogger CSS and JavaScript Files in Google Drive 2\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cul\u003E\u003Cli\u003EOpen the newly created folder, and click on the Upload button with the upward arrow to choose the files that you need to upload. \u003C\/li\u003E\u003C\/ul\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"upload files using google drive\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-XH5NYjJ9qyw\/VAitwsCBmhI\/AAAAAAAAKaU\/U-owJwkSFW0\/s1600\/upload-css-javascript-files-using-google-drive.png\" height=\"396\" title=\"How To Host Blogger CSS and JavaScript Files in Google Drive 3\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cul\u003E\u003Cli\u003ENow, navigate to the location where you saved the files, select them (to select multiple files, press and hold down the Ctrl key on your keyboard and then click on them) and press the Open button.\u003C\/li\u003E\u003C\/ul\u003E\u003Cul\u003E\u003Cli\u003EAfter the files have been successfully uploaded, right click on the file names (to select all your files in the folder, click on the checkbox) and select 'Share': \u003C\/li\u003E\u003C\/ul\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"share google drive files\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-by9gdkGX2n0\/VAjBxZer-kI\/AAAAAAAAKbI\/bDQmai75aec\/s1600\/share-google-drive-css-javascript-files.png\" height=\"366\" title=\"How To Host Blogger CSS and JavaScript Files in Google Drive 4\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cul\u003E\u003Cli\u003EIn the 'Sharing settings' window, click on the 'Change' link and choose the 'Public on the web' option. Press 'Save' and copy the link(s) of your uploaded file(s) from the 'Links to share' box highlighted in blue, then paste it into a Notepad to use it later.\u003C\/li\u003E\u003C\/ul\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"javascript css file sharing\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-hKcrHYThraI\/VAjAjfkHF5I\/AAAAAAAAKbA\/qQswOzga2Qw\/s1600\/google-drive-link-sharing-public-on-the-web.png\" height=\"422\" title=\"How To Host Blogger CSS and JavaScript Files in Google Drive 5\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Ch3\u003EStep 3. How to Add an External CSS\/JavaScript file to Blogger\u003C\/h3\u003EBefore you can use the links, you must replace '\u003Cb\u003Ehttps:\/\/drive.google.com\/file\/d\u003C\/b\u003E' to '\u003Cb\u003Ehttps:\/\/googledrive.com\/host\u003C\/b\u003E' and remove '\u003Cb\u003E\/edit?usp=sharing\u003C\/b\u003E' in the link.\u003Cbr \/\u003E\u003Cbr \/\u003EFor example, the link to mycssfile.css that I copied looks like this:\u003Cbr \/\u003E\u003Cblockquote\u003Ehttps:\/\/drive.google.com\/file\/d\/\u003Cspan style=\"color: blue;\"\u003E0B4n9GL3eVuV-TkphMkc3SFR2Slk\u003C\/span\u003E\/edit?usp=sharing\u003C\/blockquote\u003ENotice the part in blue after the \"\/file\/d\/\" part. That is the file ID which is used to access it via the new hosting service. It should start with the following URL:\u003Cbr \/\u003E\u003Cblockquote\u003Ehttps:\/\/googledrive.com\/host\/\u003C\/blockquote\u003EAdd the file ID like this (remove the '\u003Cspan style=\"color: blue;\"\u003E\u003C\/span\u003E\/edit?usp=sharing' part):\u003Cbr \/\u003E\u003Cblockquote\u003Ehttps:\/\/googledrive.com\/host\/\u003Cspan style=\"color: blue;\"\u003E0B4n9GL3eVuV-TkphMkc3SFR2Slk\u003C\/span\u003E\u003C\/blockquote\u003ENow log into your Blogger account, select your blog and go to Template \u0026gt; Edit HTML. 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 alt=\"open blogger search box\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-pNjafQlLYFU\/U69TmT3-feI\/AAAAAAAAJZQ\/BRdO0NS6vvc\/s1600\/open-blogger-search-box-ctrl%2Bf.png\" height=\"246\" title=\"How To Host Blogger CSS and JavaScript Files in Google Drive 6\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EIf you want to add a CSS file, type the following tag inside the search box and hit Enter to find it:\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;head\u0026gt;\u003C\/blockquote\u003EJust BELOW the \u0026lt;head\u0026gt; tag, add this line:\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"\u003Cspan style=\"color: blue;\"\u003Ehttps:\/\/googledrive.com\/host\/0B4n9GL3eVuV-TkphMkc3SFR2Slk\u003C\/span\u003E\" \/\u0026gt;\u003C\/blockquote\u003EAnd replace \u003Cspan style=\"color: blue;\"\u003Ehttps:\/\/googledrive.com\/host\/0B4n9GL3eVuV-TkphMkc3SFR2Slk\u003C\/span\u003E with the link of your CSS file:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"add external css to blogger\" border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-koIriKPhTw0\/VAjSDH-kRwI\/AAAAAAAAKbo\/MiCnwqDc780\/s1600\/add-external-css-style-sheet-file-to-blogger.png\" height=\"254\" title=\"How To Host Blogger CSS and JavaScript Files in Google Drive 7\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EIf you want to add a Javascript file, search for the following tag:\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;\/body\u0026gt;\u003C\/blockquote\u003EAnd add this line just ABOVE it:\u003Cbr \/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;script src='\u003Cspan style=\"color: blue;\"\u003Ehttps:\/\/googledrive.com\/host\/0B4n9GL3eVuV-eVYwLXBrTlZrVDg\u003C\/span\u003E' type='text\/javascript'\u0026gt;\u0026lt;\/script\u0026gt;\u003C\/blockquote\u003EReplace the line in blue with your URL:\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"add external javascript js to blogger\" border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-K9qzNXy0VXQ\/VAjS9XPsbvI\/AAAAAAAAKbw\/R-XytJ2UoDA\/s1600\/add-javascript-file-to-blogger-template.png\" height=\"248\" title=\"How To Host Blogger CSS and JavaScript Files in Google Drive 8\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003EFinally, press the 'Save template' button to save the changes. And you're done!\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003EIn Conclusion\u003C\/h4\u003EOnce you have saved all your file folders and closed out of the drive, open your site in a browser and make sure that all the changes have completed successfully.\u003Cbr \/\u003E\u003Cbr \/\u003ENext time you want to edit any of the information or move internal files, all you have to do is open up the Google Drive folder on your account and make the modifications from that location. Those files will then automatically sync to the online folder and make updates to your site. This works the same if you want to change the appearance by modifying the CSS code to extend the header, footer, or make customizations.\u003Cbr \/\u003E\u003Cbr \/\u003EAs you can see, changing your file storage out so that is CSS and JavaScript is stored on your Google Drive account is easy to do and only takes a few minutes. After you make the change, you can begin benefiting from faster loading speeds, higher SEO rankings, and overall a more convenient platform to work from to increase the efficiency of your work."},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/5149825099372424740\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2014\/09\/host-blogger-css-javascript-files-in-google-drive.html#comment-form","title":"10 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/5149825099372424740"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/5149825099372424740"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2014\/09\/host-blogger-css-javascript-files-in-google-drive.html","title":"How To Host Blogger CSS and JavaScript Files in Google Drive"}],"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\/-kAFNBEUryIY\/XpqaFIwPWrI\/AAAAAAAAMSs\/o5Xpa-hRV9YvfgOfr6ipSrY0NgxN7iMuACLcBGAsYHQ\/s72-c\/host-blogger-javascript-css-files-externally-using-google-drive.png","height":"72","width":"72"},"thr$total":{"$t":"10"}}]}});