Follow this blog

Sunday, May 29, 2011

Top Seven Tools For Budding Webmasters

You’ve finally finished building your very first website and whether you built it from scratch or used a template from Wordpress or Joomla or some other CMS source, unfortunately your work is still not complete. Even if you’ve packed the site with thrilling content and wonderful writing and the design is impeccable, you’re still going to have to wade into the somewhat murky world of search engine optimisation if you want people to actually read it. This article will look at the very best tools to help you tweak your site for the search engines.


Before you do anything however, you’ll need to look into what keywords you should be targeting to get your site to rank well in the search engines. Whether you intend to run your own organic SEO campaign or go for Pay Per Click advertising you’ll still need to choose the right keywords before you do anything else and this is best done, initially at least with a pen and paper. Take half an hour to quickly note down all the search phrases you would use and the words you would type in if you were searching for a site like your own. Repeat the process for your competitor’s site and you’ll very soon have a decent list of search terms that will bring the right kind of traffic to your site.

 
Now you’re ready to start working on search engine optimization you’ll need to get to grips with some of the tools that will make your day to day work a bit easier. Here are seven which are popular with webmasters:


Google Analytics – Google provide Google Analytics for free, allowing site owners and webmasters to track the activity on their website and to study certain categories such as average time spent on the site, bounce rate, pages viewed per visit, page views and page hits. Google Analytics is invaluable in helping you to make sense of your site’s search traffic, the value of your keywords and the performance of your content.


Link Diagnosis – A popular tool for analysing links and link competition. Link analysis reports on link competition by giving you details of a competitor’s links. Link Diagnosis lists page rank and anchor text amongst other things, but is limited to use with the Firefox browser.

 
SEO Logs – SEO Logs offers a wide range of tools such as Keyword difficulty check, SEO optimizer, on-page SEO and Google tools for detecting any fake PR results. Also useful are the included HTTP headers and status check features, the back link analyser, the domain age checker, Adsense profit calculator and the ability to compare Alexa rankings.


Alexa – Alexa is another tool you should get to grips with. Alexa is used as a way of measuring websites’ popularity by using browsers toolbars. 

 

Key Complete – Key Complete is best used for working out a competitor’s keywords when conducting a PPC campaign. A useful online tool.

 

SEO Moz – One of the main tasks performed by SEOmoz is to detect any errors on your site, monitor and track your traffic and research keywords. Receives reports from search engines including Yahoo, Google and Alexa.


Widexl – Widexl is useful to help you understand link popularity and the pages that link to your website. In addition there is a Meta tag analyser which looks at keyword density, meta tags, page loading time and other similar SEO related details.

Alex is a blogger and seo consultant. He currently writes for the Bedouin Group on finance and the contracting sector, covering everything from mortgages to umbrella companies.

 


Thursday, May 26, 2011

How to Turn SEO Into a Job

Image: jscreationzs / FreeDigitalPhotos.net

A lot of us would love the opportunity to stay home and work from home. To be able to pay our bills, yet wake up when we’d like, as well as work certain days of the week, that’s a dream to many. One opportunity that can make that happen is through Search Engine Optimization, also known as SEO.

If you’re looking to start your own business in the field of SEO, here are a few ways you can start that today.



Create a site or multiple sites: In order to get you started, you need a website plan. What would you like your site to be about? It’s a good idea to stick with something that is unique, has low competition, as well as one that is highly searched. For example, weight loss will be a challenge because of all the weight loss sites, but maybe something like food processors would work better because of the low competition.

Now think to yourself, how are you going to make money? Are you going to provide an online service, promote products through affiliates, or maybe even just rely on things like Google Ads. It’s up to you, as long as you have a plan and some type of outline.

Create helpful content: Websites need content. You will find that the more content you have on your site, the more visitors you’re going to have. That translates into the more visitors you have the more money you will make over time.

Consider ads: Ads are usually people’s highest payer. The more ads visitors click on, the more money you will make as a website holder. These can be costly, but if they have a good return it’s worth it.

Get links: It’s important that you get good links back to your site. The more links you have pointing to your site, the more authoritative it is, as well as the higher it’ll rank in the search engines. You can get links by providing good content on your site, as well as doing things like guest posting.

Spread the word: Spread the word of your site. Tell your friends about it, have them tell their friends and the word can spread quickly if you have a good site. Also, try social bookmarking. Create a Facebook fan page or even a Twitter account.

As you can see, there are a few things you can do to help create a job in SEO. The most important thing is that you wait for your sites to age. You need a lot of patience, age for site, and a lot of links to help boost you in the search engines. Work hard, wait a few years, and hopefully you’ll see the money come your way.

This article was written by the writer of MyJobApps.com, a website that offers 1,000+ Online Job Applications, as well as the job descriptions and salaries for each one.


Wednesday, May 25, 2011

Read And Make The Right Choice!

Web designing industry is faced with numerous changes on daily basis. The trends in the web designing change over the night. Currently website redesigning becomes the most valuable activity to increase more and more visitors to your website. For this, you have to update your website designing by taking the help of any professional web designer or web design company, if you wish to survive in the market.

If you want to keep yourself updated with the current trends, following links are worthy of being visited.

Design Meltdown














If you are looking for the latest and updated design elements, and if you wish to learn the latest trends in the market or you have some problems to be solved, simply log on to Design Meltdown. This is a tutorial specially designed to cater such issues with lot of chapters on design principles and the styling, plus the other elements like color or themes as well.

Red Acorn














This is the place where you can get maximum help in web designing. If you wish to learn how to plan or market out any website or even how to publish your website, there is no better option than Red Acorn.

Boogie Jack














It features tutorials to help you out with CSS and other resources with an HTML format. You can also get few tips for hosting and if you are looking for tips for SEO and easy website money, there is no better option than Boogie Jack.

Alertbox










Learn more about the top mistakes that web designers make from Alertbox. You will get many tips to improve your work here. This is being hosted by Jakob Neilsen.

Save The Pixel





This is a complete book for web designers and it is available now to be downloaded. The whole book might turn out to be costy, however, you can download the first chapter for free. The first chapter includes information on the designing, pixel usage and many more.








Network For Good






You can view different campaigns here for free. If you are looking for online tips and tricks of marketing, log onto it and get started with it instantly.

Designer Talk







This is the leading forum of web designers. You can get a lot of information on designing, advertising and marketing here.

Web Developer’s Handbook 2.0






If you enjoy designing and you have free time to experience with your designing tactics, this place is a paradise for you. Articles here range from quality and creativity to accessibility and CSS tools.

Web Design Trends for 2009



















Find out more on the popular trends of the market through Web Design Trends for 2009.


Monday, May 23, 2011

javascript: Changing text

How to dynamically change text on HTML page with jscript? It is relatively easy to do this. Learn how to make web page where you can changing text with one click on link.

In this guide you will find how to:

  • make a simple javascript function to change text after click on the link

  • change text to two different words with click on first or second link with calling one javascript function

  • change text of one link to "pressed" or "unpressed" after clicking that link

  • hide and show text with changing link text to "show" or "hide"

In this samples text inside Div element is changed after click on link. You should know that it is possible to change text in various HTML elements such as buttons, paragraphs, text in drop down lists...

For more useful javascript effect tips follow the link.

Changing text with javascript after clicking a link

In this demo text will be changed after you click "Change text to AAA" link or another link "Change text to BBB". One link change text to first version ("Text changed to AAA") and a second link change text to another version ("Text changed to BBB").

Demo:

Change text to AAA Change text to BBB

This text will be changed

Here is a HTM/jscript code responsible for changing text demo:

<script language="javascript">
    function changeTextToAAA() 
    {
        document.getElementById("divA").innerHTML = 'Text changed to AAA';
    }

    function changeTextToBBB() 
    {
        document.getElementById("divA").innerHTML = 'Text changed to BBB';
    }
</script>

<a href="javascript:changeTextToAAA();">Change text to AAA</a>
<a href="javascript:changeTextToBBB();">Change text to BBB</a>

<div id="divA"><h4>This text will be changed</h4></div>

Explanation of code:

  • Text is in the div element with id=divA

  • when "Change text to AAA" link is clicked javascript function changeTextToAAA() is called

  • In javascript function changeTextToAAA() innerHTML of divA (where text is stored) is changed to text "Text changed to AAA"

  • Each HTML element has an innerHTML property that defines both the HTML code and the text that occurs between that element's opening and closing tag

  • same principle for "Change text to BBB" link, when "Change text to BBB" is clicked it call function changeTextToBBB() which change text (innerHTML of divA to "Text changed to BBB")

Changing text with only one jscript function called from two links


Demo:

Change text to First Change text to Second

This text will be changed

In this demo text is changed to "First" or "Second" after clicking one of the links which call one jscript function with input parameter with text which appear.

Take a look at code:

<script language="javascript">
    function changeText(newText) 
    {
        document.getElementById("divB").innerHTML = newText;
    }
</script>

<a href="javascript:changeText('First');">Change text to First</a>
<a href="javascript:changeText('Second');">Change text to Second</a>

<div id="divB"><h4>This text will be changed</h4></div>

Explanation of code:

  • Text is in the div element with id=divB

  • when "Change text to First" link is clicked javascript function changeText() is called with parameter 'First' - so call to function look like changeText('First')

  • word entered for input parameter is passed to jscript function which change text to this word - in this case this word is First but if jscript function changeText is called like changeText('MyText') then text will be changed to "MyText"

  • In javascript function changeText() innerHTML of divB (where text is stored) is changed to text from input parameter 'First'

  • same thing for "Change text to Second" link, when "Change text to Second" is clicked it call function changeText('Second') and changing text to "Second" (innerHTML of divB to "Second")

One link changing text to pressed or unpressed


Demo:

Unpressed

When page is loaded link text is "Unpressed". Press link and its text is updated to "Pressed". Click link again ant its text is changing to "Unpressed"...

Sample code:

<script language="javascript">
    function changeTextOfLink() 
    {
        var link = document.getElementById("linkClick");

        if (link.innerHTML == "Unpressed") 
        {
            link.innerHTML = 'Pressed';
        }
        else 
        {
            link.innerHTML = 'Unpressed';
        }
    }
</script>

<a href="javascript:changeTextOfLink();" id="linkClick">Unpressed</a>

Explanation of code:


  • Link with id=linkClick have text "Unpressed", its innerHTML value is "Unpressed"

  • when link linkClick is clicked jscript function changeTextOfLink() is called

  • jscript function changeTextOfLink() check the innerHTML property of link id=linkClick, if link innerHTML property have value "Unpressed" it is changed to "Pressed"

  • when link is clicked again (second time) it have innerHTML value set to "Pressed", then jscript function changeTextOfLink() change innerHTML value to "Unpressed"

Hide or show text in div and changing link text to "Hide" or "Show"

Hide

This div will be hidden




In this javascript demonstration div tag with text "This div will be hidden" is hided when use click link with "Hide" text. Link text is changed to "Show". When user click link again, div element with text "This div will be hidden" will be showed and link text is changing to "Hide".

Code:

<script language="javascript">
    function divToHide(divToHideOrShow) {
        var link = document.getElementById("linkId1");
        var div = document.getElementById(divToHideOrShow);

        if (div.style.display == "block") 
       {
            div.style.display = "none";
            link.innerHTML = 'Show'
        }
        else 
       {
            div.style.display = "block";
            link.innerHTML = 'Hide';
        }
    }
</script>

<a href="javascript:divToHide('divShowHide');" id="linkId1">Hide</a>
<div id="divShowHide" style="position:absolute; display: block"><h4>This div will be hidden</h4></div> 

What this code do:


  • Link with id=linkId1 and text "Hide" on click call jscript function divToHide

  • in div element with id=divShowHide is text "This div will be hidden"

  • when link lnikId1 is clicked jscript function divToHide() is called

  • jscript function divToHide check if div element divShowHide is hidden or showed

  • if div element divShowHide is showed (div.style.display == "block") then div divShowHide is hided and text of link linkId1 is changing to "Show"

  • if div element divShowHide is hided then div divShowHide is showed and text of link linkId1 is changing to "Hide"


Failing the Right Way with Email Marketing: How Trial and Error can Lead to Future Success

Email marketing maintains a paradoxical approach to effective internet marketing. It works yet it doesn’t work. How can this be so? Basically, email marketing is always a work in progress. Due to the enormously negative sentiment some potential customers have towards spamming, they might be a little closed minded towards certain email marketing pitches. Yet, there are others that have discovered a logical and effective personalized approach to email marketing which can deliver excellent results.

The key here is learning how to fail the right way on the path to email marketing success. Basically, you really need to employ trial and error to succeed with emails marketing. Abandoning email marketing too soon or prematurely means you might not live up to your potential. Rather than do this, it is best to learn how to fail in the right manner. In other words, you need to test the email marketing waters and analyze what when right and what went wrong. Once you analyze the feedback, you can then make effective determinations so as to improve performance.

In short, you will want to avoid getting discouraged when you start an internet marketing campaign. Instead, you simply want to build on your efforts. Doing so certainly will increase your chances for success and history is filled with great examples of this.

Among the most famous saying ever made by a historical figure would be Thomas Edison’s quip after having failed to get a light bulb to work even after 1,000 tries. The legendary Mr. Edison said, “I did not fail. I learned 1,000 ways how not to make a light bulb.

He was right. More importantly, he did become the man who eventually invented the light bulb.

No other inventor at the time found the proper path to make a light bulb. Many tried and many ended up quitting when trying. And out of all the inventers and tinkerers on the globe, only Edison found the path to actually create a light bulb.

Is there a moral here? Yes, it would be that there are really no failures on the road to progress as long as you keep making progress. That is the true lesson that email marketers need to understand.

Here is how all this works as far as email marketing is concerned:

The first step in determining the progress you are making with your initial email marketing ventures. If you gain a small conversion rate, that is a good thing. You are clearly doing something right. If you are getting no buyers, you need to realize you have a really weak campaign and need to make changes. An honest and critical assessment of your campaign needs to be undertaken to ensure you correct any flaws that are present. Trying to convince yourself your email campaign is brilliant when it is not delivering results just won’t help you succeed. So, avoid being dishonest in your self-assessments of your email marketing campaigns.

Often, the problem with an email marketing campaign is the target audience and the other problem is the message. Are you effectively targeting the proper opt-in audience? Does the message you are sending to those on your list appear timely and does it present effective advertising marketing copy? The first question can be answered with a simple yes or no and if you are not sending messages to an audience that has opted in, you can make the needed adjustment easily. You either need to create an opt-in function to build a list or you need to purchase such a list from a reliable source.

As for the second half of the equation, if you are not using effective and timely ad copy, you will need to slowly analyze what is wrong with it. When you are unable to determine the problem, you should ask others for their honest and informed opinion. At this point, you can absorb what they have told you and make adjustments. Be open-minded to constructive criticism and you will discover you email marketing campaign increases exponentially.

One thing to be mindful of here is that there is a science to email marketing. Of course, each email marketing campaign is different so you cannot employ a standardized approach with every campaign. You will need to tailor the scientific components of email marketing to your own unique needs and this is only derived from honest assessment of feedback, foibles and fumbles, and a commitment to improving a little bit each time you try.  Once you do get into the proverbial groove of how to make email marketing work, you will discover how potentially lucrative it can be.

Mariana Fang Lin is an avid blogger and writes throughout the blogosphere. She really likes writing about mobile marketing, business web hosting services, and SEO strategy. You can follow Mariana on Twitter here.


Friday, May 20, 2011

Reasons The Web Designers Are Preferring CMS Over Other Options

The way web sites are designed has undergone significant changes in recent times, with the trend leaning towards more user friendly, interactive sites with social media integration. The web users now prefer the websites that offer them enhanced interaction facilities and are intuitive in nature. This trend has contributed in a way behind the rise of the CMS based websites. Using a CMS application to design a website helps the website design professionals to create websites that are user friendly, useful and presentable. That explains why CMS apps like WordPress and Joomla have become popular with website design companies.

There are various benefits of using a CMS based app to design a website. First of all, CMS apps make administering and maintaining a web site easier than ever before. Earlier, the web site developers had to spend a lot of time updating and maintaining website designed in conventional method. However, with CMS site administration and maintenance woes have become a thing of the past, literally. In fact, web developers with little HTML expertise can easily make professional looking websites using the CMS apps.

In a CMS based website, the website design professionals can change the template without bothering about the content. This is because content and template updating are two separate processes under CMS. This makes site updating a hassle free affair. Apart from that, website administration is very much flexible with CMS. From anywhere the developers can log in the web and make the modifications in the website. It also saves the developers a lot of time in the process. A number of developers can work on the same website running on CMS from various places which is a significant advantage.

CMS Web design is also ideal for making a website search engine friendly efficiently. It makes generating RSS feeds easier and the users can access these feeds according to their convenience.

For making a CMS based site, a website design company is not likely to run short on creative designs. The top CMS apps come with a huge number of layouts and templates meant for making various types of websites. These layouts can be heavily customized which reduces the chances of a site looking like a replica of another. The CMS apps also have a number of extensions and plug-in which come for free. These can be used by website developers to extend the capabilities significantly and offer more features to the users.

Pankaj has been working as an internet marketing expert in a leading website design company, for the past 2 years. He has also written articles on different topics such as website design, Search Engine Optimization, logo design, graphic design etc.


Thursday, May 19, 2011

Avoiding the Hackers while Browsing the Internet

Even though internet security has become much more advanced over the last few years, cyber criminals are still at the same game of trying to get malicious software installed onto user’s computers.  The newer versions of Internet Explorer are very good at stopping Trojan horse viruses from getting on your computer in the first place but many people still ignore the warning signals and go ahead and download the bad software anyway.  This is because hackers are using a new strategy called social engineering.

This new kind of hacking involves making the computer user think that they need to download this software in order to view a certain video, open a file, or view a certain website.  These schemes are hitting the social networking world hard as well.  Facebook users are seeing messages from “friends” asking them to rate a picture or check out a video.  When the user clicks on the link it sends them to a website asking for them to download the software so they can view it.

Internet Explorer and other secure internet browsers are detecting these Trojan horse techniques, but still some people are ignoring those warnings and downloading the malicious software anyway.  In fact Yahoo news just ran a story that claimed that Windows users are downloading malicious software at a rate of over 7% for every download.  This alarming rate means that more people are getting bad software installed on their PCs and laptops all the time.  The best way to beat the hackers is to be aware of what they are doing and know how we can stop these harmful tactics.

Another tactic is to make the computer user think they have a virus installed on their computer and that they need to download a certain “anti-virus program” to get rid of it.  In all actuality, this “antivirus program” is the virus itself.  Never trust a pop-up asking you to download an anti-virus program you have never heard of.  Or at least look up the name of the software first and see if it is legit or not.  In most cases if you have a good anti-virus system like Kaspersky or Norton you will not need to download a new one.

I do recommend that every computer user at least has a good malware detecting program on it.  Some of the most popular ones are Ad-Aware, Advanced System Care, and Super Anti-spyware.  I know the last one has a funny name but it is very thorough in detecting and deleting any kind of spyware, malware, or even adware from your computer.

The biggest problem with these malicious programs is that they can eventually lead to your identity theft.  Certain thieves are targeting specific users in a method called spearphishing which involves showing you pop-ups and warnings that relate to something you were just searching for online.  Or maybe you just took a vacation and the window will display something about your trip.  The hackers figure that with better security in internet browsers they need to use mind games to hack into our lives.  But to keep your identity safe you should only download programs that you know and trust.  Even if it takes doing some extra research just to be sure, it is worth your time and effort.

Phillip is a writer for an ID theft awareness site that compares some of the best identity theft protection services and writes reiews of each one.  You can also find some cool products like RFID blocking wallets to help protect your credit cards.


Wednesday, May 18, 2011

Show or hide multiple divs

In this tutorial you will learn how to hide multiple div elements with only one action (for example click on button). To hide or show HTML elements javascript is used. Usually for hiding and showing HTML elements, HTML elements are placed in one div tag and this div tag is hided or showed with a help of javascript.

Here you can find two demonstrations:

  • how to make one jscript function which can be called from multiple places on web page

  • how to hide multiple divs with only one click link

If you didn't find exactly what you need in this article try How to show or hide with jscript tips or javascript effects tutorials.

One javascript function which can be reused to hide multiple divs elements

Demonstration:

show/hide Div A

Div A


show/hide Div B

Div B

Here is a sample of javascript function divHideShow with one parameter - id of div you want to hide or show. This code hide or show divA with click on link show/hide Div A which call a function divHideShow. For link show/hide Div B same function divHideShow is called to hide divB (but with divB parameter).


<script language="javascript">
    function divHideShow(divToHideOrShow) 
    {
        var div = document.getElementById(divToHideOrShow);

        if (div.style.display == "block") 
        {

            div.style.display = "none";
        }
        else 
        {

            div.style.display = "block";
        }

        
    }         
</script>

    <a href="javascript:divHideShow('divA');">show/hide Div A</a>
    <div id="divA" style="position:absolute; display: block"><h4>Div A</h4></div>
    <br />  
    <a href="javascript:divHideShow('divB');">show/hide Div B</a>
    <div id="divB" style="display: block"><h4>Div B</h4></div>

In this example div elements are in two line. Sometimes you could find useful tutorial how to place div elements in one line side by side.

If you want to change text of link when you click on the link to "Show" or "Hide" check Show and hide with javascript summary.

Hide or show multiple divs with only one click

Demonstration

show/hide Div C and Div D

Div C



Div D



Here is a sample of code which hide two div tags with only one click on link show/hide Div C and Div D.


<script language="javascript">
    function divHideShow(divToHideOrShow) 
    {
        var div = document.getElementById(divToHideOrShow);

        if (div.style.display == "block") 
        {
            div.style.display = "none";
        }
        else 
        {
            div.style.display = "block";
        }
      
    }         
</script>

    <a href="javascript:divHideShow('divC');divHideShow('divD');">show/hide Div C and Div D</a>
    <div id="divC" style="position:absolute; display: block"><h4>Div C</h4></div>
    <br />
    <div id="divD" style="display: block"><h4>Div D</h4></div>

If you need to center div elements set margin-right and margin-left to auto.


Monday, May 16, 2011

Make Your Website a Magnet for Search Engine Spiders

After setting up your website, your next goal is to make it visible in search engines so that more people could visit it. But this cannot happen until you have made some modifications to make your website search engine friendly. If no search engine optimization strategies are applied in your site, you have poor chances of getting found on Google, MSN or Bing.

It is however not advisable to design the website based on search engine friendliness. You want it to be friendly both to users and search engines. Putting too much emphasis on search engine optimization could hurt your page rank later on.

Put it in Text

Websites pages need to be in HTML text format so the search engines can index them. Flash files, images and other non-text contents will not be visible to search engine spiders unless they are indexed within the content. So, when using images, be sure to include a written transcript or description so they can be picked up by search engines easily.

Creating Smart Link Structure

When it comes to website pages, it is important to put links within them so search engines can easily navigate on them. When picking a keyword for your links, be sure to use a user friendly description. Aside from benefits of getting indexed quickly, creating quality links also ensure good experience for users.

The Power of ‘alt’ Tags

An image alt tag is basically a keyword or description attached to an image. It is mainly used to tell users as well as the spiders to identify what the image is. While a complete description is not feasible, it will be best to have something in there. It is not necessary to put alt tags in all images but be sure to put one on your primary image such as your logo.

The Role of Keywords in Page Rank

Appropriate usage and placement of keywords in content is the key to effective search engine optimization. Since search engine spiders index and rank pages through keywords, it is important to use the right keywords in the description, URL and content.

It is best to use keywords at least three times on every page. Underlining or bolding of keywords will give spiders hints on which words to attach more importance to. If possible, include keywords on the title as well. Be careful however, not to overuse keywords as this may also have negative effects on your site. Search engine algorithms might identify your site as a spammer and ban you from search engines for good.

Watch Out for Black Hat Search Engine Optimization

Another practice you might want to avoid in search engine optimization is content duplication. Copying the contents of other sites could get your website penalized. Search engines don’t usually show duplicate content anyway. So, why bother taking risks?

Search engines also warn against doorway pages, shadow domains, scumware and spyware. These are not the way to go if you want to reach page one of Google. They may work for awhile but you will eventually get caught and disappear in the face of Google earth.

Making your site accessible for the major search engines is one of the basics of any search engine optimizaton strategy (interesting to know is that the Danish term is søgemaskineoptimering). You can read more useful SEO tips, from this great article.


Sunday, May 15, 2011

Hide table row with javascript

Learn how to dynamically hide table row with a help of javascript! In this tutorial there are two samples:

  • How to hide or show entire HTML table on the fly

  • How to hide or show row in HTML table

To find more helpful javascript effect tutorials follow the link.

Hide HTML table on the fly with javascript

Demo:

show/hide Table
Simple table Row 1 Column2
Row 2 Column1 Row 2 Column2

With a clik on link "show/hide Table" entire HTML table is hided or showed. When a link is clicked jscript function elementHideShow with parameter simpleTable which is id of table. Then function elementHideShow hide table if table is showed (display property is block) or show table if table is hided (display property of table is none and become block).

Here is a sample code:


<script language="javascript">
    function elementHideShow(elementToHideOrShow) 
    {
        var el = document.getElementById(elementToHideOrShow);
        if (el.style.display == "block") {

            el.style.display = "none";
        }
        else 
        {
            el.style.display = "block";
        }
    }         
</script>

    <a href="javascript:elementHideShow('simpleTable');">show/hide Table</a>
    
    <table style="width:300px; display:block;" id="simpleTable" border="1">
        <tr>
            <td>
                Simple table</td>
            <td>
                Row 1 Column2</td>

        </tr>
        <tr>
            <td>
                Row 2 Column1</td>
            <td>
                Row 2 Column2</td>

        </tr>      
    </table>

Hide table row with javascipt

Demo:

show/hide Row
Simple table Row 1 Column2
Row 2 Column1 Row 2 Column2

In this case only table row is hided when a link "show/hide Row" is clicked. When use click this link a function elementHideShow is called with a parameter Row2Column1. This parameter is id of row in a table so entire row in HTML is hided (or showed if a row is already hided).

Here is a code:


<script language="javascript">
    function elementHideShow(elementToHideOrShow) 
    {
        var el = document.getElementById(elementToHideOrShow);
        if (el.style.display == "block") {

            el.style.display = "none";
        }
        else 
        {
            el.style.display = "block";
        }
    }         
</script>

    <a href="javascript:elementHideShow('Row2Column1');">show/hide Row 2</a>
    
    <table border="1">
        <tr style="width:300px; display:block;">
            <td style="width:50%" >
                Simple table</td>
            <td>
                Row 1 Column2</td>
        </tr>
        <tr id="Row2Column1" style="width:300px; display:block;">
            <td style="width:50%">
                Row 2 Column1</td>
            <td>
                Row 2 Column2</td>
        </tr>      
    </table>

Saturday, May 14, 2011

Free Ways to Promote Your Blog or Website

When you are promoting your business on a limited budget, the fact that the most effective strategies you can utilize involving social networking are totally free is very good news indeed.

You can begin with article marketing. Writing articles can be a great way to get your products and services out there in front of the Internet-using community. If you are not already aware of the most popular article directories, a quick Google search will uncover them.

There's a right and a wrong way to submit to such directories, however. Some people think that it is important to submit to hundreds of directories, which can be a very time-consuming and grueling task, but the top 10 directories will probably produce 90% of your results.

Blogging can also be a great way to expose people to your products and services. Business blogs are well-respected and you can create more than one if you wish to promote different products or services.

A personal blog can also be a great asset. This can allow you to brand not only your products and services but yourself as well, as you are also a marketable commodity. Of course, you always want your blog to contain interesting information so as to stand out from the crowd.

Social networking websites can also be another great way to meet your online marketing demands. Twitter and Facebook are excellent social networking vehicles and offer many advantages to those who want to market their products and services.

A few cautions are in order, however, before utilizing any form of social networking. For one thing, you should not add too many friends too quickly as this could be flagged as spammy or suspicious behavior and cause your profile or a count to be disabled or even banned by the social networking websites. As with all things, you should educate yourself, especially regarding the rules and regulations of the social networking services you utilize.

You can also utilize video for promoting what you have to offer. YouTube, for example, receives millions of visitors daily, and there are other video sharing sites to which you can post your unique content.

A video can simply consist of you talking to the viewer, as if with a friend, and sharing valuable tips and information that also happened to relate to your business. Macs sport a built in iSight video camera and also come with iMovie, which is a great way to edit your videos for maximum effectiveness. iMovie will even let you upload directly to YouTube!

In addition, there are network-focused forums that you can join that can give you access to communities that are geared toward your particular niche. Some forums will allow you to include the URL for your blog or lead capture page in your signature line to attract more visitors. In addition, you can learn a lot from forums that are related to your field of interest.

The most important thing is to select strategies that work for both you and your business. For example, some people enjoy writing while others prefer talking, so video marketing would suit them more than the writing of articles.

All of the above ideas are free and will cost nothing but time. You can effectively meet your network marketing demands if you are persistent, focused, and engage in your marketing activities on a regular basis.

You might get the impression that the Mac is the forgotten stepchild of the Internet marketing industry. But did you know that some of the top names in Internet Marketing use Macs? Visit http://internetmacmarketing.com and get a FREE 75-page ebook that covers everything you need to know about running your Internet business using a Mac, iPhone and iPad here: http://internetmacmarketing.com/10tools.html


Wednesday, May 11, 2011

Link building Aims to Create Your Reputation

Search Engine Optimization is the way of increasing your websites visibility for the relevant keywords that are related to your business. Its goal is simply to make the internet an accessible addition to all kinds business so that they can be successful. This can truly and only be achieved by mastering the techniques of link building. Link building if done in the appropriate manner tends to boost up your rankings over the internet and especially around search engines. This way you get more traffic and unique visitors which in turn create opportunities for future business.

Link building is a hyper active task which requires complete focus and understanding on how the search engine algorithms and robots operate. The main of these people involved is to find new techniques and ways to evolve the needs of the clients.

Why Do You Use SEO techniques such as link building:
Search engines out perform all other types of media in driving traffic to websites and 85% of the people opt for these search engines to increase their website visitors. These engines divert the best quality traffic as the people are really looking for product, service and solution.

The Reason you opt for Search engine Optimization is that 93% of people don’t look beyond the first page when browsing the net, so how can you possibly expect people to visit your website. Link building creates opportunities for your site to come on the first page and in this way you can get the maximum chances of good business. Another problem is that people look fro the latest brands and if your product is new and people are not aware of it, so it’s the work of these search engines to create awareness for your product.

Different Services Offered By SEO:
SEO also provide different service to increase and optimize traffic through link building techniques such as Internet Marketing Services. And these internet services further are categorized as:

  • Search Friendly Web Design.
  • Link Exchange Programs.
  • Social Media Optimization.
  • Targeted and search Marketing.
  • Pay Per Click Programs.

There are many available options to choose from and the marketer uses the technique that best suits his product and his requirement. And the aim of all these services is the same that is to increase targeted traffic to boost sales and website ranking, which in turn means creating maximum number of link across the internet. The purpose of all this is to get the required website first page ranking as that’s what we intend to do so that we can compete in this competitive world.

Globalization has created many positive and negative aspects on internet marketing. The positive ones are that we get a chance to choose from a variety of markets and also have the option of choosing the best product according to our need. And the negative aspect is that it has increased the competition in this open market and ha surely implemented the rule of "Survival Of The Fittest".

Thomas Alling runs a blog where he writes about internet marketing and search engine optimization. On his blog, you will also find posts on the popular topic "how to make money online". In addition to this, Mr Alling writes unbiased reviews in the 'make money surveys' niche.


Tuesday, May 10, 2011

Which Web Development Apps Are Worth Learning

Now more than ever, web designers are expected to have at least a basic knowledge of every aspect of the business. Web development apps can help you cover a part of the design process where your skills may be lacking.

The business of web design is getting increasingly more complicated. While it used to be enough to know HTML, design, and basic programming languages, there are also a host of other design issues that individuals working in the business should have at least a working knowledge of. While it is always best to know how to do as much of this yourself as possible, web development applications can be a great way to fill in the gaps in your web design education. In addition, there are a great many applications which can make the design process quicker, easier and more efficient, even for seasoned website design professionals. Here are the ones you need to know about.

One great web development app is a layout builder. These apps allow web developers to fill in the blanks when formatting the layout of a web page and usually offer hundreds of options for pre-designed layouts. These programs act as essential “blueprints” for creating web pages.

There are a number of coding and code assistance programs available for various types of coding that allow web designers to simplify and reduce the amount of code that is needed to build a web page. These programs are important because they allow for easier maintenance of web pages in the future.

Image maintenance and organization tools are also great tools for website design. Ranging from simple to incredibly complex sprite creation tools, these apps allow you to make the design aspect of your job a lot easier. Perhaps one of the more important tools for many designers, these apps help individuals prevent costly mistakes that might occur as well as to quickly update web pages in the future.

A number of debugging tools are available which help web design professionals to organize and analyze various types of code, such as Javascript or CSS. These tools are also great in that they can make the process of diagnosing issues on a web page much quicker and easier. These tools also allow you to more quickly resolve a particular issue or to update code in the future without having to do massive amounts of rewriting.

Although these are only a small sampling of the apps that you might want to consider learning, when trying to decide which apps to learn always remember that the choice is one that is personal to you as a designer. Look for apps that will help you to learn or work in areas of web design and development that are weak points for you.


Monday, May 9, 2011

Give New Heights To Your Web Designing Creativity – Useful Guide For Web Designers

Are you looking for some superb designs or just an inspiration to work on your own design? In this article you will come to know some best creativity works to serve as fuel for your website. In this collection you will come across some excellent work regarding logo designing, web designing, and some useful designing tips. These collections are from different galleries and also the best available over World Wide Web. Have a look and fine one best inspiration for your web designing effort.




Carbon Made Design Stock

This website is an excellent stock for web designers with its more than 174,00 master pieces specifically carrying web designing, and 3D animation background. You will get better insight after visiting this website.







Lemon Flip

This website is carries Slovakian collection of web designing to inspire designers who are involved in making posters, printed material, website designs, and logos.









CSS Mania

This gallery is more inspirational compared to previous one of CSS. This Drive equips designers with amazing color schemes along with a hover box. Designers can also get useful tips and tools for working in CSS environment.









CSS Elite

This gallery also contains CSS work. Designers can explore through different designs in accordance with their own preferences. They will get a variety of designs carrying features of
  • • Uniqueness
  • • Colorfulness
  • • Dark layouts
  • • Clean clutter free
  • • For blogging websites



Minimalsites

This again is a CSS gallery of designs. These designs are excellent for designers who want to make simple websites with minimal use of CSS.












CSS Remix

Designers will find this website great while looking for best designs obtained after mixing different designs and them reaching the one they were dreaming.










Link Crème

This website has earned a good repute among others providing good websites portfolio. Here designers can find web design made by using Flash technology or CSS.










Design Snack

Here at this website, users categorize web designs of their choice. Therefore, this site provides good collection of best designs as preferred by users. Designers are provided with facility of sorting out web design depending on Flash, HTML, CSS, or by the design category they are looking for like they want to work for music website or for some charity based websites.






Logo Pond

This website provides superb logo designs made by professionally expert web designs. These designs are provided by users that may inspire you if you are looking for something unique.










Logo Sauce

This is another website that displays logo designs. Here the amazing thing is the competition held for users who come up with unique logo designs. There is also prize money for the winner of competition that has a minimal worth of $200. Competitions are held under strict control of site editors.










Logo Design Love

This website carries lots of logo designs to inspire designers for their own work. This website will actually increase your love for logo designing.














Get inspiration from these websites and give a new direction to your creative skills. Your clients will really love your work.


Thursday, May 5, 2011

SEO Advice: Effective Site Structure & Content Building

In this article, we discuss two basic issues that effect many websites around the world; website structure and content building.

With more websites on the planet than ever before, finding the right website structure and having an appropriate architecture is paramount to a websites continual success. While it may seem like a common sense issue to have an easy navigation system and good interlinking in a website, many webmasters unfortunately fail to hit the target and although create beautifully well designed websites; these websites can be hard to navigate and hard to serve their given purpose

From Boutique (template) websites to large online databases and commerce sites, having an effective structure and navigation system is imperative.

In the case of small template websites (Boutique Sites) they are typically designed for displaying a companies business details and their core services. Simple in design and functionality, the idea is to direct users to a contact form, subscription page or services listed page by the company straight away.

The focus is on providing a direct targeted approach for the user, in terms of what they are looking to obtain. Each user should be able to find out exactly what there are searching for within one or two clicks.

As most website visitors browse a website homepage quite quickly, there should to be an immediate USP for them to dig deeper into your website. Generally, users will want to find information quickly and clearly without being confused by irrelevant distractions.

When a website visitor has progressed from the homepage, they need to be led to the next page that will either interest them or lead towards a point of action. If there is no such structure or focus, the chances are that the visitor will leave the website shortly after a couple of page views.

    Overall, the following tips are recommended for small business websites:

  • Ensure that the website is fresh and simple
  • Use a standardised set of colours
  • Keep the overall style and font standardised
  • Try not to over complicate the site with too many graphics

Adding Extra Content to Websites

In general terms of SEO, with one of the core principles being that “content is King,” an average rule of thumb would indicate that the more relevant content you have on your site and the greater number of relevant pages indexed would therefore lead to a greater web presence.

Given the nature of which each company website is made, there are certain limitations to the choice of pages created, the topics / themes of discussion and the amount of content that can be made.

For new and developing websites, it is wise to consider how you could develop your website to x3 its current size. If you have plenty of content, design ideas on hand then you are heading in the right direction. If you are struggling with ways to increase your website size you should re-consider your site structure and its associated content and navigation system.

One simple tip if you are struggling with the current amount of space on your site is to set up sub categories, folders and sub domains as this will allow you as a webmaster to create more defined, targeted content pages to attract particular niches to your website.

    5 easy website content building techniques

  • Set up a blog
  • Have testimonials / Reviews section
  • Case studies / Application Stories
  • Online Newsletter
  • Online Press Releases

Overall, in terms of content building and effective website structure, the core principle of keeping user interest and leading users to a point of action should always be a priority.

By-line: Stephen McAllister is the Marketing Manager at More Control Ltd who specialise in bespoke Automation Solutions and Automation products.


Wednesday, May 4, 2011

5 Ways to Keep Readers Interested in Your Blog

If you have a website or blog than you probably want more visitors.  But even if you got the number of visitors you wanted, it wouldn’t do much good if they didn’t hang around long enough to sign up to your list, buy your product, or at least check out a few pages.  You just can’t have a boring blog today.  There are simply too many websites out there and people have shorter attention spans than ever before.

So how can you engage your readers and keep them coming back for more?  Here are 5 helpful tips for keeping your visitors interested and turning them into faithful fans.

  1.  Use lists as much as possible.  Never underestimate the power of bullet points.  I read about 20 blogs a day and I just don’t have time to read every word on a page.  If there are bullet points it allows me to quickly browse through the article to see what it’s all about.  And then if I am intrigued by the content I will take more time to read every word.  Lists are also great because they give you the chance to give the readers steps to follow.  We all love step by step instructions, especially if it’s for a topic we are passionate about.
  2.  Get to know your audience.  You might think you know who your readers are, but do you REALLY know?  Stroll on over to Alexa.com or Google Ad planner, or even Quantcast.com to see what demographic you are actually writing for.  I was shocked the other day to find that most of the readers for one of my blogs are between 20-25.  This was a much younger demographic than I had thought I was writing to.  Knowing your audience helps you to write articles that cater to their interests.  You should also encourage interaction on your blog so you can get to know their concerns, questions, and insights as well. 
  3. Run a contest now and then.  You don’t have to have a giveaway every week, but having one at least once in a while does help to keep people coming back.  And no, you don’t have to give away an Ipad2 all the time.  You can just give away something small if you are on a tight budget.  Contests help to bring in new people and to also bring in old readers that had long forgotten about your awesome blog.   Whoever wins the contest will probably end up being a loyal fan of your blog too.  Got an old, tired blog?  Spice it up with a contest.
  4. Do a video series.  We all love pictures, but videos are even better.  Nothing will help extend the length of time for visitors on your site like a quality video.  You already write posts on your blog, right?  So why not just talk instead of write.  It will probably even be a lot easier than typing out a post and your readers (watchers) will get to see a more personal side of you with a video.  So it not only helps to keep their interest, but it also helps them connect with you on a deeper level.  If you are uncomfortable going on video then just do a screencast and show them a cool tip online.
  5. Do regular case studies.  You can give your opinion all day long, but it really doesn’t matter unless you have some concrete proof.  We all love case studies because it allows us to learn from someone else’s mistakes and see some solid evidence to support why a certain method does or doesn’t work.  If you do a case study every week, I guarantee you will have a lot of people coming back to see the results.

There are many other things you can do to keep your reader’s interested in your blog and coming back for more.  One question to ask yourself is this: “If I didn’t own this blog would even I come back?”  If your site wouldn’t keep you interested it probably won’t have a different effect on your would-be readers either.

Phillip is a writer for a few dental related websites.   He actively helps the marketing for a teeth grinding mouth guards website as well as a local dentist office for Shelby NC dentist.


Tuesday, May 3, 2011

Free Software Alternatives for Work, Creativity, and Play

Finding quality software for your work, creativity, and entertainment does not have to be expensive. With the following free and open source software alternatives, you can get good software for free, without the strings attached to most commercial software.

1. Instant Messenger

Non-Free: AOL IM, Yahoo IM, Google Talk

Free:

Pidgin – Pidgin supports a wide range of IM protocols, including Yahoo, AOL, Facebook, Google Talk, MSN, and many more.

Adium – Adium is specifically designed for Mac OS X, providing full Mac integration. Like Pidgin, it supports just about everything from Facebook to Google Talk.

aMSN – aMSN is an MSN Messenger clone that focuses primarily on being compatible with the Windows network. Nevertheless, it is available for Linux, FreeBSD, Mac OS X, and other operating systems.

2. Web Browser

Non-Free: Internet Explorer, Safari, Opera, Google Chrome

Free:

Mozilla Firefox – The browser that made open source cool is still one of the most widely used. It is available for just about every desktop and mobile platform in nearly every language you can imagine.

Chromium – Chrome is Google's entry into the Browser Wars, but its license is non-free and has raised some privacy issues. Fortunately, the underlying code, Chromium, is free and open, and you can find versions of it for just about every OS.

3. Image Editing

Non-Free: Adobe Photoshop, Adobe Illustrator, Paint.NET

Free:

Gimp – Gimp has been called the Poor man's Photoshop by some, but it is also a unique and powerful image editor on its own.

Inkscape – Inkscape is to Illustrator what Gimp is to Photoshop. It is a vector image editor that has a boatload of features and native SVG support for creating standards-compliant web images.

Pinta – Modeled after Paint.NET, Pinta is a free and open alternative drawing/editing program that is designed to be simple.

4. Music Player

Non-Free: iTunes, Winamp

Free:

Amarok – This KDE-based music player contains all the major features you would expect, including Internet streaming.

Songbird – More than just a music player, Songbird is also a music browser. It is like the Firefox of music players and has its own share of extensions and themes.

aTunes – If iTunes were free and available on every platform, it would be aTunes. Cover art, lyrics, playlists, it's all there.

Exaile – Exaile could be considered the GTK version of Amarok 1.4. It is lightweight but powerful, providing all of the music player features of much larger programs.

5. Mp3 – Mp3 is a widely-used audio format, but it is laced with patents, making it non-free. Moreover, it is not even the best quality format on the market.

Ogg Vorbis – Ogg Vorbis, despite its strange name, compresses files that are just about as small as Mp3 files but with a much better audio quality. According to UK server hosting provider 34SP.com, it is a web standard format and streams audio through HTML5-compliant browsers.

FLAC – Free Lossless Audio Codec – FLAC is lossless, meaning you get CD quality at a fraction of the file size.

6. Torrent download

Non-free: uTorrent – BitTorrent went commercial a few years back, but that does not mean you have to do the same.

Free:

Transmission - This Mac/Linux torrent client is very lightweight and gets straight to the point: downloading torrents.

FrostWire – FrostWire supports Gnutella and BitTorrent, and is part of an entire network (called FrostClick) of artists who give their music and other works away freely for people to enjoy.

qBittorrent – qBittorrent provides the features of uTorrent but is free, open source, and available on all platforms. Based on the QT toolkit, it is also very fast and easy to port to new OSes.

There are many other free software alternatives out there. Feel free to share your favorites and help others enjoy the freedom.

Tavis J. Hampton is a writer web specialist with over a decade of experience in writing, information services, and Linux system administration.


Monday, May 2, 2011

A Writer's Guide to Formatting Blog Posts

Guest post by: Tavis J. Hampton

There is a certain art to writing for the web, and anyone who does it has developed a skill that took time to learn. From mastering search engine optimization (SEO) to understanding image copyright restrictions, one could probably develop an entire course on web writing. Formatting is unfortunately one that sometimes gets overlooked. How you format your blog posts or online articles can affect everything else: SEO, presentation, clarity, and ultimately your reputation as a professional.

The good news is that it is far easier to format web articles now than it was five, ten, or even fifteen years ago. With dynamic websites and content management systems, publishing is a cinch, but there are still possible hiccups along the way that can cost you. This quick guide should help you learn or remember some of the more critical aspects of web formatting.

1. Avoid the direct Microsoft Word copy and paste. If you must use something like Word, turn off your blog's WYSIWYG editor (select HTML in WordPress), and paste directly into the plain text box. Then, switch back to rich text and format the document. Pasting from Google Docs is also much cleaner than pasting from Word, but it does put a DIV tag around the text and also does not preserve bold and italics in the paste, meaning you will still need to do some formatting within your blog's backend.

2. Use an HTML Editor. A simple way to ensure you provide the clearest, unmolested text to your readers is to use an HTML editor from the beginning. Wordpress and other content management systems tend to use XHTML 1.0 or higher for formatting. That means that old HTML 4.0 editors will use deprecated tags for line breaks, images, and other tags. You can avoid this by using an HTML editor like Amaya. As HTML 5 becomes more prevalent, blogging tools may soon adapt.

3. Avoid inline styles and extra code. This point relates to the previous two. Many word processors can format HTML, but they often leave inline styles within paragraph and span tags. First of all, these make the document unnecessarily long, and secondly, they cause problems when you try to edit them within the content management system. If you absolutely cannot use an HTML editor before pasting text into your blog, paste plain text and do all of your formatting within the blog's editor.

4. Include alt attributes for images. For both SEO and accessibility, alt attributes in image tags are important. They describe images to non-visual browsers, both search engines and visually impaired humans. Wordpress and other blogging software include title and alternate text entries. Make them clear and descriptive but not too wordy.

5. Resize images to fit your blog. Some blogging systems will automatically resize to the dimensions you specify, but older systems may only set dimensions in HTML, leaving the actual file size larger than it should be. Furthermore, by resizing in your own image editing program, you can control the amount of compression and also tweak and crop the image. If you intend to show detailed screenshots, consider using thumbnails that will display larger versions of the images upon clicking.

6. Use CSS styles for frequent formatting. If you have a little knowledge of CSS, you can add styles that you know you will use frequently to your WordPress or other blogging CMS template. That way, whenever you need to apply a style, you can use a quick CSS class. many web hosts, such as dedicated hosting provider 34SP.com, will install WordPress for you, but you can still edit the theme's CSS file within the backend's theme editor.

7. Preview before posting. You may think your post is formatted correctly, but it is always better to double check to make sure it looks the way you expect. This is particularly important if you pasted from another editor. Wordpress, for example, removes some code and modifies others, which can sometimes lead to formatting problems.

Formatting your blog can often make or break your article. Text or images that are malformed or incorrectly displayed often turn readers off before they even start to read your work. No matter how good your writing skills are, it is the presentation and appearance that will make the first and often lasting impression.

Tavis J. Hampton is a seasoned writer with a decade of experience in IT, web publishing, and free and open source software. Some of his services include writing, web design, electronic publishing, and information management.


Sunday, May 1, 2011

Hide or show div element

Want to learn how to hide div element on your HTML page with javascript? Or how to dynamically show div element? You are on right place. Here you will find simple tutorial, demo and code how to toggle (hide or show) <div> element with its content. With help of javascript div visibility is dynamically changed.

More article and samples how to hide or show HTML element find on Show and hide with javascript summary.
If you are interested in some other fancy javascript effects follow the link.

Demo for hiding and showing div element:

SHOW/HIDE <-- press here




Here is the sample HTML and Javascript code:


<script language="javascript">
    function showOrHide() 
    {
        var div = document.getElementById("showOrHideDiv");
        if (div.style.display == "block") 
        {
            div.style.display = "none";
        }
        else 
        {
            div.style.display = "block";
        }
    } 
</script>
 
<a href="javascript:showOrHide();">show/hide</a>
<div id="showOrHideDiv" style="display: none"><h4>Hello</h4></div>



    What is happening in the code:

  • When user click SHOW/HIDE link javascript showOrHide() function is called

  • Method showOrHide() checks the value of the display style for the div showOrHideDiv

  • If the display style of div is none (div is not visible) function will set div style to block - so the div will become visible

  • If the display style of div is block (div is visible) function will set div style to none - so the div will be hidden

Demo for div element containing other HTML elements

The <div> tag is often used to group block-elements. You can put any HTML element inside div tag. In this example we put some text and two input HTML element. When user click link both textboxes are hided or showed.


SHOW/HIDE <-- press here


This is a code:

 
<script language="javascript">
    function showOrHide() 
    {
        var div = document.getElementById("showOrHideDiv");
        if (div.style.display == "block") 
        {
            div.style.display = "none";
        }
        else 
        {
            div.style.display = "block";
        }
    }

</script>
<br/>
<a href="javascript:showOrHide();"><b>SHOW/HIDE</b></a> <-- press here
<br/><br/>
<div id="showOrHideDiv" style="display: none">
First name: <input type="text" name="FirstName" value="Donald" /><br />
Last name: <input type="text" name="LastName" value="Duck" /><br />
</div>


Purpose of this example is to demonstrate that in div tag can be many various HTML elements. So, when you hide div tag you hide all HTML element this div tag is contain. Same thing count for showing div.

If you want to change text of your link to Show or Hide when div tag is showed or hided take a look at change link text with javascript.

Demo of one javascript function for hiding various div elements

show/hide Div A   show/hide Div B

Div A

 

Div B

 

Here is a code of reusable javascript function divHideShow for hide div elements. This function can be called from various places. The input parameter in function divHideShow is id of <div> tag you want to hide or show.


<script language="javascript">

    function divHideShow(divToHideOrShow) 
    {
        var div = document.getElementById(divToHideOrShow);
        if (div.style.display == "block") {
            div.style.display = "none";
        }
        else {
            div.style.display = "block";
        }
    }
    
</script>
 

    <table style="width: 28%; height: 54px;">
        <tr>
            <td>
                <a href="javascript:divHideShow('divA');">hide DivA</a>
                </td>
            <td>
                <a href="javascript:divHideShow('divB');">hide DivB</a></td>
        </tr>
        <tr>
            <td>
                <div id="divA" style="display: block"><h4>Div A</h4></div></td>
            <td>
                <div id="divB" style="display: block"><h4>Div B</h4></div></td>
        </tr>
    </table>

In above code example same jscript function divHideShow(divToHideOrShow) is called from show/hide Div A link and from show/hide Div B.

One more thing, if you need here you can find instructions how to place two div elements in one line side by side.