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="" type="text/javascript">
<script src="">

Step 3.
Edit the "" 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. 


Method 2(方法二):


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 :
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


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
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.oncontextmenu=new Function("return false")
// -->


the backup code of******

// 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];
   var ThisPostURL;
   for(var LinkNum=0; LinkNum <; LinkNum++) 
if([LinkNum].rel == "alternate") 
   ThisPostURL =[LinkNum].href;

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 />");