Monday, August 22, 2016

Creating an Example of a Small HTML Document

Friends here I am writing an example of a small HTML document. Learning HTML is very easy. Keep visiting Wide Info Blog. Try this on your own system. Previously we have discussed about the basic introduction & history of HTML.

<!DOCTYPE html>
<html>
<head>
<title> Page Title </title>
</head>
<body>

<h1>  My First Heading  </h1>
<p>  My first paragraph.  </p>

</body>
<!DOCTYPE html>    : This defines that the document is HTML.

<html>  </html>     : Text between these tags is HTML.

<head>  </head>    : Gives information about the document.

<title>  </title>      : Used for the title of the document.

<body>  </body>    :  Used for visible page contents.

<h1>  </h1>           :  Used for Heading.

<p>  </p>               : Used for Paragraph.

 Now, Open Notepad in your system. Copy & paste the above HTML code in notepad. Now save this page with extension .htm & your file is saved as shown below.

Next step is to open your saved file with any of the browsers installed on your system. You will see your first HTML page as shown below.
Read More »
No comments:
Labels:

Sunday, August 21, 2016

How to Add a Custom Post Template in Blogger - Wide Info Blog

Blogging is one of the simple, easy & an interesting way to share your ideas, technology, tricks, tips & information with the world. Blogger.com provides free blogs & templates. Now you can easily make your free blog with the help of blogger. There are millions of people who are writing blogs & are also liked by the readers. Previously we have discussed - How to Enable HTTPS on Blogger / Blogspot - By Wide Info Blog.

Steps for Adding a Custom Post Template

Step - 1. Login into your blogger account & select the blog to which you want to add a custom post template.

Step - 2. Now, Open your blog's "Settings", under settings, click on "Posts, comments and sharing settings". Now you will see  "Post Template" option on the second number as shown below.
Step - 3. Now Click on "Add" , now you can write the content you want in your all new posts as shown below.
Step - 4. Now save your settings & when you  will click on new post - you will see the default contents that you have added. Here you can also add simple HTML, Tables & Images as per requirement.

Keep reading new blog @ www.wideinfoblog.com
Read More »
No comments:
Labels:

Thursday, August 18, 2016

How to Enable HTTPS on Blogger / Blogspot - By Wide Info Blog

Blogging is one of the simple, easy & an interesting way to share your ideas, technology, tricks, tips & information with the world. Blogger.com provides free blogs & templates. Now you can easily make your free blog with the help of blogger. There are millions of people who are writing blogs & are also liked by the readers. This blog - Wide Info Blog provides blogger tips, tricks & tutorials. Previously we have discussed - Display Latest Posts from a Specific Label in Blogger. 

Steps for enabling HTTPS on Blogger / Blogspot

Step - 1. Login into your blogger account & select the blog to which you want to enable HTTPS on blogger / Blogspot.

Step - 2. Now click on "Settings" tab & under settings in "basic". Now you will see "HTTPS Redirect" click on the option in front of this & select "Yes". as shown below.


Step - 3. Now save your settings & you are done. Open your blog & see - HTTPS is enabled. 

NOTE :  HTTPS is not available for a custom domain. Friends keep learning & sharing. Visit WideInfoBlog for latest blogs.
Read More »
No comments:
Labels:

Thursday, August 11, 2016

Display Latest Posts from a Specific Label in Blogger - Wide Info Blog

Blogging is one of the simple, easy & an interesting way to share your ideas, technology, tricks, tips & information with the world. Blogger.com provides free blogs & templates. Now you can easily make your free blog with the help of blogger. There are millions of people who are writing blogs & are also liked by the readers. This blog - Wide Info Blog provides blogger tips, tricks & tutorials. Previously we have discussed - How to Blink Text / Link. 

Now, Steps for Displaying Latest posts from a specific label in blogger.

Step - 1. Login into your blogger account to which you want to Display Latest Posts from a Specific Label.

Step - 2. Now, Go to "Layout" Tab & click "Add a Gadget" where you want to add as shown below. Now add "HTML / JavaScript", copy & paste the following code.

Code : 

<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="http://www.MY-DOMAIN.com/feeds/posts/summary/-/Placement Papers?max-results=2&alt=json-in-script&callback=recentpostslist" style="float:right;font:bold 10px Arial;padding:5px 0;"></script>
Note  :  replace 
  • MY-DOMAIN   by your blog url
  • results=2, by results=5  or more (No. Of Posts)
  • Placement Papers   - by your label Name
For latest blogs, keep visiting wide info blog. Keep learning & sharing. Any Question ?? . Ask in Comments.
Read More »
No comments:
Labels:
Subscribe to: Posts (Atom)