Southern Listeners

Loading
Thanks to Greenlava for this cool gadget. Get yours here

Sunday, November 4, 2012

Changing Blogger's Default Homepage


The very first tutorial published in this blog was a walkthrough on how you can set-up a welcome screen in your blog, so that you won't be presented with Blogger's default homepage. I thought it's about time to update the old walkthrough, as an easier way to set-up a custom landing page is now available to us. Basically, this walkthrough is gonna teach you how you can set a custom page to be the first page that your readers will be seeing upon visiting your blog (from hereon referred to as 'new landing page'). This can be useful if you want to include some sort of welcome screen, content warning, or whatever tickles your fancy. And yes, it works on non-dynamic as well as dynamic view templates!


Click here for a video tutorial!

Note: In the walkthrough below, I will change my default landing page to a custom welcome screen. It is not a must to use a static page as your custom landing page. You can use any page in your blog for this purpose.

Step 1:

It is important that you have a Pages gadget in your blog so that you readers can navigate from your new landing page to your blog posts. If you don't already have one, add it by going to Dashboard - Pages - Show pages as - Top tabs.


Step 2:

Go to Dashboard - Pages - New Page - Web Address Dashboard - Layout - Pages - Edit -  Add external link. Use 'Blog' as its title. As for the URL, use your current URL, with a suffix of '/search' at the back.. For example, if my blog's address is:
http://testblog13yoboy.blogspot.com
..in the URL field, I'd enter:
http://testblog13yoboy.blogspot.com/search

Just FYI: You might be wondering why this step is necessary. Here's why. Though you can easily change the default landing page, it is important that sufficient measures are taken to ensure your readers have the options to view your blog posts. Otherwise, your readers will only see your new landing page + your pages links, and no way to view your blog posts..

Step 3:

You don't have to create a new page to serve as a landing page. You can use any page/post in your blog and set it as your new landing page. But if you haven't created a custom landing page for your blog, this will be a good time to do so. Under Dashboard - Pages, create a new static page by clicking on New Page - Blank Page. Design the page as you like. You might want to leave a link to your blog posts by entering a text that says 'Click here to continue' or something to that effect. Link it to the URL that you've used in Step 2.. Publish your new landing page when when you're done composing.


Step 4:

You need to note down your new landing page's URL before proceeding to Step 5. Just view the page that you've created from Step 3 in a browser and note it's URL, by going to Dashboard - Pages - Click 'View' on your new landing page. This is the URL of my new landing page:
http://testblog13yoboy.blogspot.com/p/welcome.html
You only gonna need the part after the .com for the next step. This is the portion that I'm referring to.
/p/welcome.html

Step 5:

Go to Dashboard - Settings - Search Preferences - Errors and redirections - Custom Redirects - Edit, and use the settings below:
  • In the 'Form' field, insert a forward slash /
  • In the 'To' field, insert the part that you've gotten from Step 4
  • Check the box that says 'Permanent' next to it.
  • Click 'Save' (the blue link)
  • Click on 'Save Changes' (the Orange button)


Extras:

1) In your pages menu, you'd probably have 'Home', 'Blog' and the link to your new landing page (in my example, I named it 'Welcome'). Now, you'd notice that the 'Home' link and 'Welcome' link serve the same purpose. You might wanna remove one of these links by going to Dashboard - Layout - Pages - Edit - Uncheck either the 'Home' box or the box next to your new landing page.


2) Since your landing page is probably gonna be a static or post page, you'll see your comment box on the very front page itself. You can turn this off by editing your landing page, and on the right-side column - Page Settings - Options - Reader comments - choose 'Don't allow, hide existing'. Click 'Done' and 'Update' when you're done.



3) Having sidebar(s) on your welcome page might not be desirable, especially when you could use the space to widen your new landing page. Click here to check out a tutorial on how you can remove sidebar(s) and maximize width on selected page(s).

269 comments:

  1. I just want say... WOW!!!

    I never think lik that... so wonderful

    Thanks for shared it :)

    Regards, ArtOfBlogger.blogspot.com

    ReplyDelete
    Replies
    1. No problem bro.. We learn new things when we share what we have :)

      Cheers!

      Delete
  2. hello! Huge fan of your web miracles! :)

    So I am using Blogger Dynamic (Magazine) for my blog. It originally offered a font named "Syncopate" as an option, and I liked it a lot. I wanted a bolder version of it just for the Header Page Tabs (Home, About me, etc), but not for the rest of the blog. I used the google web font "Syncopate," which was much bolder than the original one offered on blogger. I added it's code to the CSS option in advanced settings, but now it wont let me choose the thinner version anymore. It only offers the bold one. I tried to undo it to get back to the "thin" version of Syncopate, but I can't find a way.

    This is what the thin version looks like: http://www.ffonts.net/Syncopate-Regular.font
    This is what the new, bold version looks like: http://www.google.com/webfonts/specimen/Syncopate


    My Blog: www.ashleymarv.blogspot.com

    ReplyDelete
    Replies
    1. Hi Ashley,

      Looks like we're gonna have to do a differential diagnosis, to restore your font to its original state. Here's what you can do:

      1) Remove the CSS in your 'Add CSS' box.
      2) If you've added a line to your 'Edit HTML' in the process of adding the Google Web Font, remove it as well.
      3) Create a dummy blog, and choose the Syncopate font there.

      Get back to me once you get these steps done. If we can get the Syncopate font in an untempered blog, I can compare what's making it look different in your current blog (with current tweaks removed)..

      Cheers :)

      Delete
  3. Hi yoga I just want to know, it is effect the seo ?

    ReplyDelete
    Replies
    1. Hi there,

      I'm not an expert in SEO, but when it comes to blog, one should be more concerned about their post-pages than their homepage. In fact, usually, a blog's homepage is the least-optimised page in a blog. That said, I recommend you to take this further with an expert to get an accurate response :)

      Cheers!

      Delete
  4. Hello!
    I Would like to remove the border/shadow from the Classic DV template.

    Is this possible?

    ReplyDelete
    Replies
    1. Yeap, possible. But it'd be better if I could have a look at your blog first so that I could suggest an accurate answer. What's your blog's address?

      Cheers and God bless :)

      Delete
    2. http://cheeseledger.blogspot.com/

      I want everything/background to be white - the border kinda kills everything.

      Delete
    3. Rightt, that border.. Here, add this to your 'Add CSS' box:

      li.item{
      border: 0px !important;
      }

      Cheers :)

      Delete
  5. Disclaimer: I sell stuff on my blog, however, this is a serious inquiry.

    I want to make the Classic DV theme the only theme that visitors can use. And I would like to have a divider between all my links on the tab. same as the one that divides the theme tabs from the rest.

    http://punchprinting.blogspot.com/

    ReplyDelete
    Replies
    1. Hi there,

      Sorry for the late reply. To disable all other views, see the following link:

      http://www.southernspeakers.net/2011/09/disable-certain-dynamic-views-in.html

      And to add divider between your links, add the following code to your 'Add CSS' box:


      #header #pages:before{
      border-left: 0px !important;
      }
      #header .tabs li, .ss{
      margin-left:0px !important;
      padding-left: 10px !important;
      padding-right: 5px !important;
      border-left: 1px solid white;
      }

      Cheers :)

      Delete
  6. Hey there,

    Ive been reading your blog and its very good! I am currently trying to get a static sidebar so that it doesn't move as you scroll. I came across a reply you had previously done:

    https://productforums.google.com/forum/?fromgroups#!topic/blogger/D6FBC3Ho8is

    However, when adding this to my template, nothing happens.

    Help appreciated

    Cheers

    ReplyDelete
    Replies
    1. Hi there,

      The code in the forum is a personalised one. It really boils down to the kind of template you're using. Let's have a look at your template. What's your blog's address?

      Cheers and God bless :)

      Delete
    2. Hey there,

      Your sidebar is not a separate entity from the rest of your blog (your pages gadget and header extends above your sidebar). This isn't gonna look nice. If you refer back to the blog in the help link you've provided above, her sidebar isn't attached to any part of her blog, which made the job easier. Anyways, you can still proceed and see how it looks for yourself. Add this to your 'Add CSS' box:

      .main-inner .column-right-outer {
      left: 820px !important;
      position: fixed !important;
      }

      Hope this helps. Cheers :)

      Delete
  7. I added the code but nothing happened . I added it above the ]] section in the HTMl and also in the CSS

    ReplyDelete
    Replies
    1. I can't find the code anywhere in your blog. Use the 'Add CSS' box to add this code. Don't attempt to add it directly in your 'Edit HTML' box. Once saved, close your browser and go back to your 'Add CSS' box to make sure that the code is still there. Some browsers do a poor job in keeping the code there.

      Delete
  8. done but still odd

    ReplyDelete
    Replies
    1. Your code didn't get saved, just as before. If you go to your 'Add CSS' now, you wont see the code that you've entered. Try using different browser, or try pressing enter after the last line of the code. Make sure the code is there when you view the 'Add CSS' box after restarting your browser.

      Delete
  9. Aha, I see what you mean..

    Never mind but thanks for the help anyway.

    ReplyDelete
  10. It works. But I want to know that if all posts are displayed in /search. The bottom button never shows older posts. It keeps showing 'HOme' and 'Newer post'

    ReplyDelete
    Replies
    1. It should show by default, except in certain circumstances when there is no older posts, or if the link itself has been disabled. Let's have a look at your blog. What's your blog's address?

      Cheers :)

      Delete
    2. http://getsentertainment.blogspot.com

      I have never disable it though.The 'newer post' keeps showing and the will be no 'older post'.

      Delete
    3. It seems like the last post in your index page (the post titled 'About v1.0') is the last post in your blog. Which is why you aren't seeing the older-post link (since there isn't any older post than your last post). Alternatively, you could alter the URL to choose the number of posts to be displayed (so that the 'older-post' link would have appear).. This URL for example, will only show two of your posts: http://getsentertainment.blogspot.com/search?max-results=2

      Hope this helps. Cheers :)

      Delete
    4. Thanks , it works but can I remove 'newer posts' only in "/search?max-results=2" ?. I do not want to remove it in other page.

      Thanks for helping.

      Delete
    5. Try this. Go to Dashboard - Template - Backup/Restore - Download Full Template - Close - Edit HTML - Proceed - Find for </b:skin> - Paste the following directly below </b:skin>

      <b:if cond='data:blog.url == "http://getsentertainment.blogspot.com/search?max-results=5"'>
      <style>
      #blog-pager-newer-link{
      display: none !important;
      }
      </style>
      </b:if>

      Cheers :)

      Delete
  11. Hi again :)

    I've tested out the fixed sidebar and it actually looks decent. The problem I am having is that as you scroll down the white space that was previously occupied by the header remains. Is there any way to remove this? I currently don't have the fixed sidebar on because of this.

    Thanks

    ReplyDelete
    Replies
    1. Hi there,

      Yes there is a way to remove it. But before I go on, let me suggest to you a template with sidebar separated from the rest of the blog will be much easier to work with, compared to the method that I'm gonna suggest.

      So, to remove the white space, you're gonna leave the comfort of simple-tweaking and enter the world of madness - that's when jQuery comes in. Bigspotteddog has created an awesome widget that could achieve what you're looking for, and it's called ScrolltoFixed (google it). This could simplify your task and you won't have to start from scratch. Unfortunately, this isn't something that I could help out as this is a major blog integration. Took me weeks when I tried to successfully install this widget the last time I tried. But there's the only way you could do this.

      Hope this helps. All the best :)

      Delete
  12. hi there!
    thanks for the tutorial! i tried it on my webstore, www.lovefiiefiie.com (on blogspot), it worked perfectly, the only downside is that it doesnt appear as that when viewed on a iphone. I had tried turning off the mobile view, but yet i i still view it as the original dynamic. with lots of lots of long posts.
    i hope you get what i mean! Thank you!

    ReplyDelete
    Replies
    1. Hi fiiefiie,

      It seems like the custom redirect isnt working with mobile view. I've taken this up with Blogger, but I havent got a reply.

      Cheers.

      Delete
  13. Is there a way for the custom redirect to be the same when accessed on a mobile device? On mobile devices I am redirected to /?m=1 and that isn't what I want. I'd like it to go to the same redirect it does on the computer. Help please?

    ReplyDelete
    Replies
    1. Hi there,

      I've informed Blogger about this, but it doesn't look like they're gonna do anything to enable custom redirect in mobile view.

      Delete
    2. Hello,

      I'm just curious to know if there has been any updates/solutions to the problem of not being able to redirect to the landing page in mobile view. Thanks!

      Delete
    3. Hi Yums,

      Nothing so far. But do note that I'm intending to direct your query to the Blogger team when I meet them next month for Blogger's TC Summit. Thanks for reminding me :)

      Delete
    4. same problem here. Your tutorial is awesome! :) I like my own welcome page to be displayed first. And I really happy when it works as you said. But then someone told me about the device problem. My website was just totally can't be displayed on mobile device :( So I changed it back to default now. Hope Blogger will fix this..

      Delete
  14. Hi Yoga,

    Love your site!! I have used it several times for various different things. I used this tutorial to have my blog be redirected to a welcome page but had a bit of a hiccup and now can't fix it. The blog opens up to my welcome page no problem but now whenever I click on the blog tab it continues to just redirect to the welcome page. Therefore, no one is able to view my blog updates. Any suggestions? Thank you so much!!

    ReplyDelete
    Replies
    1. Hi Ruff,

      Something must have gone wrong in step 2. I've seen your blog, and in your menu bar, the second link says 'Blog', and it points to http://ruffguides.blogspot.com . To avoid link-looping, it should be pointing to http://ruffguides.blogspot.com/search

      In fact, after the mod, http://ruffguides.blogspot.com will be pointing to your welcome page alone, and http://ruffguides.blogspot.com/search will be pointing to your actual blog posts.

      Hope this helps. Let me know how it goes.
      Cheers :)

      Delete
  15. This was so helpful. Thank you so much!

    ReplyDelete
  16. Hi Yoga!

    This tutorial is great!! I had done the old tutorial on Setting up Homepage a year back on my blog and I'm wondering if there are any steps to undo if I want to use this one instead? I had to add a html widget, hide a page, change alot of stuff in the edit html etc.. and I'm not good in coding either.

    Any suggestions?

    Thank you so much!
    Cheers!

    ReplyDelete
    Replies
    1. Hi Wei Ming,

      Here's the link to the old tutorial:

      http://www.southernspeakers.net/2010/10/blogger-tips-setting-up-homepage_6156.html

      Simply delete whatever you've added and you're good to go :) If you've restructured your pages gadget back then (the option to add external links in pages gadget is fairly new), just delete the gadget from your Layout page and re-add it.

      Let me know if you need any assistance. Cheers :)

      Delete
    2. Hi Yoga,

      I managed to get everything done, but now for some reason I unable to change my blog's background image. Did I do something wrong?

      website url: dashming.blogspot.com

      Delete
    3. Hi Wei Ming,

      What happens exactly when you try to change your background? Could you also try changing some other attributes in your template (post title font, link color, etc) to see if your Template Designer is still fully functional?

      Delete
  17. Hi Yoga,

    The image of the background I want to use appears in the thumbnail, but the blog remains in the previous background colour even after I apply it.

    The Adjust width function works, but the rest of the other attributes don't work at all. Woah, did I do something wrong?

    ReplyDelete
    Replies
    1. Hi Wei Ming,

      The template designer is broken for some users for some time now. Some affected users have reported success with Internet Explorer. Could you give IE a try?

      Delete
  18. Thank you so much - Really makes the dynamic view work!

    ReplyDelete
  19. yoga i need your help plzz help me how i add pages like when user take mouse on page it will give more option plzzz

    ReplyDelete
    Replies
    1. You're essentially looking for a 'drop-down menu'. There are plenty of tutorials around that could help you to achieve what you're looking for. I can't single out a particular site over the others, as each tutorial could yield a different result, and ultimately, you're gonna have to be the judge. Here's what I suggest. Set up a test blog, and make it look as much like your current blog. Then, google search for 'Blogger drop down menu' or 'Blogger CSS drop down menu' or 'Blogger multi level drop down menu', and give some of the tutorials a try.

      Delete
  20. This site is extremely cool! Not like other wannabe tutorials!
    Thaks!!!!

    ReplyDelete
  21. sir m ny new blog per apni site bnai hy mjy site bnany ka bht shoq hy lkn koi mjy skhany wala nai hy kakaisy bnani hy koi cheez kaisy remove karni hyap mjy guide kar dia karo pleas
    www.jymshaid.blogspot.com
    is m jo front page per dby bny hain jin ka rang black hy in ko kaisy remove karty hain

    ReplyDelete
    Replies
    1. I'm sorry I don't speak this language. Could you use google translate or something and translate it for me?

      Delete
  22. Replies
    1. Yoga check out my blogger to see did i followed your steps correctly http://howtogetmoney101.blogspot.com

      Delete
  23. Great post! Got my welcome screen set up and am clicking on to learn how to hid the side columns.

    ReplyDelete
  24. i want to remove READ MORE button and display full posts in all pages.....? is it possiable

    ReplyDelete
  25. i need posts like this http://muraliartistkit.blogspot.in/ (full length post with out readmore option)

    ReplyDelete
    Replies
    1. I'm not quite following. The link in your comment above isn't working.

      Delete
  26. he must mean removing read more button to get full view of a post.
    mostly if read more button is activated, link within it will be just shown as text
    which is if read more button cant be removed, it will just redirect to the same page

    like this one
    http://theallaboutcoffee.blogspot.com/p/welcome_11.html

    ReplyDelete
    Replies
    1. If the 'Read More' feature is there, it must be a custom template, or the user might have added the script manually. In any case, disabling the feature, that is by removing the script, could help. Do you wanna remove the script from your template? I'm gonna have to look at your source to find the script if I were to suggest anything.

      Cheers :)

      Delete
  27. Great How-To, but it got me thinking- If I instead wanted my Blogger based Blog to link to another site, say a Wordpress Blog, how could I do that? Just wondering because I heard that Blogger is far from ideal and if I wanted to switch services without alienating my readers, I'd have no clue how.

    Thanks for the Tutorial though. Definitely considering using it.

    ReplyDelete
    Replies
    1. The built-in redirection feature in Blogger can only be used for pages within the same blog. If you wanna redirect your readers to a new domain, I think the best way would be to setup redirection at your domain name provider. You can't do it within Blogger alone, unless if you wanna setup a link in your from page stating that you've moved to a new domain (which means the redirection will not be automatic, and it depends on your readers if they wanna proceed or not).

      Delete
  28. Hi Yoga,
    I can't change the 'show page as' to 'top tabs' (step 1).Any reasons ?
    Best regards,(techtocore.blogspot.com)

    ReplyDelete
    Replies
    1. Hi Akash,

      You're using a Dynamic View template. Your pages gadget is already shown as 'top tabs' by default. You can skip this step.

      Delete
  29. Hi,

    Thank you for your solution!May I ask how I can remove the name "blog" from my pages?

    www.sookfunchen.com

    Thank you.

    ReplyDelete
    Replies
    1. Hi SookFun Chen,

      Go to Dashboard - Layout - Pages - Edit. You should be able to remove the 'Blog' link by unchecking the box. You could also rename it to something else, as you like.

      Cheers and God bless :)

      Delete
  30. WOW, its working. Now I am facing another problem how to go back home page? my blog is www.cktinfo.blogspot.com . Waiting for your reply.

    ReplyDelete
  31. Help!!! I did this but i tried putting the end of the web address in for the from section coz it didnt work. Now my blog has turned into a white screen and i have no way of changing it back coz i cant get on!

    ReplyDelete
    Replies
    1. What is your blog's address? And where exactly is this 'from section' that you're referring to? Have you tried reversing the steps?

      Delete
  32. Thank you very much! It helped me.

    ReplyDelete
  33. how to remove default homepage in my blogspot site.

    Pages Show pages as [Don't show] yet show Home option.
    Need your help plz

    ReplyDelete
  34. Thanks a million Yoga for your cool tweaks. By the way, my blog (techtocore.blogspot.com)seems to load slower than before. Any reasons ??
    best regards
    Akash

    ReplyDelete
    Replies
    1. Hi Akash,

      It is known that Dynamic View templates choke up a little bit more bandwidth than the regular templates. This native nature, coupled with increasing number of customisation, could be the reason why you're reaslising a slowing speed in your page load.

      Delete
  35. Superb tips for this, I don't know why blogger make it so complex! Thank you. (Took me a few mins but your instructions helped all the way!)

    ReplyDelete
    Replies
    1. Appreciate the kind words, means alot, thanks! :)

      Delete
  36. You have awesome tutorials and service, Yoga.

    Two quick Q's:

    1. How can I remove date ribbons from all magazine views?

    2. How can I make this address be my home page?
    http://www.robbmontgomery.com/search/label/promo

    http://www.robbmontgomery.com




    Here is my current CSS code for modding the magazine view


    #views{
    display: none !important;
    }
    #header #pages, #header #pages:before{
    border-left: 0px !important;
    }
    #Classic .ss, #views ul li:first-child ,
    #Flipcard .ss, #views ul li:nth-child(2),
    #Mosaic .ss, #views ul li:nth-child(3),
    #Snapshot .ss, #views ul li:nth-child(4),
    #Sidebar .ss, #views ul li:nth-child(5),
    #Timeslide .ss, #views ul li:nth-child(7)
    {
    .blogger-gear, .overview-sspe {
    background-image: url('https://lh3.googleusercontent.com/-0Vae9DotKWU/UTnpfRjUReI/AAAAAAAAAdg/W-2--s7g6Hc/h120/MMM_logo-square.png') !important;
    height: 120px !important;
    width: 120px !important;
    }
    .publish-info{
    display: none;
    }
    #main{
    position: relative;
    top: 40px !important;
    }
    .ribbon{
    display: none !important;
    }
    .ribbon.date {
    display: none !important;
    }

    ReplyDelete
    Replies
    1. Hi Robb,

      1) This should do:
      .magazine .ribbon.date{
      display: none !important;
      }

      2) See Step 5 in the tutorial above.

      Cheers :)

      Delete
  37. Hi YOGA please help with my blogspot. its dynamic view blogger template. (davideography.blogspot.com) . i want to remove "no posts found" at my homepage. thanks and more power.

    ReplyDelete
    Replies
    1. Hi there,

      I do not see this tag. Where exactly are you seeing it?

      Delete
    2. Kindly check my blog please i want to remove "no posts found" in the middle. (davideography.blogspot.com) . thank you

      Delete
    3. Hi David,

      This should do. Add it to your CSS:

      #message span{
      display: none !important;
      }

      Cheers..

      Delete
    4. You really are great. cheers buddy. you're the best YOGA. I salute you. Thanks. DAVID here-

      Delete
    5. how about adding link (image or anything like affiliate site link over image) below of my homepage ,like adwords. thanks in advance.

      Delete
    6. @David: No biggie :)

      @Anon: It depends. If you're using a Dynamic View template, you need to use a Pages gadget to add links.

      Delete
  38. You rock! This is exactly what I needed to know. You laid it out so clearly.

    ReplyDelete
  39. how do i change font on the top tab (dynamic views) home, about etc. . ty

    ReplyDelete
    Replies
    1. You should be able to change it via the Template Designer. Go to Dashboard - Template - Customize - Advanced - Header Bar.

      Delete
    2. you're awesome master .:) I bow down to you. cheers boss -DAVID HERE

      Delete
  40. I have the need to communicate a week before the change of address of my blog. Nor is there an easier and lighter than this. I just want to insert a text before post in my blog with dynamic display (www.interclubacquaviva.blogspot.com). thanks;)

    ReplyDelete
    Replies
    1. I'm not sure if I'm following. What text do you want to insert before your post? Can you provide an annotated screenshot showing what you're intending to do?

      Delete
    2. I need to insert a text-communication in the home that is not a post. thanks

      Delete
    3. See if this is what you're looking for:

      .header-drawer:after{
      content: "test test" !important;
      display: block !important;
      position: relative;
      top: 40px !important;
      }

      Cheers..

      Delete
    4. I did what you wrote to me ... but I have not solved ... nothing has changed: (
      I'm sorry ...

      Delete
    5. I don't see the code that I gave you anywhere in your blog..

      Delete
    6. I removed because it remained completely unchanged ... I insert it in "add CSS" ok?
      thanks;)

      Delete
    7. Yeap, let me know once it is there.

      Delete
  41. hello bro.
    can you tell me how to remove background?
    pinkcityhost.blogspot.com

    ReplyDelete
    Replies
    1. Technically, you can't remove your background, but you can change it to white, if that serves your purpose. Try going to Dashboard - Template - Customize - Background.

      Delete
  42. Hi. how can i change the background of my page from white to balck. not the main page but the page when you click like this
    (http://davideography.blogspot.com/p/about-us.html)when you click the top tab menu. instead of white backgroud, i want it to be black. thanks in advance

    ReplyDelete
    Replies
    1. This should do:

      .viewitem-panel .viewitem-content{
      background-color:black !important;
      }

      Delete
  43. hey, would you check this out?
    silentraw.blogspot.com
    the WHAT'S GOING ON page is the previous homepage, but now, it can't be accessed since the new home page is UNDERSTANDING CONCEPT.
    it's definitely link problem, but could you help me?

    ReplyDelete
    Replies
    1. Looks like you've completely ignored Step 2 from the tutorial above. Perform the step and you should be able to see your posts again.

      Delete
    2. thanks a lot yoga!
      but i wonder how i can get rid of the actual home page WHAT'S GOING ON?
      i just need the welcome page 'SELAMAT DATANG' and the /search page 'BERITA'

      Delete
    3. oh i should kill my self, i found it when do the tutorial from the start.
      THANKS A LOT!

      Delete
  44. thanks! been wanting to change the 'welcome/home/landing page' and and it's been so long I couldn't remember how I had directed it in the first place!

    ReplyDelete
  45. awesome tips. thanks guys it work in my blog. thanks a lot

    ReplyDelete
  46. Hi Yoga, First of all, thank you so much, your page is awesome and I used several of your codes to change my blogger. I dont know if you can help me with that but lets try :) I am using a third part template and there are two things that are bothering me and i could not fix even after several tries. 1- When I click Newer posts I am still taken to the home page (that now is the welcome page) 2 - I tried everything and could configure the static pages to have no side bar. :(((( I know is a 3rd party template but can u have a look if there is anything I can do? My page is www.theuntamedcook.com Cheers! Rachel

    ReplyDelete
    Replies
    1. 1) This could be a bug with either the system, or the template. I'll give this a try and let you know how it goes.

      2) Try this:
      http://www.southernspeakers.net/2011/04/remove-blogger-sidebar-and-maximize.html

      Delete
  47. Nice work. thanks for the tips. it was very useful.

    ReplyDelete
  48. Hi, Yoga Master :) How can i post my ads on the homepage of my blog, is it possible to do that.

    ReplyDelete
    Replies
    1. If you're referring to a Dynamic View blog, the only way is to signup for AdSense, and get approved.

      Delete
  49. Thanks a ton bro! I was searching for this for a long time.
    This is working like a charm :)
    www.hinditracks.blogspot.com

    ReplyDelete
  50. Hey Yoga, I want to know if I want to customize that landing page or add some special widget ?
    I guess, I'd have to add css to my template, Is that right?

    ReplyDelete
  51. I want to show only 2 of my latest posts on my landing page just like blogtipsntricks.com, how to do that??

    ReplyDelete
    Replies
    1. Yeap, you'll need to add CSS to customize your landing page. As for showing only two posts, you could use max-result to limit your posts. I could be a better help if I could see what you're working in :)

      Cheers..

      Delete
    2. Actually I wanted to learn how to create custom landing page for blogger, so set up this blog: bloggingshore.blogspot.com and trying to set up a custom homepage like blogtipsntrick.com (actually love that blog and your's TOO) but the author isn't replying. Is it enough to be more helpful for me.

      Delete
    3. Right.. You could follow the steps in the tutorial above, but use the following address for step 2:

      http://bloggingshore.blogspot.com/search?max-results=2

      Cheers :)

      Delete
  52. You rock! This is great. Thanks so much. This has made my blog SOOOO much nicer! Can I ask you one more thing? How do I get rid of that "Recommend this on Google +" and the sharing buttons? Can I get rid of them only from this page? Here's the page: http://thrifterindisguise.blogspot.com/p/blog-page_8.html

    ReplyDelete
    Replies
    1. Thanks!

      To get rid of the buttons on that page alone, first, edit the page - switch to the HTML view (as opposed to Compose view) - Scroll towards the bottom of your HTML Box - paste the following code there:

      <style>
      .post-share-buttons.goog-inline-block{
      display: none !important;
      }
      </style>

      Cheers!

      Delete
    2. can u give me free home page template kiranavt@gmail.com

      Delete
    3. Worked perfectly! Thanks so much. Have a good weekend!

      Delete
    4. All templates have homepages.

      Delete
    5. You too have a great weekend! :)

      Delete
  53. Hello Yoga,
    Can you help me,I have a blog techkev.com.
    On homepage my post images are shown in the middle,but I want to show it on left side and the text summary at the right side.

    Please help me.

    ReplyDelete
    Replies
    1. Hi Kevin,

      I don't see any images in your blog, what am I missing?

      Delete
  54. Thank you. That was a fantastic walk through. I had tried a lot of other forums till I landed on your blog and it was of great help to have you explain it with so much clarity and pic views.

    ReplyDelete
  55. How do I keep from losing the link to where the blogs post? After following your instructions, whenever I click on the "blog" tab which was the default homepage before it redirects me to my new homepage.
    Thanks in advance.

    ReplyDelete
    Replies
    1. Sounds like something went wrong in Step 2. Make sure the URL that you link to in Step 2 follows the following format:

      something.blogspot.com/search

      Or if you're using a custom doman:

      something.com/search

      What's your blog's address btw?

      Delete
    2. So I realize the problem that I am having with step 2 is that I had already made the default page and I don't see anywhere where I can edit the url for it.
      Thanks.

      Delete
  56. www.sfvtherapist.com
    I will give it a try. Thanks!

    ReplyDelete
    Replies
    1. Try going to Dashboard - Pages - look for the page titled 'Blog' - edit - then change

      http://www.sfvtherapist.com/

      to

      http://www.sfvtherapist.com/search

      Cheers :)

      Delete
    2. So I tried all the steps. And after I did the redirect step it said that my page could not be found! So I had to undo everything... The current page that I have for blog (now that I undid everything) just says View/Delete and there's no way for me to edit it to become my homepage (that I could see at least).

      Delete
    3. That's strange. Are you seeing the 'View/Delete' for your page titled 'Home'?

      Delete
    4. So I am not sure if you mean my current page that I would like to make my home page, so let me tell you what I have for each...
      My Blog page, which is my current home has an Edit/View.
      My Welcome page (which used to be called "home"), but is not my home page, has a Edit/View/Revery to Draft/Delete.
      When I create a new page using the web address option, I get an Edit/Delete option only.

      Delete
    5. Pages linked as 'Web Adresses' will only show Edit/Delete, so this is still standard behaviour. If you've reversed all the steps, you should be back at square one - which is good, coz now we can start fresh again.

      Let's go step by step now.

      1) You already have your pages gadget in place - Step 1 check.

      2) For Step 2, this should be your Blog post URL: http://www.sfvtherapist.com/search
      I can see a link called 'Blog' in your pages gadget as of now, but it is not linking to http://www.sfvtherapist.com/search
      Let's get this done before moving on to the next steps. Get your current 'Blog' link deleted or modified, and get back to me once this is done.

      Delete
  57. love ur tutorial!
    but why must be /search ??
    thanks :)

    ReplyDelete
  58. love this tutorial!
    but why must be /search ? how about another page?
    thanks :)

    ReplyDelete
    Replies
    1. Well, since your homepage doesn't bring you to your list of posts anymore, we need to have a new URL to list all your posts. Ans /search is one of the tags Blogger uses to categorize your posts. When you don't include a label to search for, it displays all posts - bingo.

      Delete
  59. Thank you so much.

    kaywancollectionz.blogspot.com

    ReplyDelete
  60. Thank you for this tutorial. It's been a great help. You've taken me through the steps very clearly and easy to understand.

    ReplyDelete
  61. nice...thank you for the help...

    ReplyDelete
  62. Great tutorial, clear, easy to implement and it works. Brilliant. Thanks for sharing.

    ReplyDelete
  63. Hey Yoga, i have a blog shiftnburn.com. The problem i am facing is that i can't increase the number of posts that show up on the homepage. The page is showing 5 posts at most, and i have increased it to 10 from the settings under Layout, but its not working..

    Any workaround for that.? Any help would be greatly appreciated

    ReplyDelete
    Replies
    1. Hi Kashish,

      You can only set the maximum amount of posts to show on your home page, not the exact number. In your case, you've set it to show 10 posts at most - which means it could be any number of posts between 1 to 10. It depends on what we call 'auto-pagination'. I could write an entire post on it, but to put it simply, auto-pagination is Blogger's mechanism to make sure your blog's homepage is not too heavy for your readers to view. In other words, when you have 'heavy' posts, the number of posts will be less than x (x being the amount of posts set to show in your settings, 10 in your case). If your posts aren't long or full of images, you will see 10 posts at most. The way I see it, auto-pagination is not something we deserve, but definitely something we need (cheesy, I know :p )

      In addition, it looks like you're using a custom template. There's a very big possibility that the number of posts that are showing on your homepage is hardcoded in your template.

      Delete
  64. He y Yoga....greay stuff here!

    Has there been progress with G team and correcting the problem of redirecting from mobile devices?

    Thanks!

    ReplyDelete
    Replies
    1. I wish I could give you a good news, but sadly there isn't any. But I will run this by the Blogger team when I meet them two days from now - face to face :D

      Delete
  65. Hi There,

    I am having an issue seeing the "No Posts Found" message briefly before my homepage loads. Is there a way to fix this? I tried to use your suggestion above adding this code but it did not work:

    #message span{
    display: none !important;
    }

    Let me know if you have any suggesttions. The page is blog.trinettereed.com

    Thanks.

    ReplyDelete
    Replies
    1. Hi there,

      I don't find the code anywhere in your template. Could you re-insert the code back into your template and get back to me if it still isn't working?

      Delete
  66. This is working great for me, but then when I try to access it from my phone, it says there is a problem with redirect loops? Usually it'll just go to the blog page when you go to the blog on mobile. Any ideas/advice?

    ReplyDelete
    Replies
    1. There is a bug within Blogger that isn't allowing the redirect to work with Mobile templates. For now, the only two options are either to disable the redirect, or disable the mobile template.

      Delete
  67. Hello and thank you for all the help you give on this blog and with your tricks!
    I learned a lot from your tutorials!

    There is a question, since I made the static homepage, my blog will not show anymore in mobile advices. Have you got an idea how I could fix this?
    If I type the name of my new homepage, I'm able to see it on my phone without problems, I should forward the domain for mobile advices to this specific domain of my homepage, I think, but don't even know if this is possible.
    Thank you for your help
    Eos

    ReplyDelete
    Replies
    1. Hi Signora,

      This is a known issue. There is a bug within Blogger that isn't allowing the redirect to work with Mobile templates. For now, the only two options are either to disable the redirect, or disable the mobile template.

      Delete
  68. Thank you so much! This tutorial is exactly what I was looking for.

    But when I tried to do the page redirect, I got a comment that said "The source and destination values cannot be empty or more than 256 characters and must start with /". What should I do?

    Thanks in advance!

    ^_^

    ReplyDelete
    Replies
    1. Hello there,

      In Step 5, what have you inserted in the 'From' and 'To' field when you get this message?

      Delete
    2. I put int "www.eustaciatan.blogspot.com" in the From field and "www.eustaciatan.blogspot.com/p/welcome.html" in the To field.

      Delete
    3. Use the following:

      In From field, insert a forward slash: /
      In the To field, insert the following: /p/welcome.html

      See example here:
      http://3.bp.blogspot.com/-0X8vzHCEnSQ/UJYnPtR9K-I/AAAAAAAAJhs/e6gwB15kcUs/s500/5.png

      Delete
  69. hey yoga,
    Can you tell how they did this?
    I need this type of homepage for my blogger..Kindly help me..It would be very thankful to you..
    http://downloadscluster.blogspot.com
    I need it badly.. plz help

    ReplyDelete
    Replies
    1. It's a custom template. See if you can contact the owner of the blog.

      Delete
  70. i want your help bro
    1st.. i want to create a adsense account on my blogg but adsense not aprove my form
    this is my blogg adress and i download and install a templte in up side of template there is sliding picture i want to change
    plzzz tell me how to i change these pic and tab number
    plzz tell me
    i m waitng

    http://softwaresloutionpack.blogspot.com/

    ReplyDelete
    Replies
    1. There isn't much I can do if Adsense doesn't approve your application. Have you contacted them for reasons for rejection?

      As for your custom template, have you tried contacting the maker of the template?

      Delete
  71. Hi there! I'm currently have problems with my blog as I tried to change the new landing page to my new post. Hope you could help Yoga! :D

    http://worldtravelerandbaker.blogspot.com/raw-thoughts-on-yoga-food-healing-new.html

    thank you!

    ReplyDelete
    Replies
    1. Hello there,

      http://worldtravelerandbaker.blogspot.com/raw-thoughts-on-yoga-food-healing-new.html <--- is this an actual address? Redirection requires you to input an actual address. From Page A to Page B. Both pages must exist.

      Delete
  72. Hi, nice and useful tutorial :) So I did all this, set a static home page, however, I messed up the domain name settings, as my blog was connected to a domain name I have previously purchased. Question: how do I set the new Home page with the domain name?

    ReplyDelete
    Replies
    1. Hello Elizabeth,

      I'd suggest you to setup the domain name first, before setting anything with the redirection. Make sure yourblog.blogspot.com can be accessed via it's custom domain. After that, follow the same steps above, but instead of blogspot.com, use your custom domain. Do you already have the new home page created?

      Delete
  73. I tried this but now my slider doesnt show up, can you please let me know if you have a fix for this issue. http://procareautomotive.blogspot.com/p/home-page.html and heres how it looks with the slider http://procareautomotive.blogspot.com/index.html I would like my intro to show up under my slider. Would really appreciate your help. Thanks

    ReplyDelete
    Replies
    1. I see you're using a custom template. It is best to contact the author of your template.

      Delete
  74. Thanks for the information bro.... really usefull.
    i never thought that blogspot can be redirected this way. I used to use a blank page to redirect, but the problem is everytime i create new post i must re create that redirect page.

    Thank to you, that now i don't have to worry about that anymore. ^_^
    thanks a lot bro.

    ReplyDelete
  75. But it has been found, in some cases, that CUSTOM REDIRECTION leads people visiting the website via mobile unsuccessful. Just whenever a person visits a message is being shown stating that the document has moved here. & nothing else happens. Do you know how to fix it?

    ReplyDelete
    Replies
    1. This is a known issue, and Blogger is aware of it. But I've got no clue if anyone is working on it at the moment, since it has been around for some time now.

      Delete
    2. Yeah, thought so! By the way, thanks for taking this problem into consideration.

      Delete
  76. Hello, can you PLEASE help?!!? I am new to blogging, and I've been trying for hours to create my new static page, as well as other pages, I have one created now, and can get that page to show up, but I cannot figure out how to keep my already published posts to show on the main page. I would like to add two more pages, and keep the main page as "Love & Life" with my original posts. How can I fix this? I am so lost and confused. Any help would be so greatly appreciated!! THANK YOU THANK YOU

    here is the link to my blog: www.inspiredbyloveandlife.com

    ReplyDelete
    Replies
    1. From what I can gather, you want your homepage to show your posts, which is the default behaviour in Blogger, but you're seeing your static page instead, am I right?

      It appears you do have redirects setup, why not just remove it, and things should go back to normal? Simply go to Dashboard - Settings - Search Preferences - Errors and redirections - Custom Redirects - Edit - Check the thick box - Delete.

      Delete
    2. I don't have a redirect anymore. But what I can't figure out is how to keep my posts that I want on a specific page to not show up on the home page as well. I've fixed the previous problem, but now find this one.

      Delete

Please use the 'Ask a Question' page to shoot questions that are not related to the tutorial in the post above.