What is HTML ?

 
HTML ( HyperText Markup Language ) is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet. It is relatively easy to learn, with the basics being accessible to most people in one sitting; and quite powerful in what it allows you to create. It is constantly undergoing revision and evolution to meet the demands and requirements of the growing Internet audience under the direction of the » W3C, the organisation charged with designing and maintaining the language.

 

How to Highlight Authors Comments In Blogger / Blogspot

How to highlight the author comments in blogger blogs. This will help to Commenters can find author comments easily with this hack. Blog Author comments are highlighted differently to normal style. Many blogger are using this hack in their blogs. No other plugins are needed. Using a small Xml template hack we can change style of author comments.

How to Highlight the Author Comments in Blogger?

 Adding CSS code

1. Login to your Blogger Dashboard
2. Select Design Section
3. Choose Edit HTML tab
4. Check Expand Widgets (i.e., Tick Expand Widgets check box)
5. Find ]]> Tag in Your template
6. Add Bellow code Before it

.comment-body-author {<br /> background: #CEF6E3;<br /> border: 2px solid #FA5858;<br /> padding: 5px;<br /> }

Change Background and Border Colors as you need

   7. Now Save your template


Adding Xml Code

1. Find the following section of code in your template
2. I am not sure the code exactly like bellow
   But tag must present in code
   So Find tag and then select entire code like bellow

<dd class='comment-body'><br /> <b:if cond='data:comment.isDeleted'><br /> <span class='deleted-comment'><data:comment.body/></span><br /> <b:else/><br /> <p><data:comment.body/></p></b:if><br /> </dd>

   3. After finding code successfully then Add Bellow code Before it

<b:if cond='data:comment.author == data:post.author'><br /> <dd class='comment-body-author'><br /> <p><data:comment.body/></p></dd><br /> <b:else/>

  4. and Add bellow code After it


<</b:if>

  5. After adding Above two codes then Save your template and check your Comments

Your final change in code like bellow

<b:if cond='data:comment.author == data:post.author'><br /> <dd class='comment-body-author'><br /> <p><data:comment.body/></p></dd><br /> <b:else/><br /> <br /> <dd class='comment-body'><br /> <b:if cond='data:comment.isDeleted'><br /> <span class='deleted-comment'><br /> <data:comment.body/></span><br /> <b:else/><br /> <p><data:comment.body/></p></b:if><br /> </dd><br /> <br /> </b:if>

Any difficult to install this then don’t hesitate to ask me via comments Your comments are always appreciated except spam.

Difference - HTML and XHTML

When inserting codes into the Blogger template, page element, or blog post, you may have seen error messages that the code could not be parsed, was not well-formed, was broken, or that the elements were not closed properly. These errors can be corrected if you understand the rules that must be adhered to in XHTML documents. Blogger templates use the XHTML 1.0 Strict Document Type. In this article, we shall explain some of the XHTML syntax or rules, so that you may troubleshoot and resolve the problems if these error messages should occur.
XML, HTML and XHTML
We shall keep this short. Just so as you understand what we said about document type, view the Page Source or Source of your Blogger blog. You should see this document type declaration at the very top:-
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
The terms – XML, HTML and XHTML - refer to the markup language used to write the web pages. Many of us would have heard of HTML (Hypertext Markup Language), invented by Tim Berners-Lee, and used since the early days of internet. XML (Extensible Markup Language) is a meta-language, used to create other markup languages. The traditional HTML was later recast to use the rules of XML and that resulted in a new XML application, called XHTML (Extensible Hypertext Markup Language). Because XHTML rules are strict and unforgiving, not conforming to them when attempting to modify the template would result in error messages. So, what are these rules that Bloggers like us should take note of?

Basic Rules of XHTML

1. Codes to be in lowercase
Since XML is case sensitive, all the element keywords and attribute names used in XHTML should be in the lowercase. For example, the template code is not this:-


but this:-



If you have noticed, the elements and attribute names between the lesser than (<) and greater than (>) signs have to be in the lowercase. However, the value, which in this case is “Tips for New Bloggers”, can be in the uppercase, lowercase, or mixed case.

2. Attribute values to be in quotation marks
All the attribute values have to be enclosed either in single or double quotation marks. The following examples are not accepted by XHTML:-

Text Link




Instead, they should be written as such:-

http://shadowofdeath.co.cc%22%3etext/ Link

3. Container elements must have closing tags
This is not correct:-
A paragraph.


In XHTML, there must be a closing tag with a forward slash (/) at the end:-

A paragraph.



Examples of the many non-empty elements that have opening and corresponding closing tags are:-

...

...

...

...

...

...

...

...

...


4. Standalone elements to be closed
Some of the elements are empty or standalone. They do not have associated closing tags. Common examples are:-

---

Nonetheless, in XHTML, these elements must be terminated or closed. There are two ways to do that. One way to terminate the element is to put a forward slash (/) at the end like this:-

---

The second way is to add a corresponding closing tag like this:-

...

...
...
...

---

...
...
...


5. Elements to be properly nested
This means that elements must be closed in the reverse order. For example, this code is not accepted in XHTML:-

...



It is improperly nested because the form was created first followed by the table. To close them in the proper order, the table must be closed before the form, like this:-
...


6. Document to have only one root element
In the XHTML document, you will see that except for the document type declaration, all the codes are nested between and . This is the root element and all other elements or sub elements are in between. The document structure will look like this:-

...
...



7. Attribute minimization is not allowed
In XHTML, all attributes should be in the form name="value". Even if the value is the same as the name, it cannot be minimized to one word. Hence, in our Add Text Box and Textarea article, the textarea code is not this:-
Hyperlink Code


but this:-
Hyperlink Code


XHTML Character Entities
Quite a number of readers had asked why they were unable to display HTML codes in their blog posts or why their codes were not well-parsed when inserted into the template. If you have noticed by now, the codes are wrapped in the lesser than (<) and greater than (>) signs. The moment these are posted, they will be interpreted as codes and will trigger an action by the browser. Should you want to display these as part of the text, use their character entities instead.
" "
& &
< <
> >

The next time you see an error message to the effect that the code is not well formed, not well parsed, not properly closed, etc., take a look at this guide, troubleshoot the problem and try out the possible solutions.