[Tutorial] How to make Landing Page from Blogger [STEP BY STEP] For Noobs - Like me :D

maumau25

Newbie
Joined
Apr 26, 2014
Messages
36
Reaction score
11
First of all this isn't my method, i found it on other forum so i tought to share here, sorry if is posted already.It was interesting reading for me, maybe will help someone else here.
All credits go to: f0rest

1.Login in your Blogger account.
2.Create a blog and select Picture Window as the template.
3.Go Layout > Remove navbar,Remove Blog Archive and About Me and untick everything in Blog Posts.
4.Go Template > Customize > Advanced and make everything transparent except Page Text.
5.Go Template > Customize > Background and upload a background related to your niche,for example if your niche is minecraft , search in Google for minecraft wallpaper 1920x1080 or something related to that.After you upload Background,untick 'Scroll with Page' and select Don't Tile,for the alignment settings try which one fits the best Wink
6.Search in Google for 'minecraft logo png' (always add logo png in the end) to find a good logo related to your niche.To upload your logo as header go in Layout > Blog title (Header) > and upload your header and select 'Instead of title and description'.If your logo is aligned to the right or left, use this code to center it.
#header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;} (Template > Customize > Advanced > Add CSS)

If the text is not showing up properly follow this step
Template> Customize> Layout> Then under "Body Layout" select the very first option.

Note:This is creator's below, not mine.

Untitled.jpg
Nice tutorial :)
For those who cant make the "Subscribe to: Posts (Atom)" transparent you must go to Template >Edit HTML and delete this line
Code:
<b:include data='feedLinks' name='feedLinksBody'/>
 
Last edited:
a video tutorial would be much more appreciated .. thanks
 
Well , bookmarking this thread for future use. Thanks for sharing the method.`
 
I think this is a really good share bcoz many of the people struggle with creating LP's but this cudnt have arrived at a better time also very few tutorials on this forum in regards to how to create LP's.......OP if this is not your method can you link us to the original thread?
 
Ideal for A/B split testing sale pages before you invest in a site. Thanks op, will bookmark this.
 
Nice tutorial :)
For those who cant make the "Subscribe to: Posts (Atom)" transparent you must go to Template >Edit HTML and delete this line
Code:
<b:include data='feedLinks' name='feedLinksBody'/>
 
I think this is a really good share bcoz many of the people struggle with creating LP's but this cudnt have arrived at a better time also very few tutorials on this forum in regards to how to create LP's.......OP if this is not your method can you link us to the original thread?
Why?Is copy paste, same method, untouched.
Nice tutorial :)
For those who cant make the "Subscribe to: Posts (Atom)" transparent you must go to Template >Edit HTML and delete this line
Code:
<b:include data='feedLinks' name='feedLinksBody'/>
Nice, i will add this in main post so people can easily see it.
 
Thank you. Yes. Taking into account that video or inforgraphics can be helpful, I have made a little research and found this.

Perfect-Landing-Page-lrg.png
 
First of all this isn't my method, i found it on other forum so i tought to share here, sorry if is posted already.It was interesting reading for me, maybe will help someone else here.
All credits go to: f0rest

1.Login in your Blogger account.
2.Create a blog and select Picture Window as the template.
3.Go Layout > Remove navbar,Remove Blog Archive and About Me and untick everything in Blog Posts.
4.Go Template > Customize > Advanced and make everything transparent except Page Text.
5.Go Template > Customize > Background and upload a background related to your niche,for example if your niche is minecraft , search in Google for minecraft wallpaper 1920x1080 or something related to that.After you upload Background,untick 'Scroll with Page' and select Don't Tile,for the alignment settings try which one fits the best Wink
6.Search in Google for 'minecraft logo png' (always add logo png in the end) to find a good logo related to your niche.To upload your logo as header go in Layout > Blog title (Header) > and upload your header and select 'Instead of title and description'.If your logo is aligned to the right or left, use this code to center it.
#header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;} (Template > Customize > Advanced > Add CSS)

If the text is not showing up properly follow this step
Template> Customize> Layout> Then under "Body Layout" select the very first option.

Note:This is creator's below, not mine.

View attachment 49277

While this is a good tutorial, I got a template that can turn your blogger into an instant squeeze page. All you need do is input the text, choose the colours and voila your page is ready.

Inbox me and I will send it over to you.
 
Ctrl+D for this useful thread. It must be used by me someday.
Thanks for sharing.
 
Back
Top