Heading 1

2. Using the Simple Facebook Connect (SFC) WordPress plugin by Otto.

The first step is to go to your “Plugins” admin page in WordPress and click on the “Add New“ button.

Then search for “simple facebook connect” and press the “Search Plugins“ button. Click the “Install Now” link. You can also do manual installation via ftp. The plugin can also be downloaded from the WordPress plugins directory.

After installation there will be a lot of new “SFC blah blah blah” plugins in your plugins list. Look for “Simple Facebook Connect - Base” and activate it.

Then go to your WordPress admin “Settings > Simple Facebook Connect” to customize the plugin. This is where you will need to put your Facebook page’s information. SFC also offers various Facebook functions such as WordPress login using Facebook profile and page’s activity feeds. Most of this functions including the automatic Facebook Page update will require custom Facebook application which you have to create by yourself.

To create a Facebook application you need to go to this link: http://www.facebook.com/developers/createapp.php. After creating the App you will be displayed with your Apps information that will be needed by the plugin.

After you done setting up the base. Go to your “Plugins” page and activate the “SFC – Publish“.

Then go back to “Settings > Simple Facebook Connect“. Now you need to give permission for the newly created Apps to automatically access your Facebook data.

There are major differences between all 3 methods I’ve posted in this blog. I prefer this method because once somebody clicked on the Wall Post of the Facebook Page they will be redirected to your blog without any other medium in between. Give your opinion about this entry and share it with your friends.

To not making this entry too long I will write only the 1st suggestion here and the 2nd suggestion in the next entry.

1. Using Networked Blogs Application

Go to your Facebook page and click on the “Edit Page button” or the “Edit info” link.

Click on the “Apps” tab in the settings page and then click on the “Browse more applications” link.

Search for “Networkedblogs” and then open the application. Or just using this link.

On the Networked Blog’s page click on the “Add to my Page” link. A dialog box will appear for you to select the Facebook page you want to install the application.

After installation go to your Facebook page’s home (wall/info/etc.) and there will be a new “Blog” tab. Clicking on the tab will bring you to a page for you to customize and add your blog information into the application.

Finish the setup and try posting a test post. That is how the post will look like on the wall of those who Liked your page.

The screenshot below is an example how the “Blog” page will look like after you are done with the setup.

The 2nd suggestion will be posted very soon. I hope you like this tutorial. Please give your comment or share this with your friends.

Screenshot on 24 February 2011

Yahoo! has announced they will kill MyBlogLog on 24 May 2011. Check your Yahoo! Mail to make sure I’m not kidding. The service started as an independent website since 2005 allowing people to add their blogs and create communities gathering people of similar interest. MyBlogLog is a good service helping people to promote their blogs while also collecting traffic detail for benefits of blog owners. I started using the service about 2 years ago therefore I don’t know if the paid Premium service was offered since the start or just when Yahoo! bought MyBlogLog around January 2007.

Today I checked my Yahoo! Mail and was so surprised with the confimation notice that MyBlogLog will be discontinued on 24 May 2011.

Here’s the copy of the notice:

Dear MyBlogLog Customer,

You have been identified as a customer of Yahoo! MyBlogLog. We will officially discontinue Yahoo! MyBlogLog effective May 24, 2011. Your agreement with Yahoo!, to the extent that it applies to the Yahoo! MyBlogLog, will terminate on May 24, 2011.

The Yahoo! My BlogLog Team

Yahoo! also suggest we try Yahoo! Pulse as a service for social update but nothing will replace the benefit of MyBlogLog that everybody loved. It is rumored previously that Yahoo! will also shut down Del.icio.us, AltaVista, Yahoo Bookmarks, and Picks but I don’t have any proof of confirmation to share with you.. yet.

I just stumbled upon a website by a Malaysian photographer Ameer or his nickname is Momoc containing his amazing collection of HDR photography. The photos were taken around the central region of Malaysia and would be a nice stuff to show some part of the country to the world. I believe the photographer is doing his best to include all part of Malaysia into his collection.

HDR Photography by Ameer aka Momoc

Website: http://momoc.sumasu.com/

Advertising agency: McCann Erickson, Malaysia

Information and images from Ads of the Worlds

1. Mini Mouse & Flash Drive Combo

This 800 dpi mouse by Iogear comes with retractable cable and 32MB built-in flash drive. Save 1 USB slot when you use this product.

Buy it

2. SD Card & Flash Drive Combo

This 4MB SD card by SanDisk can be used in cameras, camcorders, mp3 players, and other applications but the most important feature is that it can be used on any computers without the need of a card reader.

Buy it

3. Credit Card Flash Drive

This slim credit card sized flash drive can easily fit into your jacket, wallet, purse or briefcase. It is only 2.60mm in thickness but equipped with 8MB of solid state storage capacity.

Buy it

4. Bottle Cap Opener & Flash Drive Combo

This water resistant and stainless steel product by i-Ecko features 2MB of flash memory. Perfect during and after office hours.

Buy it

5. TRON Cycle Flash Drive

The Dane-Elec TRON Kevin Flynn White Cycle 8 GB USB 2.0 Flash Drive – Collectors Limited Edition TR-Z08GLWPTP-C might be a good addition to your TRON collection. However I’m not sure if it’s practical enough.

Buy it

6. Mini Cooper Flash Drive

This might be a “must have” item for a Mini Cooper fans. The flashlights flashes when you use the flash drive. Cool.

Buy it

7. Multi-purpose Tool Flash Drive

Perfect tool for modern MacGyver. Victorinox has made this item complete with high powered LED white mini-light, knife blade, screw driver, scissors, ball-point pen, nail file, and 8MB USB flash memory.

Buy it

8. Pen, Laser Pointer & Flash Drive Combo

This 3-in-1 product might be a handy tool for presenters. You can easily save Powerpoint files in the 4MB flash memory, use the laser pointer during presentation, and sign autographs afterwards.

Buy it

9. Transformer Flash Drive

This flash drive can transforms into a cat but don’t worry because it won’t bite. This is probably the coolest flash drive ever.

Buy it

10. Clip-On Flash Drive

I like this flash drive because it can be clipped onto the shirt pocket, briefcase or a book just like a pen.

Buy it

11. Bracelet Flash Drive

This bracelet flash drive might be suitable for those who want the flash drive to be a fashion accessory. It may add the “geekiness” to your image.

Buy it

12. Bullet Flash Drive

This item featured a strong waterproof metal casing with 8MB of storage capacity. Nice accessory for an Iraq war veteran.

Buy it

13. Key Shaped Flash Drive

Cool metallic design with water and scratch resistant and shaped like a key. This item however cannot produce keys for pirated softwares.

Buy it

14. Robot Flash Drive

This robot will remove it’s head and insert itself into the USB slot when the owner command it to do so. However that was only in my imagination. The actual product is just a stiff flash drive but the cutest in this article.

Buy it

To appreciate this application and all the artists using it, I created a list of RANDOMLY SELECTED beautiful artworks from the application’s public gallery. These artworks are not the most beautiful but most of them were created not by professional artist and painted only by using the computer mouse. It is very amazing how creativity can make a simple thing to be wonderful.

1. Aditya Nugraha

2. Alejandra Castro

3. Amelia Lee

4. Angela No

5. Anja Phan

6. Annika Wi

7. Dg Espiritu

8. Evelien DeGreef

9. Fysal Lycan

10. Нё Ня

11. Jewel Sugden

12. Kristena Ly

13. Lindsay Potts

14. Luis Carlos A. G

15. Madhu Sidhu

16. Meg Maisano

17. Michelle Watson Allen

18. Mireia Nubiola Sans

19. Sergey Sumatokhin

20. Vasil Jan Ybanez

And my own artwork

Screenshot

I am so unhappy because 000webhost has deleted my account without any prior notice. As far as I know I have not break the terms and conditions. What I did recently was moving my website from the 000webhost to Exabytes. I don’t think that they deleted my account just because I left all the website files in their server but are not active. Usually if something like this happen they will only delete the account for 1 website but not the entire account which still contains my other 2 websites. Or is it because I wrote a critic about them in a forum?

I don’t mind if they want to delete my account for any reason because I already have other hosting server but at least they should give me a warning if I have broken the terms and conditions or give time for me to back up my files. For 2 years with 000webhost, my verdict:

1. 1500Mb (1.5Gb) disk space. The largest compared to all other free hosting services that I found. However they don’t mention to you anywhere that each account is limited to only 10000 files. So it is not suitable if you have a lot of small files such as thumbnails or CMS websites. Example: I installed WordPress and already I’m using 23% of files count but only 1% of the 1.5Gb disk space.
2. 100Gb bandwidth. Also the largest compared to other free hosting that I know. I have not yet reach the bandwidth limit. No further comment.
3. Pageload is quite slow especially if your website have a lot of contents such as images. About half the speed compared to my Exabytes server.
4. Server uptime is not very satisfying. I registered with serviceuptime.com to check my server reachability status and the website are not reachable from some parts of the world for about 5min to 4hrs. Happened about 2-5 times a week. However this problem still exist when using Exabytes server but the frequency is reduced a little bit.
5. .htaccess is allowed and I have been customizing it as much as possible. This means you can use SEO-friendly URLs for your WordPress or Joomla sites.
6. Autoinstaller is available but not working. Need manual installation of CMS. Probably works for paid version.
7. Only 2 MySQL databases is allowed. Means that you cannot use more than 2 CMS (wordpress, joomla, phpbb, etc) in 1 account/domain.
8. Recently the backup service has been upgraded and you can backup the files and MySQL databases anytime you want. Last year I have to manually backup everything.
9. Fast setup and installation. Sites run 5-30min after installation.
10. Customer service is fast but only limited to topics they can handle. Else you’ll need to solve the problem by yourself. They also don’t notify you about any update or problems their having.
11. No Slow Query or Too Many Query on the server is allowed. This means the server load is limited and you’ll be warned about this. Frequent occurrence might get your account banned unless you upgrade to paid service. There are plugins or applications such as Website/Traffic Statistics which produce this problems. Limit those kind of things in your sites.
12. 5 addons domain, 5 subdomains, 5 emails, 2 MySQLs
13. Yes: PHP 5.x, Curl, PHP mai, Cron Jobs. No: Perl, CGI, SSL, SSH.
14. No ADS to interfere your website at all.

Verdict: Good for starters or you don’t have any money to spend on paid hosting.

Example

This time I would like to share with you how I add the floating and fixed social bookmarking icons on this blog. I also has customized the icons so that they are initially transparent and will be at full opacity only when you roll your mouse pointer over them. There are a lot of plugins available for you if you want a quick solution. However this method I’m showing you will allow you to customize the icons with your own icons and you can also add any type of image such as your girlfriend’s nude pics to replace the icons.

The steps:

Open your theme’s header.php file and search for <body> tag.

Right below the <body> tag, paste this codes:

<div id="fixed_icons">
<a href="http://www.facebook.com/RidhuansBlog" title="Connect on Facebook" target="_blank" id="facebook"></a>
<a href="http://twitter.com/eworque" title="Follow us on Twitter" target="_blank" id="twitter"></a>
<a href="http://feeds.feedburner.com/RidhuansBlog" title="RSS Feed" target="_blank" id="rss"></a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=RidhuansBlog&loc=en_US" title="RSS updates via e-mail" target="_blank" id="email"></a>
</div>

Then copy and paste this codes in your theme’s style.css file:  //you may delete the orange texts

/*-------------FLOATING SOCIAL ICONS--------------*/
#fixed_icons {
background: transparent;
width: 48px; /* change this to the width of your images/icons */
position: fixed;
top: 15%; /* position from top of browser window (in % or px) */
right: 0.20%; /* position from right (or left) of browser window (in % or px) */
z-index: 3; /* to make sure icons float on top of other images */
}
#fixed_icons a {
display: block;
text-indent: 24px;
height: 48px; /* the height of the link block (mouseover area) */
padding-bottom: 3px; /* vertical distance of icons */
text-decoration: none;
opacity: 0.6; /* CSS transparency setting */
-moz-opacity: 0.6; /* transparency setting for old Firefox */
-khtml-opacity: 0.6; /* transparency setting for old Safari */
filter: alpha(opacity=60); /* transparency setting for old IE */
}
#fixed_icons a:hover {
opacity: 1.0; /* full opacity (no transparency) */
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
filter: alpha(opacity=100);
}
#fixed_icons #facebook {
background: url(images/icons/facebook.png) no-repeat; /* location of icon */
}
#fixed_icons #twitter {
background: url(images/icons/twitter.png) no-repeat;
}
#fixed_icons #rss {
background: url(images/icons/RSS.png) no-repeat;
}
#fixed_icons #email {
background: url(images/icons/email.png) no-repeat;
}

My icons are located in "/mytheme/images/icons/" folder where "/mytheme/" is also the location of my style.css and the header.php. If your icons are not hosted in your theme’s folder, change the URL for icons in green texts with the URL of your selected URLs.

Example:

#fixed_icons #email {
background: url(http://location-of-your/icon.png) no-repeat;
}

Try play around with the CSS setting such as remove or change the value for transparency setting in the #fixed_icons a:hover CSS tag or add positioning rule (ex: left: 3px;) to the hover setting so that your icons change position when you roll your mouse pointer over them. W3schools.com is a good place for you to learn customizing CSS settings. By refering to this example you might get the idea of how to modify the codes if you want to change the icons or links in case you want something else to appear instead of Facebook or Twitter links. Good luck.

My initial reference was: How to add fixed icons to the side of your WordPress site