Another website you'll see my link on

I just transformed a photographer's PixelPost photoblog into a Wordpress website making sure that the design is kept the same and only the platform would be easier to handle which, according to the client's feedback, worked out very well! Check it out here: Dió Fotóstúdió (Hungarian)

EDITED: note that the above website has now moved, the new website address and details of my work on rebuilding it can be found in my newer post called Website rebuilt by webeno - teklalight.com.

How to hide deleted comments in Blogger

Unfortunately if you delete a Blogger comment the person's name and profile will still be visible / accessible and only the comment itself will get deleted. To go around this, I have found an excellent post that I'm going to share with you now. It's called Blogger: Hide Deleted Comments. Hope it helps! ;)

EDITED: Note that the comment number change described in above post does not apply on archive pages (ie. the home page), because it needs comments to be displayed (counted).

How to keep the Facebook like button's language

After announcing Facebook Like button added to webeno.blogspot.com in my earlier post, I realized that the button changes language according to the country of stay of the person visiting my blog. This can cause problems (ie. cannot see the count of likes after the button) and as I write my blog in English and the word "like" is pretty much known by the blog readers' community, I decided to keep it in English.

Easy countdown timer for your website

I guess I found the easiest countdown timer on the web, namely Andrew Urquhart's DHTML Easy Countdown — v1.53. All you have to do is to copy the javascript provided in the downloaded file onto your hosting server, call this javascript at the beginning of your page, then use the 'countdown1' selector id in any div, span or other tag, and finally provide the date and time within and you're good to go! ;)

Example code to call the javascript (put this between the 'head' tags):

Google changing language per region & How to stick to google.com?

1. Google language changing Have you ever travelled to another country with your laptop and realized that the language on Google changes to the local language of your stay? Well, some people (obviously more at Google) think this is a good thing, but me, including maybe a bigger part of the community travelling and using Google, this is of no use or even very annoying. No solution exists to date, but I found a thread that provides a workaround

Choose the content to display on the different page types in Blogger

It is important to know the exact scope of Blogger page types in order to be able to place different content on selected page types. Following page types exist at Blogger currently:

1. Home page
2. Archive Page
3. Item Page = Post pages
4. Index Page = home page, label page, search page
5. Static Page = Blogger Pages (relatively new in Blogger)

The code would look like this:

How to recover deleted posts and pages in Blogger

If you understand Blogger's URL structure when editing (creating new) blog posts or pages in Blogger, you'll practically be able to recover any deleted posts or pages. However you'll have to make sure that you have a backup of your posts and pages ('Settings' > 'Basic' tab > 'Export blog') before deleting any of them otherwise you will not be able to locate the deleted post or page in Blogger's database (you'll understand it if you read on).

Facebook Like button added to webeno.blogspot.com

Probably one of the easiest and fastest way to express your appreciation is using the Facebook's Like button. There are 2 ways to set it up: XFBML or iframe. The simple and fast way is iframe that however doesn't leave you much space for customization while you can do a whole lot more with the XFBML version

External link track - a one liner

If you use Google Analytics and would like to track which ones of your external links people click on while checking out your website, all you have to do is to add the 'onClick' attribute to the a (anchor) tag in question.

Here's an example code that you could use:

Embed music with dowload.php file

Scenario: you would like to embed a music file (.mp3 in our example) into your website and also want to make sure that when someone clicks the download link the usual open / save as window opens instead of the browser trying to open the file directly with whatever plugin already installed.

My solution: we'll have to break this down into two parts: one will be the embed script and the other one will be the download link.

New website 'in the house': widosub.com & V2 Manufacture updated

Was just ready a few days ago with the latest, very simple website i created for an amazing musician and dj, widosub. I created his site with WordPress and used the The WordPress XSPF Player Plugin, a Flash based music player plugin. Go ahead and check it out now: widosub.com.

I also made a recent change to V2 Manufacture: due to the fact that the client wanted to see the website through iPad and iPhone, I had to replace the Flash based simpleviewer script by a Javascript based picture gallery tool. I used the probably simplest and awesomest script called Galleria by Aino. As a backup solution, for those who have difficulties seeing javascript content, I created a separate, simple, html/css based version of the picture gallery - I used a simple CSS photo-album for this replacing the numbers with thumbnail pictures.

The easiest way to scale your picture or image in html - a one liner

The easiest way to scale your picture or image in html - a one linerSuppose you have a column on the side or sidebar where you want to put images with different sizes however also making sure that their widths keep the same distance from the sides of the columns, you could simply only set the width of the img tag (of course, dpending on you layout, you could use the height only):

(click in the box to highlight the code for copy)<img src="image.jpg" width="10em" / >

CSS Equal Height Columns

While looking for a solution for the thread called "background repeat of the left cotainer based on middle container" on the WebMasterWorld Forum I automatically thought of using tables. It is definitely the easiest but its browser support is not the best (see Seven Reasons to go Table Free).

'Marquee or not marquee' or 'How to scroll text in HTML?'

The question could also be: should marquee be used as an element or as a css property?

Before I would elaborate on that, let me just give an example to the ones who have no idea what marquee means. This is basically an element or css property (see below which one is which) that allows you to make a simple text (or even image) scroll in a specified direction with a specified speed.

webeno.blogspot.com got below 2 M on Alexa Ranking

Dear beloved readers!

Today webeno.blogspot.com got below 2 million in the worldwise website ranking of Alexa. This might not sound like a big deal, but considering the fact that there are over 200,000,000 (200 million) websites on the internet currently (source: Netcraft), my blog is actually among the leading 1%!

Simple IT Center button based website

Simple IT Center button based websiteA good example as to how to simplify a central information website only using big buttons making sure it's easy to choose from.

Here you go: GetIT Center

Note: I used the image preload setting I explained in my previous post about CSS Preload images (hover backgrounds).

CSS Preload images (hover backgrounds)

While building a one page site with many images on it as buttons to click (div backgrounds), I realized that the hover picture takes some time to load and I can imagine what that could mean for someone who has slower connection. What happens in this case is that if you hover over an image, it will not display the hover background image for some time, so you'll just see a white space instead of the image.

Cloak, shorten or snip your affiliate links (URLs) vs TinyURL

If you have webhosting and own a domain, you simply have to place a text file into the root folder of your domain and rename it to .htaccess (the "dot" is very important, also make sure it has NO extension - remove the .txt at the end) with the following line in it:

redirect 301 /[LinkYouWantToUse] /[YourLongAffiliateLink]

How to delete multiple layers in Flash?

How to delete multiple layers in Flash?What an easy thing, you would say, and it is, you just have to know as it's a bit tricky. Check out the following article to find out the "secret" of Deleting Multiple Layers in Flash CS3*. ;)

*it works with many other versions of Flash

Getting rid of the dotted outline of the a tag - a one liner

It annoyed me too, but I haven't really given it a second thought and finally I found it accidentally in the blog post Making the WordPress Menu Smarter while looking for something completely different.

I took the interesting part out of the post for you, here you are:

How to add sidebar (widget) placeholder in Wordpress

I didn't find too many posts on Google about this, so I thought I'm going to help you guys to add sidebar (widget) placeholder in Wordpress; it's really so simple:

1 Register your sidebar

Simply open your template's functions.php (by default it's wp-content/themes/[yourtheme] - where [yourtheme] is the folder name of your theme):

How to change style of Wordpress, Joomla!... CMS's

While it took me some time to find the best practice, I'm going to provide you with the easiest and fastest way to style your CMS (Wordpress, Joomla!) template, it is very simple actually: just open your blog / website with the template, look at the source code (you'll find an option 'View Source Code' or something similar in most of the browsers right-clicking anywhere on the page), locate the id's and classes you would like to modify, then go ahead and make a source code (or in file text) search among the template files (preferably .css) for the specific id or class name and change it as you please.

CSS Uppercase / All Caps - a one liner

Well, I never really needed it, but then I did so I looked it up quickly and found this post about CSS Uppercase / All Caps. Easy-peasy :)

Display different content for non-registered users and for registered users on Wordpress

I was looking up information as to how can I make sure that a WordPress.org blog displays different content for non-registered users and again a completly other content for registered users, but honestly I couldn't find any article or thread that explained it very well or simply missed the non-registered users part.

The code I'm going to provide you with below is an example to how I resolved this (very simple actually).

abolute position within div - a one liner

If you want to use absolute positioning within a div, you just have to set the parent div to relative.

You should put this in the head between the sytle tags:

Setting Up WordPress On Your PC Using XAMPP

You remember my post about XAMPP - the ultimate way to test a website before launch - a must have Freeware!? Well, it's really a must have application for a webdesigner. And of course, WordPress can be used with it too. If you want to know how, check out this guide: Setting Up WordPress On Your PC Using XAMPP.

Get a hand made chopper :) - V2 Manufacture

My sister's friend creates motorcycles! Isn't that an awesome thing to do? Of course I accepted when he asked me to create a simple website for him, see the result here: [website removed].

It's really simple, so I used SimpleViewer again ;)

Edited: we finally decided to use a Javascript picture gallery instead (see more information about this in my blog post called New website 'in the house': widosub.com & V2 Manufacture updated.

z-index only with absolute position - a one liner

A one liner can be very useful sometimes, so just read the title, hope it helps! ;)

Center div with margin: 0 auto - a one liner

The best and cleanest way to center a div is to use the margin: 0 auto attributes in styles. Make sure however that you set a width of the div to something specific otherwise it's not going to work.

Note: it seems that this unfortunately doesn't work in IE7. Alternatively you may use the <center> tag.

See an example of the style attribute below:
(click in the box to highlight the code for copy)#wrapper { width: 500px; margin: 0 auto; }