Wednesday, 30 December 2015

#How to Make an Archive Page in Blogger

#Making an Archive Page in Blogger blog

This little piece of JavaScript takes JSON from the the #Google API for #Blogger and outputs html that can be interpretted by the #blogging platform to produce a hyperlinked list of blog titles followed by the date. An example might be

GitHub for Mac 1.2: Snow Octocat (March 2, 2012)

(Provided the GitHub blog were on Blogger.)

The archive style was inspired by the ET notebooks by Edward Tufte.
Make an Archive Page in Blogger
Making an Archive Page in Blogger

How to implement it

Go to Blogger>> Select Blog>> Click on Pages >> and Create New
Name "Archive" in Compose Mode and Then Convert it to HTML>> Paste the Following Code and Click on Update..........! Done!
[lock]<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="http://cloud.github.com/downloads/jhwilson/Create-a-Blogger-archive-page/Make-Blogger-Archive-Page.js" type="text/javascript">
</script>
<script src="http://tips4tricx.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=LoadTheArchive">
</script></div>[/lock]

Customization

Change #tips4tricx.blogspot.com with you blog's url #YouBlogurl.blogspot.com and it will be your final result and enjoy you have created you archive page for your blog. hope you will like our post and keep visiting and sporting us for latest and new amazing articles, tips tricks, hacking and much more on our blogger blog tips4tricx.blogspot,com
​do not forget to share this post with you friends and family
​thanks for reading our post
Previous Post
Next Post

post written by: