Skip to main content

How to use Blogger and Google drive combination to build Download sites

Blogger and Google drive both are offered by Google. One is for blogging and other for cloud storage. Both are used by millions of people. Blogger gives way to share anything you have and Google drive gives the power of securely save any file and share them with others. So if we take the combination of these two we can create any type of download site.Today you learn, how to build download sites by using these two services of Google. Before Start-: Before creating a download site, first you need to choose one purpose of your site. In other words,which users will come to your site.You need to Choose the content type and collect the required data. e.g.if you want to offer free music you need to collect the music files you want to share via your blog. Let start by creating your blogger blog.As we all know you need a Google account to use all products of google. First, create a google account if you not have one.If you already have a Google account, follow this guide to create a b
Post a Comment

How to add list of posts to blogger page

How to add list of posts to blogger page

Blogger as we all know a very famous and useful blogging platform. It gives a chance to all to create reputation in internet world. Unlike other platform blogger is more reliable and easy to handle. We can create custom widget/gadgets for blogger by using simple html,css and javascript. Also its api requests is easy to learn. Today i discuss how to add list of posts to a blogger page by using simple javascript.

Add Coding
To do this simply follow these steps:
  1. Go to Blogger Dashboard
  2. In the pages tab,Click on new page button.
    3. How to add list of posts to blogger page
  3. Give a name to the page.
    4. Add the following code to it. 
    <div><ul id="postList12"></ul></div>
<script type="text/javascript">
var startIndex = 1;
var maxResults = 100;
function sendQuery12()
{
var scpt = document.createElement("script");
scpt.src = "/feeds/posts/summary?alt=json&callback=processPostList12&start-index=" + startIndex + "&max-results=" + maxResults;
document.body.appendChild(scpt);
}
function processPostList12(root)
{
var elmt = document.getElementById("postList12");
if (!elmt)
return;
var feed = root.feed;
if (feed.entry.length > 0)
{
for (var i = 0; i < feed.entry.length; i++)
{
var entry = feed.entry[i];
var title = entry.title.$t;
for (var j = 0; j < entry.link.length; j++)
{
if (entry.link[j].rel == "alternate")
{
var url = entry.link[j].href;
if (url && url.length > 0 && title && title.length > 0)
{
var liE = document.createElement("li");
var a1E = document.createElement("a");
a1E.href = url;
a1E.textContent = title;
liE.appendChild(a1E);
elmt.appendChild(liE);
}
break;
}
}
}
if (feed.entry.length >= maxResults)
{
startIndex += maxResults;
sendQuery12();
}
}
}
sendQuery12();
</script>
  4. Now publish the page and see the magic.
It will produce below results-:
How to add list of posts to blogger page

You can make it beautiful by simply implementing css. As you can see in the above code we are using unordered list to format the results in listview. To customize list just apply css to unordered list. Add the css style tag in the starting of code. You can apply different kind of style.

Last Tips-:

Above script is working perfect as we tested. If you get any error feel free to tell us via comments. We are here to help you. Please don't forget to share this post.


Source

Comments

Post a Comment

Popular posts from this blog

How to trim multiple images in Photoshop

Photoshop a great tool for photo editing.I love to use this tool.I am a beginner so sometimes i stuck in problems.Yesterday i want to trim multiple images and want to remove unwanted space.But not find a solution on internet.Suddenly i checked a forum named Stock Exchange and got a little bit instructions which is not cleared.I tried them but failed.After 3-4 times i got the success.And this post result of it. So How? To trim multiple images we use automatic batch.Automatic batch means we record the steps we done with one image and then applied to all images in a folder.It is very useful tool given by the Photoshop. Lets start-: Create a folder named "Trimed " or anything you like. Add all the images you want to trim in it. Now open the Photoshop. Go to Window->Actions It will add a small window in right of the Photoshop In the added Window Create a new folder under actions tab named it anything .(There are some small buttons in bottom of actions tab.Took your
Post a Comment
Read more

Top 5 Website to Download Paid Android Apps Free

Android as all know most famous and used OS in the world. It has a biggest app store which is full of paid and free apps.Here we suggest you some great sites which offers paid Android Apps download absolutely free of cost.These are sites which are chosen after a long experience. All the sites have working, direct download link. Unlike any other sites,they don't confuse the user by giving multiple ad link or malware app links.These sites are easy to explore and has less or no ads compare to other. There are millions of paid apps are available on these sites which you would not get free on Android app store (Google Play Store). All the sites have direct download links with 100% working guaranteed. You can also submit your apps on these sites for free.You can also submit your Suggestions. Here is Top 5 Website to Download Paid Android Apps Free of cost HiAppHere ApkHere Android-Apk.Org Mob.org Android Paid Apks Take a look all of them,one by one- 1.Hiapphere It is a bi
2 comments
Read more

Easiest way to add Facebook Like Button to your website

Facebook, world's top social network gives a new way represents the love of a user for a site by giving it Like. As the time passed population and popularity of Facebook both increases. Facebook gives us Like button. Facebook plays a big role in SEO. Facebook is big source of traffic. Also Facebook pages are high ranked in Google Search. So it is very important to have a website fan page. More likes your page get more popular your site become and more people get engaged to your site. For any site the method to promote his facebook page is own site.So how to add the Facebook like button and where should be placed it? Easiest Way to Add Facebook Like button to any website- As we go to facebook developer and create a like button we get two ways to integrate it to our site. One is js sdk and other is iframe. In this tutorial i taught you the iframe method. Why Iframe? Ifame actually a html tag which is used to add other web pages to our site in a form of container. Actually i
Post a Comment
Read more