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
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?
<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
*******
// 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 />");
}
}
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
*******
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 page2) 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 Pagefunction 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 />");
}
}