Here’s what you should put into your stylesheet css Tiny Contact Form setting.

To: rosamundwo@yahoo.com {replace with your own email}

Message OK: Thank you! Your message was sent successfully.

Message Error: Sorry. An error occured while sending the message!

Captcha: {put a tick here} use a little mathematic spam test like ” 12 + 5 = ”

StyleSheet:

.contactform {}
.contactform label {display:block;text-align:left;}
.contactform input {display:block;}
.contactform textarea {display: block;}
.contactform_respons {}
.contactform_error {}
.widget .contactform { /* same fields but in sidebar */ }

Place this short code into your page and your contact form will appear as below

Author: Rosamundwo

Rosamundwo is a Fulltime Blogger and Partner in ProBudgetWebDesign Malaysia Web Design & Web Development Company. Connect with her on Google+

Twitter | Facebook | Google+

In fact if you look properly Akismet is STILL offering FREE plan for individual Personal website usage.

Scroll the bar till you see 0.00/yr with a sad smiley icon, fill in your details and you will get your Free Akistmet API Key

Author: Rosamundwo

Rosamundwo is a Fulltime Blogger and Partner in ProBudgetWebDesign Malaysia Web Design & Web Development Company. Connect with her on Google+

Twitter | Facebook | Google+

For example: http://domain.com/sitemap.xml

Error loading stylesheet: An unknown error has occurred (805303f4)

There is no problem with accessing your sitemap by adding http://www.domain.com/sitemap.xml

How to remove www infront of Google sitemap xml

Method A

Just Add The Following code To Your .htaccess

RewriteEngine On
RewriteCond %{HTTP_HOST} ^domain.com [NC]
RewriteRule ^(.*)$ http://www.domain.com/$1 [L,R=301]

Note:
1. Replace domain.com With Your Domain Name
2. Use If Your WordPress site Is Without www Means then Just Use The Following the reverse Order )

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.domain.com [NC]
RewriteRule ^(.*)$ http://domain.com/$1 [L,R=301]

Method B

I’m using Method B because is seem like the correct way to solve this error message.

Go to your Sitemap-core.php file located in your cpanel

/wp-content/plugins/google-sitemap-generator/sitemap-core.php

function GetDefaultStyle() {
		$p = $this->GetPluginPath();
		if(file_exists($p . "sitemap.xsl")) {
			$url = $this->GetPluginUrl();
			//If called over the admin area using HTTPS, the stylesheet would also be https url, even if the blog frontend is not.
			if(substr(get_bloginfo('url'),0,5) !="https" && substr($url,0,5)=="https") $url="http" . substr($url,5);
			return $url . 'sitemap.xsl';
		}
		return '';
	}

Remove the above code and add below code

function GetDefaultStyle() {
		$p = $this->GetPluginPath();
		if(file_exists($p . "sitemap.xsl")) {
			return '/wp-content/plugins/google-sitemap-generator/sitemap.xsl';
		}
		return '';
	}

Finally rebuild your sitemap manually in your wordpress dashboard settings

Author: Rosamundwo

Rosamundwo is a Fulltime Blogger and Partner in ProBudgetWebDesign Malaysia Web Design & Web Development Company. Connect with her on Google+

Twitter | Facebook | Google+

Removing this dotted outline when you click on your header title or header image is very simple

Just need to add in

a {
outline: 0;
}

into your style.css

Example

#headerimg{
width: 67px;
float: left;
border:0px
height:48px;
text-decoration:none;
}
a {
outline: 0;
}

Author: Rosamundwo

Rosamundwo is a Fulltime Blogger and Partner in ProBudgetWebDesign Malaysia Web Design & Web Development Company. Connect with her on Google+

Twitter | Facebook | Google+

Contactable jquery plugin or Magic contact in wordpress is a very nice feedback form using jquery sliding out from your left page.

For some who can’t get this plugin to display even after installing this Rejected Magic Contact plugin in their wordpress, it’s because of your <?php get_footer(); ?> in your theme’s index.php

Some themes use <?php get_footer(); ?> while some theme use <?php wp_footer(); ?>

To display you need to add <?php wp_footer(); ?> into your index.php of your theme you’re using now.

Place this code <?php wp_footer(); ?> below <?php get_footer(); ?>

Example

I’ve customize my own by adding my Facebook & Twitter into this feedback form.

Check it out

You can download my own customized one here

Download Customized Version

All you need to change is to replace my name rosamundwo to your twitter user name and facebook user name in my.contactable.php

Update Oct 11,2010

To get this contactable to appear in all pages other than your main page in your wordpress, you will need to add in

 <div id="mycontactform"> </div>

into your Page.php  & also Single.php
after this line for example, see below
 <div>
<?php the_content('<p>Read the rest of this page »</p>'); ?>
<div id="mycontactform"> </div>

Author: Rosamundwo

Rosamundwo is a Fulltime Blogger and Partner in ProBudgetWebDesign Malaysia Web Design & Web Development Company. Connect with her on Google+

Twitter | Facebook | Google+

It takes less than 10 mins to install an embeddable forum plugin into your WordPress blog.

Tak.ki Forum – WordPress Plugin Download Page

Plugins are also available for:

Google sites, Drupal, Joomla, Yola, Weebly, Blogger and PBWorks.

Unlike any other forum, Tal.ki integrate with social sign in eg: Facebook, Google, Twitter, Yahoo, OpenID, Myspace, AOL, WordPress, Windows Live ID, Blogger, Linkedin and myOpenID.

So, if you don’t have Facebook account, you can still sign in with your existing account using any one of these social integrations. Isn’t it cool?

This social connect eliminates the usual outdated way of unnecessary new member registrations. User no longer need to create new membership to access forum and to recall back their lost username or password ever again.

The Tal.ki Forum widget is really simple to add to your WordPress. Here are the steps:

1. Add Tal.ki plugin
2. Drag and drop the Tal.ki Forum widget.
3. You can sign in using your existing login for Facebook, Google, Yahoo or others, so there’s no need to create a new account.

For more information on how to install Tal.ki plugin into your wordpress, click here

Here’s a live demo of Tal.ki forum

The cons of Tal.ki forum

Current limitations (FREE version)

• Topics: display the 15 most recently active topics
• Replies: display the first 200 replies in every topic
• Forums: limited to 5 forums
• Unlimited posting
• Unlimited members

Any topics and replies over the limits are still created and saved, and will be revealed when you upgrade. These limits only apply to the browsing of your forum.

What do you get when you upgrade?

Upgrading to talki pro gets you unlimited topics, posts and forums, as well as features such as image uploading, private forums and more!

Problem encountered in WordPress

For users who encountered Error after you’ve deleted and can’t seem to  reinstall Tal.ki forum into your wordpress plugin

Here’s what you can do to clear things up

Download Clean Options from WordPress Plugin site

First remove Tal.ki plugin and newly created Forum in your “Page”

Then follow the steps to totally remove the remaining Tal.ki files from your wordpress using Clean Options you have download earlier.

Go to you Admin Dashboard in WordPress, go to Plugin, click on Tools in Clean Options, click on “Find Orphaned Options”

Select all the “talki…” and click remove

After you have clean up all tal.ki files , you will have no problem re- installing your Tal.ki plugin back into your wordpress.

Download Tal.ki Now

AWS Case Study: Tal.ki Forums Take to the Cloud

Author: Rosamundwo

Rosamundwo is a Fulltime Blogger and Partner in ProBudgetWebDesign Malaysia Web Design & Web Development Company. Connect with her on Google+

Twitter | Facebook | Google+

Photo Source: Miss Universe 2010 contestants in Las Vegas

If you’re using the default WordPress gallery, you will notice it’s difficult to view each photo unless you open in a new tab. In order to view photo gallery in a easier way, we use Lightbox Gallery plugin. You can download here.

Once you’ve downloaded Lightbox Gallery plugin, add to your wordpress plugin.

You will see LightBox Gallery in your settings. Configure it step by step to enable Lightbox gallery into your WordPress. All you need to do is to add in the size and it’s very very simple to use.

[Click to enlarge]

Lightbox Gallery DEMO

Author: Rosamundwo

Rosamundwo is a Fulltime Blogger and Partner in ProBudgetWebDesign Malaysia Web Design & Web Development Company. Connect with her on Google+

Twitter | Facebook | Google+

So here are the “Top 10 Reasons You Should Use MobStac”

Here are steps by steps on how to setup Mobile version of your site on Mobstac:

Sign-up for your Mobstac blogger account – You will need to put an invite code for successful sign-up (Put TRAKINFAN)

Login to your email to activate your account by copying the link into your browser

You will see this after your account has been activated

Sign in to your MobStac Account

Now, key in your Blog URL and click “Scan”

Enter your URL (For Eg: http://www.rosamundwo.com) and let Mobstac scan your site.

Next, download plugin into your wordpress

Key in your API Key and fill in your URL Link

How to add Cname record and make it point to mobstac

Now go to your Cpanel and find “Simple DNS Zone Editor” to add the Cname record and make it point to mobstac.com given URL

After you add cname and point to mobstac, you will see as below

Go to m.rosamundwo.com and you will see as below

So there you have it – The mobile version of your blog.

Things you need to configure

How to show full summary of your feeds

1) Go to you wordpress admin —> Reading—>For each article in a feed, show —> Show full text

2) Under your wordpress Settings  “Similar Post”—>go to Placement –>Output in RSS feeds: set to “No”–> Save Settings

Author: Rosamundwo

Rosamundwo is a Fulltime Blogger and Partner in ProBudgetWebDesign Malaysia Web Design & Web Development Company. Connect with her on Google+

Twitter | Facebook | Google+

And after you share and comment, the result

Step 0

You need to get your Facebook application ID

Go to http://developers.facebook.com/setup/

After you click on Create application you will see

Step 1

You need to download & installed this plugin FBLike

Download

FB Like configuration

Click photo to enlarge

Note: Key in your Facebook Application ID in your FB Like plugin settings

Step 2

Add this to your header.php

<html xmlns="http://www.w3.org/1999/xhtml"<br />
xmlns:og="http://opengraphprotocol.org/schema/"<br />
xmlns:fb="http://www.facebook.com/200 8/fbml" <?php language_attributes(); ?>><br />
<meta property="fb:admins" content="566593088"/><br />
<meta property="fb:app_id" content="184517187139" /><br />
<meta property="og:type" content="article" /><br />
<meta property="og:image" content="<?php bdw_get_images(); ?>"/>

If you don’t know where to add, here is an example

Notes:

fb:admins

Replace YOUR-ADMIN-ID with your Facebook User ID. To easily get your Facebook User ID, you can use another aspect of the social graph: http://graph.facebook.com/timware (substitute your username for “timware”). This will pull up the information that is publicly available for that user. You’ll want the “id” value for our purposes here.

fb:app_id

Replace YOUR-APP-ID with the Application ID assigned to your website when you set it up on Facebook, as described above.

Step 3

Add this code to your function.php

function bdw_get_images() {

    // Get the post ID
	global $wp_query;
	$iPostID = $wp_query->post->ID;
    //$iPostID = get_the_ID();

    // Get images for this post
    $arrImages =& get_children('post_type=attachment&post_mime_type=image&post_parent=' . $iPostID );

    // If images exist for this page
    if($arrImages) {

        // Get array keys representing attached image numbers
        $arrKeys = array_keys($arrImages);

		/******BEGIN BUBBLE SORT BY MENU ORDER************
		// Put all image objects into new array with standard numeric keys (new array only needed while we sort the keys)
		foreach($arrImages as $oImage) {
			$arrNewImages[] = $oImage;
		}

		// Bubble sort image object array by menu_order TODO: Turn this into std "sort-by" function in functions.php
		for($i = 0; $i < sizeof($arrNewImages) - 1; $i++) {
			for($j = 0; $j < sizeof($arrNewImages) - 1; $j++) {
				if((int)$arrNewImages[$j]->menu_order > (int)$arrNewImages[$j + 1]->menu_order) {
					$oTemp = $arrNewImages[$j];
					$arrNewImages[$j] = $arrNewImages[$j + 1];
					$arrNewImages[$j + 1] = $oTemp;
				}
			}
		}

		// Reset arrKeys array
		$arrKeys = array();

		// Replace arrKeys with newly sorted object ids
		foreach($arrNewImages as $oNewImage) {
			$arrKeys[] = $oNewImage->ID;
		}
		******END BUBBLE SORT BY MENU ORDER**************/

        // Get the first image attachment
        $iNum = $arrKeys[0];

        // Get the thumbnail url for the attachment
        $sThumbUrl = wp_get_attachment_thumb_url($iNum);

        // UNCOMMENT THIS IF YOU WANT THE FULL SIZE IMAGE INSTEAD OF THE THUMBNAIL
        //$sImageUrl = wp_get_attachment_url($iNum);

        // Build the <img> string
        $sImgString = '<a href="' . get_permalink() . '">' .
                            '<img src="' . $sThumbUrl . '" width="150" height="150" alt="Thumbnail Image" title="Thumbnail Image" />' .
                        '</a>';

        // Print the image
        //echo $sImgString;
		//print only the url of the first image
		echo $sThumbUrl;
	} else {
		//*****************************************
		//SET DEFAULT IMAGE
		//*****************************************
		echo 'http://rosamundwo.com/rosamundwofacebookbutton.gif';
	}
}

Step 4

Add this code to your single.php and put in where you would like it to appear in your post

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'YOUR APP ID', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:like action='recommend' colorscheme='light'
layout='standard' show_faces='true' width='500'/>

If you have trouble following my steps, you can visit Hyperarts.com. Good Luck!
Reference: Hyperarts.com

Author: Rosamundwo

Rosamundwo is a Fulltime Blogger and Partner in ProBudgetWebDesign Malaysia Web Design & Web Development Company. Connect with her on Google+

Twitter | Facebook | Google+

Copy and paste into your HTML (for wordpress)

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
width="455" height="344" codebase="http://download.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="bgcolor" value="#000000" />
<param name="src" value="http://v.blog.sohu.com/fo/v4/4373277" />
<param name="allowfullscreen" value="true" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" width="455" height="344" src="http://v.blog.sohu.com/fo/v4/4373277" quality="high" allowfullscreen="true" bgcolor="#000000"></embed></object>

Example
Embarrassing red carpet moments video embed

Author: Rosamundwo

Rosamundwo is a Fulltime Blogger and Partner in ProBudgetWebDesign Malaysia Web Design & Web Development Company. Connect with her on Google+

Twitter | Facebook | Google+