Add excelent HTML5 404 error page to your blog

18/11/2012

Now that Blogger introduced the custom error page I will present you with a beautiful HTML5 404 error page with a nice sliding effect made by a little javascript code.Because it uses HTML 5 and CSS3 patterns for the background it will have a little problem...

Add a beautiful CSS-jQuery mega menu on your blog

29/11/2011

This tutorial is about another navigation menu. Using jQuery and CSS you will be able to add to your template a nice mega menu.The request for this tutorial come from the user Angga Lisdiyanto who posted on the forum about this menu.The next menu is perfect...

Nice photo gallery using jQuery and zoom effect

02/11/2011

Today I will present you with a tutorial for creating a photo gallery with jQuery and zoom effect. It's a pretty nice gallery and you can add it both in your posts and in a HTML/Javascript widget. Also if you want you can add it to a blog page. It's very easy to add , the tutorial ha...

Nice vertical fixed navigation menu using jQuery and CSS

20/09/2011

This tutorial is about another navigation menu. Using jQuery and CSS you will be able to add to your template a nice fixed vertical menu.The menu will be partial hidden and will be visible only whet the user hover it....

Nice vertical fixed jQuery navigation menu

Google launched Drive letting people to upload there files and even create one online and share with people like doing online business. So they started Drive providing everyone with 5GB space on which they can upload anything and share with anyone by changing the privacy settings. Now recently Google just upgraded the space for every user to 15GB that comes in a combination of Drive, Gmail and Google+ Photos.
So now you can upload more and share with everyone. So now you can obviously upload all your files to Drive and even host your CSS, JavaScript and HTML files too for free. It provides you with unlimited bandwidth, unless you are not abusing there service and its fast and responsive.

How to Host CSS - JavaScript - HTML Files on Google Drive?

So now you do not need any skills to host your files, as its very easy the uploading process is normal and you just need to change some links to make I hosted, so lets get started.

It's been a while from my last tutorial. In some previous tutorials I presented you with threading comment , a system to replace the default Blogger comment system.
Since then many of you wanted that popup comment window to disappear and the comment form to be displayed under the comment in need of a reply.
The next tutorial is just about that implementing the threaded comment with the reply comment form under the comment in need of a reply... and a few other options like display the image links as actual image , showing youtube embed videos and showing emoticons in comments.

5. IMPORTANT UPDATE: If after this 5 steps the comments doesn't appear like in the demo , it's because Blogger implemented they're own threaded comment system. To replace it and have the comments like in the tutorial you must find the next code ( you can find the code in multiple places, replace all the codes you can find):

It's been forever since I wrote a new tutorial but lack of time it's the main problem for me.
So here is a new tutorial who I'm sure you will find it helpful.
Now that Blogger introduced the custom error page I will present you with a beautiful HTML5 404 error page with a nice sliding effect made by a little javascript code.
Because it uses HTML 5 and CSS3 patterns for the background it will have a little display problem in IE (the background pattern and the javascript effect will not be displayed), but for the others browsers it will be displayed just fine.

So without other boring explanations let's start with the implementation of 404 HTML 5 error page.

How to add the 404 page to your blog?

1. Log in to your Dashboard--> Template- -> Edit HTML --> Proceed
2. Search for the <body> tag and right after it paste the next code:

Recently I receive a request about how to have numbered comments on the threaded comments trick., so today i will present to you the tutorial about this matter.
Having numbered comments is necessary when you need to keep track of the comments made on your blog.It is useful when you have lottery giveaways and need to extract a random commentary who will win different stuff.
So without other comments......

Because I received many request from my blog visitors I decided to finally post the code for the highlighted admin/author comments.
Why this change is necessary? Well because the your comments will be different from the other comments making them easier to spot.
The code is almost the same like in the previous tutorial but with some changes for the author comments.

The blog ID is the number highlighted. Yours will be different than the one in the pictures.

Save the template and see the results.

6. IMPORTANT UPDATE: If after this 5 steps the comments doesn't appear like in the demo , it's because Blogger implemented they're own threaded comment system. To replace it and have the comments like in the tutorial you must find the next code (you will find it in 4 places):