Receive Facebook Notifications Outside Facebook Window

How many of you spend your leisure time browsing through Facebook, and  waiting for notifications or messages from friends? I know many, if not most, of you people might. Facebook indeed is a great tool to stay in touch, and many people, like me, log on solely to communicate with their friends. But who has the time to wait on the Facebook site for their friends to appear, or to check their Facebook periodically? Using MyStatusBar, you can now get Facebook notifications outside the Facebook site, leaving you free to browse through the internet and do your work.

Recommended for you:  How to Chat With Your Facebook Friends Using Skype?

MyStatusBar

MyStatusBar is a browser extension available for Chrome and Firefox, since those are the two most popular web browsers. It's a useful little tool that will give you real-time information about your Facebook updates, so you will see new messages or notifications as soon as you receive them.

Install MyStatusBar

Go to the MyStatusBar Download page on Chrome Web Store, and then click on the Add To Chrome Button on the top-right. Your download will initiate in a few seconds, and the installation will be started automatically. Your browser might need to restart for the changes to take effect.

Once installed, you will be redirected, and will see a bar at the bottom of your browser. Click on the Login to Facebook button as shown.

Now, a window will open which will ask confirmation for logging into Facebook. Next, you will see a list of permissions that MyStatusBar seeks in order to function. Click on Allow, and you're all set!

Now, you'll see a bar at the bottom of your browser. This will show all your messages, friend requests, and notifications, just like you see them on your Facebook header. And no matter what website you're on, this bar will always be there at your convenience.

You can also see a a mini feed from your latest news feed, and you can scroll up and down to see what your friends are up to. There's also a search bar where you can search Facebook without even opening the website! Annoyingly though, there's an ad spot too, which takes up space where something useful could've been. There's a 'x' (close) button that will let you minimize the bar, which is handy if you want the full space of the website you're working on.

All-in-all though, it's quite a useful utility. It's one for the Facebook fanatics out there who don't want to keep their eyes off the notifications bar for long! For them, staying on Facebook just got easier. Enjoy and share :)

Source : mybloggertricks[dot]com

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:-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "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:-

<TITLE>Tips for New Bloggers</TITLE>

but this:-

<title>Tips for New Bloggers</title>

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:-

<div id=header-wrapper> <a href=http://tips-for-new-bloggers.blogspot.com>Text Link</a> <img src=photo.jpg/> <table width=200 border=0 cellpadding=2>

Instead, they should be written as such:-

<div > <a href="http://tips-for-new-bloggers.blogspot.com">Text Link</a> <img src="photo.jpg"/> <table width="200" border="0" cellpadding="2">

3. Container elements must have closing tags

This is not correct:-

<p>A paragraph.

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

<p>A paragraph.</p>

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

<ul> ... </ul> <li> ... </li> <table> ... </table> <h2> ... </h2> <div> ... </div> <span> ... </span> <dt> ... </dt> <dd> ... </dd> <a href> ... </a>

4. Standalone elements to be closed

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

<br> <img> <input> <frame> <hr> <meta> <link>

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:-

<br/> <img/> <input/> <frame/> <hr/> <meta/> <link/>

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

<br> ... </br> <img> ... </img> <input> ... </input> <frame> ... </frame> <hr> ... </hr> <meta> ... </meta> <link> ... </link>

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:-

<form> <table> ... </form> </table>

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:-

<form> <table> ... </table></form>

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 <html> and </html>. This is the root element and all other elements or sub elements are in between. The document structure will look like this:-

<html> <head> ... </head> <body> ... </body> </html>

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:-

<textarea readonly>Hyperlink Code</textarea>

but this:-

<textarea readonly="readonly">Hyperlink Code</textarea>

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.

©

Source : tips-for-new-bloggers[dot]blogspot[dot]com