Simple Vertical Navigation Bar For Websites

In this article, we will create simple vertical navigation bar for websites.

Suppose our website having following menus :

• HOME
• ANGULAR JS
• DOT NET
• HTML
• HISTORY
• ADVERTISE
• ABOUT US
• CONTACT

Submenu cut-off problem in custom Drop down Menu bar of Blogger Template

Actually, I was faced this problem while adding drop down menu bar in blogger. I was googled but I was not found any solution. So that I was tried myself to edit that template and after working on that I was at the stage of success. It seems that, this problem happen only using a template made through Blogger Template Designer.

Suppose you have any horizontal menu bar which also having some sub-menus in. A menu is handy for those who do not require complex menus or prefer not to use one that requires scripts and/or too many images, also the installation and customization is quite simple, and to top it off is quite functional. This menu bar is already added by you in blogger. But after visiting website, it doesn’t showing any sub-menu even after hovered.

How To Create Best Tooltip Only Using HTML & CSS

Tooltip is used to describe information about anything which may on HTML pages. It is possible to create tooltip to show information about fields so that user will not be confused about what and how to enter correct data in fields.

Here is the general code to create tooltip design.

List of HTML5 Inline Elements

In this tutorial, we will discuss about one of the type of HTML5 elements i.e Inline elements. As in one of the article, we already have posted information about different types of HTML4 elements and difference between them. You can read that article by clicking on Read More...

HTML5 Inline Elements

In general, HTML5 elements can be divided into two categories :

1. Block Level Elements
2. Inline Elements

List of HTML5 Block Level Elements

In this tutorial, we will discuss about one of the type of HTML5 elements i.e block level elements in HTML5. As in one of the article, we already have posted information about different types of HTML4 elements and difference between them. You can read that article by clicking on Read More...

HTML5 Block Level Elements

In general, HTML5 elements can be divided into two categories :

1. Block Level Elements
2. Inline Elements

What is the Document Object Model?

The Document Object Model (DOM) is an Application Programming Interface (API) that gives programmers and developers a way of accessing and manipulating the elements within HTML and XML documents.

With the Document Object Model, programmers can create and build documents, navigate their structure and perform various manipulation operations such that add, modify or delete elements and content. Anything found in an HTML or XML document can be accessed, changed, deleted or added using the Document Object Model. In simple sentence "The way that document content is accessed and modified is called the Document Object Model or DOM".

Difference between HTML 4.0 Block Level and Inline Elements

HTML 4.0 Elements

Following is a list of some of the HTML elements.

• a : Anchor

• abbr : Abbreviation

• acronym : Acronym

• address : Address

• applet : Applet

• b : Bold

• base : Base URL

• base : Base Font Size

• bdo : Bi-Directional Override

• big : Big

• blockquote : Blockquote

• body : Body

• br : Break

• button : Button

• caption : Table caption

• center : Center align

• cite : Citation

• code : Computer code

• col : Table column

• dd : Definition description

• del : Deleted text

• dfn : Instance definition

• dir : Directory list

• div : Division

• dl : Definition list

• dt : Definition term

• em : Emphasis

• fieldset : Form control Group

• font : Font

• form : Form

• frame : Frame

• frameset : Frameset

• h1 : Header 1

How To Create Sitemap Page in Blogger

Sitemap page is not much necessary for blogs but from some point of view it's better to have a sitemap page in menu. Sitemap page basically helps you to make the navigation easier and it also improves page rank of our blog due to make internal linking of our blog. It also helps search engine's crawler to index the content and webpage easier.

Four Methods of Adding CSS to HTML

There are many more ways of adding a Cascading Style Sheet (CSS) to your Hyper Text Markup Language (HTML) document. In this tutorial I will explain the strengths and weaknesses of the four main methods.

* Adding Inline CSS to HTML tags
* Embedding CSS into the HTML
* Linking to a separate CSS file
* Importing a CSS file from within CSS

How To Use Browser Stack For Testing Public URLs And Testing Internal URLs

In previous article we learned to use FREE TRIAL account of browser stack as well as their services menus.

Building desktop or mobile web applications which will support as many browsers and mobile devices as possible. To achieve this, we are using Browser Stack which is a cross-browser testing platform in the cloud.

In this article we are going to learn live testing of Public URLs as well as Internal URLs i.e. Local Testing

In this article we are going to learn to use browser stack for testing public urls and testing internal urls
Please sign in using your email id and password. After sign in you will be redirected to dashboard.
There are two tabs in the middle of dashboard. First is “Test a public URL” and second is “Test an internal URL”.

Free Live And Web Based Cross Browser Testing Using Browser Stack

Building desktop or mobile web applications which will support as many browsers and mobile devices as possible. To achieve this, it is necessary to test your applications on many browsers and mobile devices. So what to do and How to do ? First option is you can buy all the devices you would like to support. Another option would be create a virtual machine for every supported platform and install the supported browsers, and for mobile devices, you could install the corresponding emulator. But all these options are unnecessarily wasting of time and money also.

I thing you are thinking about something..........
Yes, you are thinking to the correct direction. Now, it is possible with one of the web based cross browser testing tool.
Its name is

Browser Stack.

BrowserStack is a cross-browser testing platform in the cloud.

CSS To Prevent Visitors From Copying Content Of Your Blogs Or Websites

It is very frustrating whenever some visitors copying content from your blogs or websites and published that content on their own blogs or on websites as like their own content means no credit to original publisher or blogger. And it might be possible that page rank of their copied data is higher than yours in a search results.

So, how to prevent such a visitors from copying your content?

There are so many methods to prevent people from copying content of your blogs or websites like using CSS, JavaScript or by using some other techniques. It depends on you, how much security and up to what level of security you want to give to your web pages. So first of all it is necessary to know how visitors should be copied content from your blog. (Here I am not offering to others to do that.)