How to Create Archive Page for My Blogger(blogspot) Blog

I use Google Blogger as my website, and I always want to create one Archive Page for my blogger site, so I Google it-"blogspot archive page", I find the simple method, and I'll share it with you.

what you will read:
how to create archive page for blogger blog?
how to set a landing page for blogspot?
how to disable right click for my blogger blog?

*******
How to Create Archive Page for My Blogger(blogspot) Blog:
This is a screen shot of what I'll be showing in this tutorials. The Archive Page Updates automatically too...

Method 1:
Step 1.
Head over to your Blogger Dashboard. Create a new page and name it "archive" or something you want it to be.

Step 2.
Ensure you are in the HTML mode. Copy the code below into your new page.

<script src="http://ibotyle.com/blogger_archive_page.js" type="text/javascript">
</script>
<script src="http://xyz.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=LoadTheArchive">
</script>

Step 3.
Edit the "xyz.blogspot.com" to your blog address and hit the publish button...

All your blog post should be archived on the new page.

Note: Ensure to drop a link to the archive page on your blog home page for faster indexing. 

via: https://centralbase.blogspot.com/2015/07/archive-page-blogger-blogspot-blogs.html

Method 2(方法二)：http://www.sarwrites.com/2015/09/create-archive-listpage-for-blogger.html

*******

Now you have your custom archive page of your blogspot website, maybe you also want to set a landing page for your blogspot website, here is the way:

1) Make a page in your blogger and name it like “Welcome” or anything that can fit for a landing page
2) Now insert all that things in this page which are required for a custom landing page
3) After you have finished working on your landing page, Just go to Settings > Search preferences :
And in the “Errors and redirections” section edit the “Custom Redirects” like this :
a) In “From” section add “/” (Forward Slash)
b) In “To” section add “/p/YOUR_LANDING_PAGE.html”
Replace “YOUR_LANDING_PAGE.html” with the URL of the landing page which you have created recently, Set it like this :
If you have a landing page with URL : hacking-guide.com/p/landingpage.html
Then in the “To” section insert like this : /p/landingpage.html
c) Tick on “Permanent”
d) Click on “Save”
e) Now click on “Save changes” button

via http://www.hacking-guide.com/how-to-make-custom-landing-page-in/



*******
how to disable right click for blogspot?

• Log in to Blogger Dashboard and navigate to Layout.
• Click on ‘Add a Gadget‘ on the sidebar.
• Select ‘HTML/Javascript‘ paste the given code and finally click on save 🙂 ..

<script language=javascript>
<!--
//Disable right click script - By LegendTricks.com
//
var message="Function Disabled";
////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>

via: http://www.legendtricks.com/2016/04/how-to-disable-right-click-on-blogger.html

*******
the backup code of http://ibotyle.com/blogger_archive_page.js******

// Awajis Blogger Archive Page
function LoadTheArchive(TotalFeed) 
{
    var PostTitles = new Array();
    var PostURLs = new Array();
    var PostYears = new Array();
    var PostMonths = new Array();
    var PostDays = new Array();
    if("entry" in TotalFeed.feed) 
    {
var PostEntries=TotalFeed.feed.entry.length;
for(var PostNum=0; PostNum<PostEntries ; PostNum++) 
{
   var ThisPost = TotalFeed.feed.entry[PostNum];
   PostTitles.push(ThisPost.title.$t);
   PostYears.push(ThisPost.published.$t.substring(0,4));
   PostMonths.push(ThisPost.published.$t.substring(5,7));
   PostDays.push(ThisPost.published.$t.substring(8,10));
   var ThisPostURL;
   for(var LinkNum=0; LinkNum < ThisPost.link.length; LinkNum++) 
   {
if(ThisPost.link[LinkNum].rel == "alternate") 
{
   ThisPostURL = ThisPost.link[LinkNum].href;
   break
}
   }
    PostURLs.push(ThisPostURL);
}
    }
    DisplaytheTOC(PostTitles,PostURLs,PostYears,PostMonths,PostDays);
}

function DisplaytheTOC(PostTitles,PostURLs,PostYears,PostMonths,PostDays)
{
    var MonthNames=["January","February","March","April","May","June","July","August","September","October","November","December"];
    var NumberOfEntries=PostTitles.length;
    for(var EntryNum = 0; EntryNum < NumberOfEntries; EntryNum++)
    {
NameOfMonth = MonthNames[parseInt(PostMonths[EntryNum],10)-1]
document.write('<a href ="'+PostURLs[EntryNum]+'">'+PostTitles[EntryNum]+"</a> ("+NameOfMonth+" "+parseInt(PostDays[EntryNum],10)+", "+PostYears[EntryNum]+")<br />");
    }

}