Friday, August 28, 2009

    Don't Judge Women Wrongly.

    For further information, visit this site Blog for Women's Equality!"

    Thanks to God as I be a Malaysian, women can spread their mind, can do what they want as long as they don't override Islam and Muslims believe.

    As can be found at, Muslim-majority countries give women varying degrees of rights with regards to marriage, divorce, civil rights, legal status, dress code, and education based on different interpretations. According to Islamic studies professor William Montgomery Watt, Islam improved the status of women by "instituting rights of property ownership, inheritance, education and divorce."

    I feel sympathy to those women at other countries that cannot live and do things as they want.

    They are left behind with old technology and just do what their husband or parents said.

    Based on Women's Aid Organisation, women always be abuse mentally and physically that bring a negative impact to them.

    Women just need a fair thought from society and they shouldn't just have to be at kitchen preparing food although that the best way to produce a quality family.

    Technorati Tags:, , , , ,

    ---- Read More ----

    Friday, June 12, 2009

    Updated multiple word Technorati tag creator for Blogger (Firefox 1.5, Greasemonkey 0.6.4) with added features

    This post explains version 1.0 beta of the Magical Sheep userscript for the free Firefox browser (also works with Firefox with the Greasemonkey extension - updated 20 August 2006 to work with Blogger Beta (reviewed in this post).

    It's a tool designed to help Blogger users add code for the Technorati tags of choice to the end of their blog post easily and quickly (what are Technorati tags?), with various extra features.

    (Note: this post was heavily rewritten in April 2006 to explain from scratch all the features of version 1.0 beta of this script, which Kirk has substantially improved, all power to him! A summary of the latest changes he's made plus technical details is at the end of this post.)

    - How to install Greasemonkey and other Firefox extensions. For those not familiar with Greasemonkey - it's an extension for the free Firefox browser (). You have to first go to the Greasemonkey site and install the Greasemonkey extension (Firefox users should be familiar with how to install extensions - click the installation link e.g. the "Install Greasemonkey" link. If nothing happens and you see, just below your Firefox tab titles, a message in horizontal bar that "To protect your computer, Firefox prevented this site ( from installing software on your computer", then you should click "Edit Options" at the end of that line, then "Allow" and "OK"/"Close" to allow that site to install software, then click the Greasemonkey or other extension link again, give it a few seconds then click "Install now". Close and re-launch Firefox.)

    - How to install a user script. Greasemonkey won't do anything without a user script. To install a script (which is a text file whose extension ends with ".user.js"), you click on the link to the script. You should get a popup box - wait a few seconds if necessary for the "Install" button to stop being greyed out, then click Install to install it. [Updated for newer versions. For older versions: When you're on that page (which looks like just a bunch of text), click the Install button at the top right, or in your Firefox Tools menu choose Install This User Script. Alternatively you can just rightclick on the link to the script and choose Install This User Script].

    - Beware though, not all scripts will be innocent - some could wreak havoc if malicious. Only install if you trust the originator of the script. You can use the "Show Script Source" button in the popup to check the script's content before installing it (or for newer versions of Greasemonkey rightclick the link to get the View User Script Source option), if you understand Javascript/Greasemonkey.

    - How to update the Magical Sheep script for Blogger Beta, now known as New Blogger. The downloadable script has been updated already but if you're already using the script and don't want to download the updated version (it'll preserve your settings), here's how to do it the manual way.

    IMPORTANT: if you are already using the Magical Sheep script, this version is not compatible with previous versions of the script so you MUST uninstall it first from Firefox - Tools, Manage User Scripts, click on the script name (Technorati Multiple Word Tags for Blogger), FIRST tick "Also uninstall associated preferences" THEN click the Uninstall button. Then install the new script as above. You will then have to re-enter your "MeTags" and own choice of separator, but that should only take a few seconds.

    Get the userscript (version 1.0 beta) from (UPDATED 17 Dec 2007 to fix a Blogger Post Editor change on 14 Dec which broke the script). If that site is down or slow, try rightclicking on the link for the following alternative location and then choosing "Install This User Script" (that's important - if you leftclick it, you'll have to save it to your computer then open the script from there, which takes longer; this is because of the way Google Pages handles Javascript files hosted there, unfortunately):

    * Improbulus Google Pages
    * Improbulus Ripway pages
    * Kirk's Google Pages

    Third update of Jan 2007. There seems to be an issue with Technorati's tag pages (yes, another one! or rather, with the way their tag searching works) and multiple word tags don't work quite as expected. In brief, you might think that if you insert the tag "consuming experience", clicking on that tag should bring people to the tag page listing all posts with the tag "consuming experience". In reality, it takes them to all posts which have a tag (whether single or multi-word) with "consuming" in the tag, AND which have a tag with the word "experience" in it. Not the same thing. And they might get some irrelevant results because of that. However, if you put quotes round your multiword tags in the href bit to make it better for users who click on the tag links, your post won't appear on Technorati or other search engines' tag pages at all. See this post. So don't do it. But do lobby Technorati to tweak how their searching works!

    You can read the rest at Consuming Experience

    ---- Read More ----

    Wednesday, May 27, 2009

    How to : Use jQuery to "turn off the lights" while watching videos

    Some videos on YouTube have a cool feature called "Turn the lights down". Basically, when you turn lights down, the entire page darkens and let you watch video as if you are in the cinema. This tutorial will show you how to implement this simple effect.

    The problem

    Our example is simple - it consists of header, the video, "turn off the lights" link and sidebar with some information about the video.

    At the code below you can se the "command" div that contains lightSwitcher link, "movie" div that contains the video and "description" div that acts as a sidebar:

    <div id="container">

    <div id="header">

    <h1>Janko At Warp Speed</h1>

    <h2>Turn off the lights - demo</h2>

    <div id="command">

    <a class="lightSwitcher" href="#">Turn off the lights</a>



    <div id="movie">

    <object width="560" height="340">

    <param name="movie" value="" />

    <param name="allowFullScreen" value="true" />

    <param name="allowscriptaccess" value="always" />

    <embed src=""

    type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340">




    <div id="description">

    <p>Some description ges here</p>



    CSS for this is simple:

    body {font-family:Arial, Sans-Serif; font-size:13px; text-align:center; margin:0px; }

    #container { width:960px; margin:0px auto; text-align:left; overflow:hidden;}

    #movie {border:solid 1px #dcdcdc; float:left; width:560px; text-align:left; margin-right:20px;}

    #description { float:left; width:320px;border:solid 1px #dcdcdc; padding: 10px 20px;}

    .lightSwitcher {background-image:url(light_bulb_off.png); background-repeat:no-repeat; background-position:left;

    padding: 0 0 0 20px; outline:none; text-decoration:none;}

    .lightSwitcher:hover {text-decoration:underline;}

    Let there be... dark

    When link "Turn off the lights" is clicked, we need to darken the entire page. All except the movie. This can be achieved using a div that has to have the exact dimensions as the current document and semi-transparent black background. This div needs to be positioned absolutely inside its relatively positioned container (and that is BODY) and to stretch from the upper-left to the bottom-right corner.

    Let's add a div to the end of our markup:

    Let's add a div to the end of our markup:

    <div id="shadow"></div>

    Now let's style it:

    #shadow {background-image:url(shade1x1.png); position:absolute; left:0; top:0; width:100%; z-index:100;}

    Important thing here is z-index. In order to make it cover the entire page, it has to have the largest z-index. Embedded element will be seen, anyway. It's easy to position a div to the top-left corner and set the width to 100%. But what about the height? If we set the height of our shadow div to be 100% it will cover the entire page only if contains larger than a window, or - if we have scrollbars. Otherwise, it will cover just the content.

    Let's involve jQuery


        $("#shadow").css("height", $(document).height()).hide();


    Aaaaand.... Action!

    This code set the height of shadow div to the same value as document height and hides it. Of course, we want this div visible, only when we click on "lightSwitcher". Now we need to ad a click handler for lightSwitcher:




    If you try to run this now you will see that it works. LightSwitcher will toggle shadow div visibility and that will simulate turning lights on and off. The only problem is that the link itself will be "in the dark", and you won'ta be ble to click on it again, once you turn the lights off.

    The solution is simple; LightSwitcher has to have z-index higher than shadow div. In order to do that, we have to position the link absolutely inside the relatively positioned container and set z-index to 101:

    #command { position:relative; height:25px; display:block;}

    .lightSwitcher {position:absolute; z-index:101; background-image:url(light_bulb_off.png);

                          background-repeat:no-repeat; background-position:left; padding: 0 0 0 20px;

                          outline:none; text-decoration:none;}

    Now it will work. If you look at the demo you will notice that while you toggle the lights, link text and icon changes. In order to do that we have to extend our CSS and jQuery a little bit. When you turn off the lights, light bulb icon and text changes, and link color turn to yellow. We need to define a CSS class that will style the link and add some jQuery to change text and toggle this CSS class.

    .turnedOff {color:#ffff00; background-image:url(light_bulb.png);}

    We'll extend the click handler a little bit to get this result:



            if ($("#shadow").is(":hidden"))

                $(this).html("Turn off the lights").removeClass("turnedOff");


                $(this).html("Turn on the lights").addClass("turnedOff");


    Now we have fully functional light switcher functionality. In the end, the complete code will look like this:


    body {font-family:Arial, Sans-Serif; font-size:13px; text-align:center; margin:0px; position:relative;}

    #container { width:960px; margin:0px auto; text-align:left; overflow:hidden; position:relative;}

    #movie {border:solid 1px #dcdcdc; float:left; width:560px; text-align:left; margin-right:20px;}

    #description { float:left; width:320px;border:solid 1px #dcdcdc; padding: 10px 20px;}

    #command { position:relative; height:25px; display:block; margin: 25px 0 0 0;}

    .lightSwitcher {position:absolute; z-index:101; background-image:url(light_bulb_off.png);

                          background-repeat:no-repeat; background-position:left; padding: 0 0 0 20px;

                          outline:none; text-decoration:none;}

    .lightSwitcher:hover {text-decoration:underline;}

    #shadow {background-image:url(shade1x1.png); position:absolute; left:0; top:0; width:100%; z-index:100;}

    .turnedOff {color:#ffff00; background-image:url(light_bulb.png);}



        $("#shadow").css("height", $(document).height()).hide();



            if ($("#shadow").is(":hidden"))

                $(this).html("Turn off the lights").removeClass("turnedOff");


                $(this).html("Turn on the lights").addClass("turnedOff");



    Tutorial by Janko

    ---- Read More ----

    Tuesday, May 26, 2009

    How To : Boost Your Twitter Productivity

    If you haven’t heard of Twitter by now, you must be living under a rock! It is everywhere, and everyone is using it. To say that the rise of Twitter has been explosive would be an understatement. As a result of this growth, the number of Twitter apps and tools available has become extensive. So, in this post we have filtered them down to a respectable 99.

    Below, we present 99 Essential Twitter Tools and Applications, split into the following categories: Tools and Productivity Apps, Statistics and Analytics, Find New Twitter Friends Apps, Search Twitter Apps, Web-Based Mobile Apps, WordPress Twitter Plug-Ins, Adobe Air Twitter Apps and Firefox Twitter Extensions.

    Twittercal is a service that connects your Twitter account to your Google Calendar and lets you add events easily, directly from your Twitter account.

    TwitPay is a simple way to send payments via Twitter.

    Find, follow and interact with businesses, apps and services on Twitter.
    Users can post to their Twitter account by sending a message to their own unique email address.

    Promote your business, special offers, promotions and events with Twitzu.

    Twuffer allows the Twitter user to compose a list of future tweets and schedule their release.

    Tweet Later
    This app allows you to post Tweets at a later time and date.

    Group Tweet
    Send private Twitter messages to specific groups of friends.

    Keep track of conversations that mention you, your products, your company and anything else, via hourly email updates.

    TwitPic lets you share photos on Twitter. You can post pictures to TwitPic from your phone, the TwitPic home page or your Twitter account.

    Twitter Karma
    Twitter needs a decent page for your followers, with the functionality to sort them by type. This Web app does that.

    Mr. Tweet
    A personal networking assistant for Twitter, helping you identify relevant followers, recommending you to other users and regularly computing your Twitter usage statistics.

    Remember The Milk
    Remember The Milk keeps track of your tasks. Simply add Remember The Milk as your friend, and you can add and interact with your tasks through direct messages and get reminders, too.

    Straw Poll
    StrawPoll is the coolest way to follow the opinions of people on Twitter. With this app, you can create your own poll.

    If Twitter goes down and you start to feel withdrawal symptoms, use this service to continue using it. Twiddict makes sure all your tweets end up going to the proper place.

    Twitter Friends Network Browser
    Browse through your Twitter friends, your friends’ friends, your friends’ friends’ friends…

    Post your RSS feed to Twitter automatically.

    Twitturly is a service for tracking what URLs people are talking about, as they talk about them, on Twitter.

    The Twitter Dictionary, aka Twittonary, provides explanations of various Twitter-related words.

    Enhance your social media marketing by offering discount coupons to the Twitter-sphere!

    Twitter translator: Simply type in your tweet, and twenglish will twanslate your tweet for you.

    Send a greeting card, a surprise message or an invitation on Twitter.

    Tweet What You Spend
    Cash-tracking made simple with Twitter.

    Twittertise allows you to advertise on Twitter and track the success of your branded communications with customers.

    With TwitWall, you can embed your favorite videos and widgets and upload your photos, MP3 music, podcasts, you name it.

    By Paul Andrew, Speckyboy - Design Magazine

    ---- Read More ----

    Monday, May 25, 2009

    How To : Find WordPress Plug-Ins For Twitter

    1. Twitter Updater
    Are you using Twitter to notify readers about your new blog posts, or even old ones that you’ve updated? If so, then Twitter Updated is definitely something to consider. The plug-in automatically sends an update status request to Twitter when you create or modify a post. Text is customizable, and the plug-in provides many options.

    2. Twit this
    The Twit This plug-in makes it easy for readers to tweet about your blog posts by creating a “Share on Twitter” link on your blog. When someone clicks on it, your blog post’s URL is automatically sent to Twitter, and the visitor can enters a description before sending the tweet to his or her friends.

    3. Twit it up
    Twit it up is a simple AJAX-powered WordPress plug-in that basically does the same thing as Twit this: allows readers to tweet one of your posts directly from your blog by clicking a simple link.

    4. Twitt Twoo
    Twit-Twoo is a very useful for bloggers because it allows you to tweet friends directly from your WordPress dashboard. Particularly great if you spend a lot of time on your WordPress dashboard!

    5. Twitter Tools
    Twitter Tools, created by Alex King, is one of the most popular Twitter plug-ins for WordPress. It completely integrates Twitter in your WordPress blog, allowing you to archive your tweets, create a blog post from each of your tweets and post tweets from your admin dashboard or sidebar. It also allows you to create a daily digest of tweets; very nice if you tweet a lot!

    6. Twittar
    Twittar was released here on Smashing Magazine back in January. Remember it? This plug-in integrates Twitter avatars in the comment template of your WordPress blog. Definitely a plug-in to consider if you and your readership often use Twitter! And don’t worry if any of your readers don’t use Twitter (yet), Twittar automatically displays gravatars if no Twitter avatar is available.

    7. Tweetbacks
    Since its release only one month ago, the Tweetbacks plug-in has created a mini-revolution in the blogging world. While your WordPress blog can automatically notify you when bloggers discuss your posts on their own blogs, via Trackbacks, it can’t notify you when people discuss your posts on Twitter. That’s why Tweetbacks is so great: it automatically imports tweets about your posts and lets you display them either as comments or separately.

    Others :
    50 Twitter Tools and Tutorials For Designers and Developers

    8 Useful Tips To Become Successful With Twitter

    Taken from : A post written by Jean-Baptiste Jung, a 27-year-old blogger from Belgium who blogs about WordPress at WpRecipes

    ---- Read More ----

    Missing Children's Day

    In 1983, President Ronald Reagan proclaimed May 25th to be National Missing Children’s Day, and this day has been observed by every administration since. May 25th marks the anniversary of the disappearance of 6-year-old Etan Patz who went missing from a New York street corner on his way to school.

    National Missing Children's Day is an annual reminder to the nation to make child safety a priority.

    This entry are dedicated to childs that disappear from their family or guardian. Parents please protect your child from strangers and do keep in mind that children safety seriously important today.


    ---- Read More ----

    Sunday, May 24, 2009

    How To : Using Twitter avatars in comments without Wordpress plug-ins

    I was pretty interested in the Twittar plug-in when it was first released and decided to look at the source to see how it works. Being a die-hard WordPress hack fanatic, I decided to create a hack using the Twittar code.

    Follow these simple instructions to use Twitter avatars in your blog comments without a plug-in:

    1. The first thing is to get the functions file here.

    2. Once you have it, unzip the archive and open the twittar.php file. Select all of its contents and paste it in the functions.php file in your theme.

    3. Now, open your comments.php file and find the comments loop. Then, just paste the following line where you’d like the Twitter avatars to be displayed:


    Copyright 2008 All Rights Reserved Revolution Two Lifestyle theme by Brian Gardner Convert by Bloganol dot com Edit by Arieyblog