I’m proud to release free wordpress theme: Webbdesign

Screenshot:

Features:

• 2-column wordpress theme
• Unique design
• Widget ready
• Fully gettext wp theme
• Valid XHTML 1.0 Transitional
• Works with latest Wordpress 2.5.1 and 2.3
• Backward compactable with Wordpress 2.2

Download | Live demo

Instalation

• Unzip the downloaded file. You’ll get a folder named “webbdesign”
• Upload the entire “webbdesign” folder to your ‘wp-content/themes/” folder
• Login into WordPress admin panel
• Click on the “Presentation” tab
• Click on the “Webbdesign” theme screenshot or title
• Then just take a look at your blog and hit refresh to see the new theme.

License:

Released under a Creative Commons Attribution-Share Alike 3.0 License. This means you may use it for any purpose, and make any changes you like. Just leave my Webbdesign link under your footer.

Please feel free to provide feedback!

In dealing with JavaScript pop-up windows you must remain aware that there will be always users with browsers that don’t support JavaScript or users who have JavaScript disabled in their browsers. What we want is to create JavaScript pop-up windows that will be accessible to everyone.

Here is usual way of creating JavaScript pop-up windows:

<a href="javascript:void(0)" onclick= "window.open('popuppage.html','NameOfThePAge','width=600,height=480,menubar=yes,
status=yes,location=yes,toolbar=yes,scrollbars=yes')">Open a pop-up page</a>

You can add more features in order to define properties of new opened windows. Here are features of JavaScript Window Object Open Method with explanation. Find more on W3schools HTML DOM

• channelmode - Whether or not to display the window in theater mode. Default is no
• directories - Whether or not to add directory buttons. Default is yes
• fullscreen - Whether or not to display the browser in full-screen mode. Default is no. A window in full-screen mode must also be in theater mode
• height=pixels - The height of the window. Min. value is 100
• left=pixels - The left position of the window
• location= - Whether or not to display the address field. Default is yes
• menubar= - Whether or not to display the menu bar. Default is yes
• resizable= - Whether or not the window is resizable. Default is yes
• scrollbars= - Whether or not to display scroll bars. Default is yes
• status= - Whether or not to add a status bar. Default is yes
• titlebar - Whether or not to display the title bar. Ignored unless the calling application is an HTML Application or a trusted dialog box. Default is yes
• toolbar - Whether or not to display the browser toolbar. Default is yes
• top=pixels - The top position of the window
• width=pixels - The width of the window. Min. value is 100

Note that if you write only one feature JavaScript interpreter will ignore the absent features.

But this method is useless if JavaScript is disabled. Link will lead nowhere.

Here is out of box solution:

First create file popup.js and copy the following code in it.

window.onload = function() {
	if (!document.getElementsByTagName) {
		return false;
	}
	var popuplinks = document.getElementsByTagName("a");
	for (var i=0; i < popuplinks.length; i++) {
		if (popuplinks[i].getAttribute('className') == "popup") {
			popuplinks[i].onclick = function() {
			openPopUp(this.getAttribute("href"));
			return false;
			}
		}
	}
} 

function openPopUp(linkURL) {
window.open(linkURL,'popup','width=400,height=200,toolbar=no,location=no,
directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no')
}

Then you will need to link to this file in the head of your document like so:

<script type="text/javascript" src="popup.js"></script>

Put this HTML markup somewhere in your file.

<a href="popuppage.html" class="popup">View new page</a>

You can also add pop-up to your images. Only important thing is class=”popup” Here is code for pop-up images:

<a href="images/big.jpg" class="popup"> <img src="images/small.png" alt="Smal" /></a>

Change with and height features in popup.js to match image width and height.

This way of creating pop-up windows is accessible and usable. In most browsers it will render as we like but If JavaScript is disabled we will have just normal hyperlink.

Here is live example JavaScript pop-up windows.

How you can improve the position of your own site in search engine?There are a large number of different factors that affect the search results. In this report, the emphasis is on actions that everyone can perform himself without specialist skills and with reasonable effort.

Informative content

The single most important factor to get good placement in search engines is very content on websites. It is important that you offer plenty of text containing the keywords you have chosen to be searchable. Do not be afraid to have long pages, provided that the text is well-written and informative. Experience has shown that long pages with up to 500 words per page give higher priority than short pages with only a few words. Following recommendations from the search engines HTML however should not be made larger than about 100 KB.

Repeat the key words in the text

When a spider goes through your pages most priority has content at the beginning of the pages. It is therefore important that you place your key words as early as possible in the text. Try also repeating the key words several times in a natural way, but that the language is not suffering too much. Studies have shown that the search results will be best if you repeat your keyword 3-7 times per 100 words in the text. This may sound like a blasphemy for an experienced language expert but if the aim is higher ranking in search engines so it might be forced to a compromise!

Several search engines, including Google, moreover, gives priority to your pages if you place the various key words as close to each other as possible in the text (called on eng. Keyword proximity). The phrase “support to the graphic program” is much better than “support to the program that you use for graphics applications” on the key words “graphic programs.”

Descriptive titles on all pages

All the search engines gives priority to pages with unique descriptive titles that provide a good summary of the contents of the pages. Title text is written as you know, between the codes <TITLE> and </TITLE>. Typically, these titles are presented in the results of search engines. The number of allowable words of title varies slightly between different search engines so limit your self to a maximum of 10 words to be on the safe side. Also, please note that search engines give priority to pages where the key words appear in the titles of pages.

Keywords in the link text and headlines

The search engine Google gives priority to sites that have plenty of internal links both within page and between different site pages. It is also important that you place keywords in anchor text of hyperlink.

Even the titles that are marked with HTML codes <H1> till <H6>should include as many keywords as possible. The first of headings <H1> and <H2> are given the highest priority from the search engines.

To encourage the development of web pages to make it easier for people with disabilities Google reported that it gives priority to pages that have TITLE tags in the links. TITLE text is therefore an appropriate place where you have to repeat your keyword once again.

All pictures should have the Alt texts

Although the images, Flash animations and movies are effective means to capture visitors’ interest, they are unfortunately completely unusable as to attract today’s search engines. Avoid, therefore, adding important text information only in pictures and animations. Also make sure that all the images are provided with Alt texts which of course should include your keywords.

Övriga metakoder

Förutom de nu beskrivna metakoderna för TITLE och ALT-TEXT är det även möjligt att lägga in KEYWORDS och DESCRIPTION i koden hos hemsidor. Denna information var tidigare nödvändig för att få en bra placering hos sökmotorerna men har efterhand förlorat i betydelse. Numera är det enbart MSN som uppger att man använder informationen hos dessa metakoder.

Se upp med rambaserade hemsidor

Vissa sökmotorer, som t ex MSN, har problem med att indexera ramuppbyggda hemsidor där själva hemsidan (index.html) anropar andra sidor. För att hjälpa dessa sökmotorer bör du i hemsidans kodområde <NOFRAMES> upprepa HTML koderna för de menyer och länkar som finns på övriga anropade sidor. Med hjälp av denna information kan sökroboten då hitta alla andra sidor på hemsidor.
Informationen i kodområdet <NOFRAMES> visas inte i moderna webbläsare utan är enbart avsett för äldre webbläsare som saknar understöd för rambaserade hemsidor.

Stimulera andra att länka till din hemsida

Syftet med sökmotorernas mer eller mindre sofistikerade regler för att prioritera vissa hemsidor är naturligtvis att erbjuda sökresultat som är relevanta och användbara för de flesta som söker information. När sökmotorn Google introducerades kompletterade man de tidigare nämnda faktorerna för hög placering med ännu en, nämligen antal och kvalitet hos ingående länkar till hemsidor. Denna faktor har efterhand blivit en av de viktigaste för hög placering, även hos andra sökmotorer än Google.

Hos Google anser man att om många andra bra hemsidor länkar till din hemsida så måste ju innehållet vara användbart och därmed förtjäna en hög placering i träfflistan.

Viktigt är därför att du försöker få så många seriösa aktörer som möjligt inom din egen bransch att länka till din hemsida. Ta kontakt med företag som kompletterar ditt utbud men som inte konkurrerar och föreslå ett länkbyte. För att undersöka vilka hemsidor som redan länkar till din egen kan du i sökmotorns textfält skriva kommandot här bredvid.

När du skall byta länkar med andra hemsidor är det viktigt att ta hänsyn till vilken position de har hos sökmotorerna. Google rangordnar hemsidor med en PageRank mellan 0 och 10 där högst är bäst. En ny hemsida får automatiskt rank 0 i början och efterhand som trafiken till hemsidor växer och ler länkar till den så ökar ranken sakta men säkert. Framgångsrika hemsidor brukar komma upp i PageRank 5 efter några års verksamhet medan riktigt stora hemsidor som dagstidningar, högskolor och myndigheter kan få ända upp till 8. Om du kan få en sådan hemsida att länka till dig har du verkligen fått bingo!

För att kontrollera vilken PageRank en viss hemsida har kan du från Google ladda ner ett extra verktygsfält, benämnt Google Toolbar, till webbläsaren Microsoft Explorer för Windows. Detta verktygsfält finns tillgängligt på vidstående adress.

Undvik att byta länkar med s.k. länkfarmer vars enda innehåll är just länkar till andra hemsidor. Flera länkfarmer har under årens lopp blivit svartlistade av sökmotorerna eftersom de inte erbjuder något eget innehåll.