Blogger tips

You can find many great tips for Blogger users in blogspottutorial.com
On the right column there is Blogging tutorial For Beginner.

I used the following tips for this blog.
How to add related post widget
Add search engine to your blog

Another helpful tips for Blogger users is Amanda Fazani's website Bloggerbuster.
You can download a free PDF book to improve your Blogger design.
Read the rest of this entry »

Social Bookmarking Button "AddThis"

In my last post "Add sharethis widget to your Blogger, WP or website", I wrote how to add ShareThis button to your website or Blooger.
Then I found another social bookmarking button called "AddThis" . This site also offers copy and paste code for your website.

You can read an article from Packt Publishing about AddThis.
Another article from Packt.
Read the rest of this entry »

Adding Tweet Button to your Blogger and Website

After reading an article by Woork, I added Tweet this to my bloggers. The article was simple but I thought I could add a little bit more details here.

Open your blogger and go to Layout.
Click Edit HTML then tick a box next to Expand Widget Templates.
Then find a line

<div class="post-footer-line post-footer-line-1">

Then after this line add the following line.

<div class="tweetmeme">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript"> </script>
</div>

Then add CSS just before the line.

]]></b:skin>

I add the following css to mine.

tweetmeme {
    width: 70px;
    height: 75px;
    float: left;
}

For your normal website, you can use the following code where you want to add Tweetmeme.

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

You can find an Official documentation.

Read the rest of this entry »

Add sharethis widget to your Blogger, WP or website

I just added sharethis to this blog and other my websites.
You go to sharethis.com and create your account by clicking For Publishers.
After logged in, go to Get the Button to create a new button. You can choose your platform and modify the button appearance. You can create codes by selecting 'Share This Button for other websites' under 'Pick your platform drop-down'.
Read the rest of this entry »

The undocumented life of jQuery .append()

The undocumented life of jQuery's .append()

Posted using ShareThis
Read the rest of this entry »

IE 6 hacks, tips and blocker tutorials

I collected a number of IE hacks tutorials over the years. Here is the list which you can find great tips for your websites.

IE6 hacks and tips
1. 10 Fixes That Solve IE6 Problems
2. Obituary For IE6
3. Feed IE 6 with a basic stylesheet
4. IE CSS Bugs That’ll Get You Every Time
5. Defensive coding and CSS: Preventing the most common bugs
6. Closing the gap between list items in IE
7. 5 Easy Ways to Tackle IE6’s Transparency Issues
8. Don't kick your visitors's IE 6 and below out of your css layout
9. Let Internet Explorer 6 Behave Like Internet Explorer 7

IE6 Blocker scripts.
One way is to educate your audience by suggesting to a better browsers.

1. IE 6 Blocker Script
2. A simple IE6 upgrade script

Demo for above script are here. You have to use IE6 to see the effects though.
IE 6 Blocker Script Demo
A simple IE6 upgrade script Demo

Tools
1. Internet Explorer Application Compatibility VPC Image
2. IE6 standalone
3. IE tester
4. netrenderer

If you know more, please add them to the comment.
Read the rest of this entry »

Officezilla: Projectmanagement and client management

I just played around with Officezilla and found it very useful.

I found some great things with this online app.

It's free and no limit on the number of users you can add.
You can create groups, users and projects. Then you assign users for certain projects. This means you can show a project or your work progress to your selected audience. Informing them about hours spent and other information.

Only this function is good enough for me to use. But there are plenty other functions you can use in this app.

Other functions are :
Every user has access to post and retrieve information.
Control access to all data through user levels.
Easy self-administration with help on every feature.
Reduce mailing costs by distributing documents and other information online.
Access important information from anywhere in the world with an Internet connection.
We use our own securely hosted equipment with more then 99% uptime reliability.
Any user can upload information and specify it as personal, without having to share the information.
Import and export information from Act, Outlook, or any other program that can generate or accept comma-delimited .CSV database files.

Try it out.

Read the rest of this entry »

Adding search to Blogger or website

I was working on my other Blogger website today.
If you are using Blogger you can add it by using "Add a Gadget".
But I didn't want to use a Gadget, because I wanted to add a search function in a horizontal navigation.

If you want to add it to your website with using HTML, you can find the details in Google custom search.

So I added search function with the following code to my Blogger site.

 <form expr:action='data:blog.homePageUrl + "/search"' id='search_form' method='get'>           
 <input id='searchinput' name='q' size='22' tabindex='2' type='text' value=''/> 
 <input id='searchbutton' name='submit' tabindex='5' type='submit' value='Search'/> 
</form> 

Read the rest of this entry »

SelectorGadget: point and click CSS selectors Updated

SelectorGadget: point and click CSS selectors is updated on 10th March 09. If you have a previous version like me, it's a good idea to update it.

This is a great bookmarklet to have on FF.
Created by Andrew Cantino and Kyle Maxwell.
Read the rest of this entry »

Easy Display Switch with CSS and jQuery by By Soh Tanaka

Easy Display Switch with CSS and jQuery is another image display for your portfolio. Simple and effective.
You can see the demo here.
Read the rest of this entry »