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.
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 toDashboard - 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:
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..
Go to
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.
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:
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.htmlYou 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:
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).
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).
I just want say... WOW!!!
ReplyDeleteI never think lik that... so wonderful
Thanks for shared it :)
Regards, ArtOfBlogger.blogspot.com
No problem bro.. We learn new things when we share what we have :)
DeleteCheers!
hello! Huge fan of your web miracles! :)
ReplyDeleteSo 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
Hi Ashley,
DeleteLooks 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 :)
Hi yoga I just want to know, it is effect the seo ?
ReplyDeleteHi there,
DeleteI'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!
Hello!
ReplyDeleteI Would like to remove the border/shadow from the Classic DV template.
Is this possible?
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?
DeleteCheers and God bless :)
http://cheeseledger.blogspot.com/
DeleteI want everything/background to be white - the border kinda kills everything.
Rightt, that border.. Here, add this to your 'Add CSS' box:
Deleteli.item{
border: 0px !important;
}
Cheers :)
Disclaimer: I sell stuff on my blog, however, this is a serious inquiry.
ReplyDeleteI 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/
Hi there,
DeleteSorry 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 :)
Hey there,
ReplyDeleteIve 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
Hi there,
DeleteThe 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 :)
Hey there,
DeleteYour 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 :)
I added the code but nothing happened . I added it above the ]] section in the HTMl and also in the CSS
ReplyDeleteI 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.
Deletedone but still odd
ReplyDeleteYour 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.
DeleteAha, I see what you mean..
ReplyDeleteNever mind but thanks for the help anyway.
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'
ReplyDeleteIt 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?
DeleteCheers :)
http://getsentertainment.blogspot.com
DeleteI have never disable it though.The 'newer post' keeps showing and the will be no 'older post'.
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
DeleteHope this helps. Cheers :)
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.
DeleteThanks for helping.
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>
Delete<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 :)
Hi again :)
ReplyDeleteI'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
Hi there,
DeleteYes 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 :)
hi there!
ReplyDeletethanks 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!
Hi fiiefiie,
DeleteIt seems like the custom redirect isnt working with mobile view. I've taken this up with Blogger, but I havent got a reply.
Cheers.
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?
ReplyDeleteHi there,
DeleteI've informed Blogger about this, but it doesn't look like they're gonna do anything to enable custom redirect in mobile view.
Hello,
DeleteI'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!
Hi Yums,
DeleteNothing 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 :)
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+1 to that :)
DeleteHi Yoga,
ReplyDeleteLove 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!!
Hi Ruff,
DeleteSomething 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 :)
This was so helpful. Thank you so much!
ReplyDeleteDon't mention it! :)
DeleteHi Yoga!
ReplyDeleteThis 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!
Hi Wei Ming,
DeleteHere'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 :)
Hi Yoga,
DeleteI 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
Hi Wei Ming,
DeleteWhat 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?
Hi Yoga,
ReplyDeleteThe 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?
Hi Wei Ming,
DeleteThe 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?
Thank you so much - Really makes the dynamic view work!
ReplyDeleteDon't mention it :)
Deleteyoga i need your help plzz help me how i add pages like when user take mouse on page it will give more option plzzz
ReplyDeleteYou'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.
DeleteThis site is extremely cool! Not like other wannabe tutorials!
ReplyDeleteThaks!!!!
Lol.. Thanks Admin :)
Deletesir 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
ReplyDeletewww.jymshaid.blogspot.com
is m jo front page per dby bny hain jin ka rang black hy in ko kaisy remove karty hain
I'm sorry I don't speak this language. Could you use google translate or something and translate it for me?
DeleteTHANK YOU!!!
ReplyDeleteNo biggie :)
DeleteYoga check out my blogger to see did i followed your steps correctly http://howtogetmoney101.blogspot.com
DeleteYeap.. Works well there :)
DeleteGreat post! Got my welcome screen set up and am clicking on to learn how to hid the side columns.
ReplyDeleteExcellent! :)
Deletei want to remove READ MORE button and display full posts in all pages.....? is it possiable
ReplyDeletei need posts like this http://muraliartistkit.blogspot.in/ (full length post with out readmore option)
ReplyDeleteI'm not quite following. The link in your comment above isn't working.
Deletehe must mean removing read more button to get full view of a post.
ReplyDeletemostly 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
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.
DeleteCheers :)
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.
ReplyDeleteThanks for the Tutorial though. Definitely considering using it.
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).
DeleteHi Yoga,
ReplyDeleteI can't change the 'show page as' to 'top tabs' (step 1).Any reasons ?
Best regards,(techtocore.blogspot.com)
Hi Akash,
DeleteYou're using a Dynamic View template. Your pages gadget is already shown as 'top tabs' by default. You can skip this step.
Hi,
ReplyDeleteThank you for your solution!May I ask how I can remove the name "blog" from my pages?
www.sookfunchen.com
Thank you.
Hi SookFun Chen,
DeleteGo 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 :)
Did you perform Step 2?
ReplyDeleteHelp!!! 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!
ReplyDeleteWhat is your blog's address? And where exactly is this 'from section' that you're referring to? Have you tried reversing the steps?
DeleteThank you very much! It helped me.
ReplyDeletehow to remove default homepage in my blogspot site.
ReplyDeletePages Show pages as [Don't show] yet show Home option.
Need your help plz
What is your blog's address?
DeleteThanks a million Yoga for your cool tweaks. By the way, my blog (techtocore.blogspot.com)seems to load slower than before. Any reasons ??
ReplyDeletebest regards
Akash
Hi Akash,
DeleteIt 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.
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!)
ReplyDeleteAppreciate the kind words, means alot, thanks! :)
DeleteYou have awesome tutorials and service, Yoga.
ReplyDeleteTwo 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;
}
Hi Robb,
Delete1) This should do:
.magazine .ribbon.date{
display: none !important;
}
2) See Step 5 in the tutorial above.
Cheers :)
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.
ReplyDeleteHi there,
DeleteI do not see this tag. Where exactly are you seeing it?
Kindly check my blog please i want to remove "no posts found" in the middle. (davideography.blogspot.com) . thank you
DeleteHi David,
DeleteThis should do. Add it to your CSS:
#message span{
display: none !important;
}
Cheers..
You really are great. cheers buddy. you're the best YOGA. I salute you. Thanks. DAVID here-
Deletehow about adding link (image or anything like affiliate site link over image) below of my homepage ,like adwords. thanks in advance.
Delete@David: No biggie :)
Delete@Anon: It depends. If you're using a Dynamic View template, you need to use a Pages gadget to add links.
You rock! This is exactly what I needed to know. You laid it out so clearly.
ReplyDeleteGlad I could be of help! :)
Deletehow do i change font on the top tab (dynamic views) home, about etc. . ty
ReplyDeleteYou should be able to change it via the Template Designer. Go to Dashboard - Template - Customize - Advanced - Header Bar.
Deleteyou're awesome master .:) I bow down to you. cheers boss -DAVID HERE
DeleteI 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;)
ReplyDeleteI'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?
DeleteI need to insert a text-communication in the home that is not a post. thanks
DeleteSee if this is what you're looking for:
Delete.header-drawer:after{
content: "test test" !important;
display: block !important;
position: relative;
top: 40px !important;
}
Cheers..
I did what you wrote to me ... but I have not solved ... nothing has changed: (
DeleteI'm sorry ...
I don't see the code that I gave you anywhere in your blog..
DeleteI removed because it remained completely unchanged ... I insert it in "add CSS" ok?
Deletethanks;)
Yeap, let me know once it is there.
Deletehello bro.
ReplyDeletecan you tell me how to remove background?
pinkcityhost.blogspot.com
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.
DeleteHi. 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
ReplyDelete(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
This should do:
Delete.viewitem-panel .viewitem-content{
background-color:black !important;
}
hey, would you check this out?
ReplyDeletesilentraw.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?
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.
Deletethanks a lot yoga!
Deletebut 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'
oh i should kill my self, i found it when do the tutorial from the start.
DeleteTHANKS A LOT!
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!
ReplyDeleteGlad you got it figured now :)
Deleteawesome tips. thanks guys it work in my blog. thanks a lot
ReplyDeleteYou're most welcome :)
Deletethanks super
ReplyDeleteYou're welcome :)
DeleteHi 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
ReplyDelete1) 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.
Delete2) Try this:
http://www.southernspeakers.net/2011/04/remove-blogger-sidebar-and-maximize.html
Nice work. thanks for the tips. it was very useful.
ReplyDeleteYou're most welcome! :)
DeleteHi, Yoga Master :) How can i post my ads on the homepage of my blog, is it possible to do that.
ReplyDeleteIf you're referring to a Dynamic View blog, the only way is to signup for AdSense, and get approved.
DeleteThanks a ton bro! I was searching for this for a long time.
ReplyDeleteThis is working like a charm :)
www.hinditracks.blogspot.com
No biggie :)
DeleteHey Yoga, I want to know if I want to customize that landing page or add some special widget ?
ReplyDeleteI guess, I'd have to add css to my template, Is that right?
I want to show only 2 of my latest posts on my landing page just like blogtipsntricks.com, how to do that??
ReplyDeleteYeap, 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 :)
DeleteCheers..
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.
DeleteRight.. You could follow the steps in the tutorial above, but use the following address for step 2:
Deletehttp://bloggingshore.blogspot.com/search?max-results=2
Cheers :)
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
ReplyDeleteThanks!
DeleteTo 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!
can u give me free home page template kiranavt@gmail.com
DeleteWorked perfectly! Thanks so much. Have a good weekend!
DeleteAll templates have homepages.
DeleteYou too have a great weekend! :)
DeleteHello Yoga,
ReplyDeleteCan 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.
Hi Kevin,
DeleteI don't see any images in your blog, what am I missing?
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.
ReplyDeleteNo biggie :)
DeleteHow 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.
ReplyDeleteThanks in advance.
Sounds like something went wrong in Step 2. Make sure the URL that you link to in Step 2 follows the following format:
Deletesomething.blogspot.com/search
Or if you're using a custom doman:
something.com/search
What's your blog's address btw?
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.
DeleteThanks.
www.sfvtherapist.com
ReplyDeleteI will give it a try. Thanks!
Try going to Dashboard - Pages - look for the page titled 'Blog' - edit - then change
Deletehttp://www.sfvtherapist.com/
to
http://www.sfvtherapist.com/search
Cheers :)
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).
DeleteThat's strange. Are you seeing the 'View/Delete' for your page titled 'Home'?
DeleteSo 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...
DeleteMy 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.
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.
DeleteLet'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.
love ur tutorial!
ReplyDeletebut why must be /search ??
thanks :)
love this tutorial!
ReplyDeletebut why must be /search ? how about another page?
thanks :)
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.
DeleteThank you so much.
ReplyDeletekaywancollectionz.blogspot.com
No biggie :)
DeleteThank you for this tutorial. It's been a great help. You've taken me through the steps very clearly and easy to understand.
ReplyDeleteYou're most welcome DD :)
DeleteThank you!
ReplyDeletenice...thank you for the help...
ReplyDeleteGreat tutorial, clear, easy to implement and it works. Brilliant. Thanks for sharing.
ReplyDeleteNo biggie :)
ReplyDeleteHey 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..
ReplyDeleteAny workaround for that.? Any help would be greatly appreciated
Hi Kashish,
DeleteYou 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.
He y Yoga....greay stuff here!
ReplyDeleteHas there been progress with G team and correcting the problem of redirecting from mobile devices?
Thanks!
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
Deletethanks buddy....great help for me
ReplyDeleteHi There,
ReplyDeleteI 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.
Hi there,
DeleteI 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?
thanks a lot for your help
ReplyDeleteYou're most welcome :)
DeleteThis 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?
ReplyDeleteThere 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.
DeleteHello and thank you for all the help you give on this blog and with your tricks!
ReplyDeleteI 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
Hi Signora,
DeleteThis 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.
Thank you so much! This tutorial is exactly what I was looking for.
ReplyDeleteBut 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!
^_^
Hello there,
DeleteIn Step 5, what have you inserted in the 'From' and 'To' field when you get this message?
I put int "www.eustaciatan.blogspot.com" in the From field and "www.eustaciatan.blogspot.com/p/welcome.html" in the To field.
DeleteUse the following:
DeleteIn 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
hey yoga,
ReplyDeleteCan 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
It's a custom template. See if you can contact the owner of the blog.
DeleteReally helpful. Thanks a lot :)
ReplyDeleteMost welcome :)
Deletei want your help bro
ReplyDelete1st.. 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/
There isn't much I can do if Adsense doesn't approve your application. Have you contacted them for reasons for rejection?
DeleteAs for your custom template, have you tried contacting the maker of the template?
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
ReplyDeletehttp://worldtravelerandbaker.blogspot.com/raw-thoughts-on-yoga-food-healing-new.html
thank you!
Hello there,
Deletehttp://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.
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?
ReplyDeleteHello Elizabeth,
DeleteI'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?
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
ReplyDeleteI see you're using a custom template. It is best to contact the author of your template.
DeleteThanks for the information bro.... really usefull.
ReplyDeletei 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.
Glad you got it sorted!
DeleteBut 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?
ReplyDeleteThis 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.
DeleteYeah, thought so! By the way, thanks for taking this problem into consideration.
DeleteHello, 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
ReplyDeletehere is the link to my blog: www.inspiredbyloveandlife.com
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?
DeleteIt 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.
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.
DeleteThis is a classic problem - or rather, a confusion. Posts are dynamic, and pages are static. You can't make a post appear in a page, that's just impossible.
DeleteThat said, there are ways that you can use (using labels) to gather all your posts under one link - and this gives the effect as if the posts under a similar label is published onto a static page - when in fact, no static page is involved. Read more about this here:
http://www.southernspeakers.net/2010/10/customised-menu-bar-with-link-list.html
Also, by design, all your posts will appear in your homepage. I have written an extensive tweak to hide some posts off of the homepage, but this is for Blogger's default templates only. See if you're interested:
http://www.southernspeakers.net/2011/08/hide-certain-posts-from-blogger.html
Thanks for this! It's the clearest explanation I found... only thing is, the "blog" page I created to link back to the actual blog Isn't working. I put the address in a geetaschrayter.blogspot.com/search so I'm not sure what else to try. Thanks!
ReplyDeleteHi Geeta,
DeleteLooks like your 'Blog' link is pointing to http://geetaschrayter.blogspot/search instead of http://geetaschrayter.blogspot.com/search (Hint: you're missing the .com in the link)