This video tutorial will show beginners exactly how to get started with jQuery.

Pretty Loaded is an archive of flash based preloaders (Progress bars) presented in a slideshow fashion. Preloaders allow webmasters to Graphically convey the progress of a task to the visitor.

Above Flash Preloader shows the current task is 8% loaded

Visit Pretty Loaded Now!

vs

I had a big issue on getting Featured Content Gallery [FCG] wp plugin (slide show) in to work after installing Lightbox on my wordpress blog . Finally i found a best fix for this after spending some time on the google.

The problem was, the featured content gallery does not appear in the home page, Post view etc., but it works well on other pages (page2, page3…).

If i remove the Lightbox code form /wp-content/themes/your_theme/header.php, the gallery works just fine on any page & posts. So its clear there should be conflict when used both plugins together.

A quik search on google reveled that jQuery and MooTools Javascript frame works are conflicting with each other and causing this issue. LightBox uses jQuery framework while Featured Content Gallery uses MoreTools framework.

Fix :

Method 1 : The traditional NoConflict() method

One way to solve this issue is to use the jQuery.noConflict() function :

Take a look this links for detail on how to use this NoConflict solution.

http://www.wpshoppe.com/tips-tutorials/working-together-with-jquery-and-mootools/

Using jQuery with Other Libraries

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

http://wordpress.org/support/topic/280232?replies=5

unfortunately above method did not work for me. the featured content gallary was started to appear on the home page, but it doesn’t load the slide show images.

Method 2 : Finding a best Lightbox alternative

Finally, i decided to give up the lightbox (atleast until they make a fix in future versions)  and switch to a smiler plugin that works. The result was “Fancybox“.

The best think i found with Fancybox is, by default it shipped with the jQuery.noConflict() functionality. The functionally is already activated in the wp admin by default after installation & activation of the plugin. Thank you folks at fancybox !!

Demo (Click the zoom icon below the image)

Installation instructions & Download

That’s it!

I have solved a big problem now and can really keep concentrating on other stuff now.

1. WP FollowMe (Wordpress Plugin)

Built on  javascript, php & CSS, require you to download and install it or can be easily install   throught the “Add New” option under Plugins in your wp admin panel. Make sure to activate it after the installation. WP Follow me Plugin settings can be found under the “Settings” tab in your wordpress admin.

Latest version just updated today has more features added. for example, now you can choose a nice twitter bird icon from a collection. Also now we can customize the text on the badge.

Author’s description : WP FollowMe is a wordpress plugin that allow you to add a twitter “Follow me” badge on your wordpress blog.

With FollowMe you can:

• change the color of the badge
• change the follow me label (Follow me /  Follow us)
• change the position of the badge (left side or right side and the distance from top)

What you need to use this plugin :

• a wordpress powered website (blog)
• a twitter.com account (obviously)

How to use it :

• Download it
• Extract all files from the zip archive
• Copy the followme folder to wp-content/plugins
• Activate the plugin through the ‘Plugins’ menu in wordpress
• Go to FollowMe Settings page ( Settings -> FollowMe Settings) [you don't have to edit the code form any php file, just use the settings page]
• Add your twitter account on “Your twitter account” text field and configure the other options as desire
• That’s it !

Install Now ! Plugin Hope Page

Trouble Shooting (quoted form author’s site) :

Not working on your blog ?

Some of you have problems with this plugin.I have founded why and there is a quick fix for it. To make the plugin working open the footer.php file from your theme directory ( wp-content/themes/theme_name/footer.php ) and paste this code before the </body> tag : <?php wp_footer(); ?>

2.  GO2WEB20 Twitter Follow Badge

/caption] Built on javascript. Relatively easy to install than the previous one, also supports websites in addition to blogs. Puts a link to the author’s webpage on mouse move. Author’s description: This badge can be installed almost on any site. Just customize it a bit and take the code.

3. A pure CSS hand code Solution

Author’s Description : Add a Floating Twitter Follow Me/US Button to your website / blog The advantages of this method are : It is compatible with all browsers. It doesn’t use JavaScript at all. Continue reading the tutorial at the authors site ….

]]> http://www.zamaanonline.com/3-ways-to-put-a-floating-twitter-badge-in-your-blog-website-514/feed 14 http://www.zamaanonline.com/vid-installing-lightbox-in-to-your-wordpress-blog-221 http://www.zamaanonline.com/vid-installing-lightbox-in-to-your-wordpress-blog-221#comments Tue, 20 Oct 2009 04:14:03 +0000 zamaan http://zamaanonline.com/?p=221

This handy little 10 minutes long video will show you how to install lightbox in to your Wordpress blog.

If your new to wordpress cms platform, then i recommend you to take a look at this free video tutorial.

Tutorial Contents :

1. Introduction

* The WordPress Dashboard

2. Content

* How To Create A New Post
* How To Create A New Page
* How To Manage Posts and Pages

3. Categories and Tags

* How To Manage Categories
* How To Manage Tags

4. Media

* How To Upload New Media
* How To Manage Existing Media

5. Blog Appearance

* How To Add Or Change A Theme
* Introduction To Theme Customization

6. Widgets

* How To Use Widgets

7. WordPress Plugins

* How To Install A Plugin
* How To Manage Installed Plugins

8. Search Engine Optimization

* How To Make SEO Friendly Permalinks

9. User Accounts

* How To Add And Manage Users

10. WordPress Settings

* How To Configure Settings

Tutorial Homepage

I just installed wordpress 2.8.4 and when i made my first post that had few images and links, i found the images and links are not shown when viewed in the blog home page. Almost no formatting was there. But it was ok when i preview the post or when i click [more..] link at the bottom of the post in home page.

Sample screen shot of the problem.

the above post really had an image and few other formatting. But non of them are shown in that. you can see how it is look like now

So what’s wrong?

I found the problem really is with the excerpt feature in wp. . The default WordPress excerpt function excludes (remove) all HTML tags from appearing in the excerpt. This includes img, em, p, etc tags.

1. So What is this WordPress excerpts really?

The excerpt in WordPress is a short summary of a post. It is written by hand and it can replace the full post in places where a summary is preferable.

Or, as the Excerpt box in WordPress 2.7 2.8 says:

Excerpts are optional hand-crafted summaries of your content. Learn more about manual excerpts.

In other words, the WordPress excerpt is not an excerpt in the common sense of the word; it is not a part taken from a post but an extra piece of information added to a post, in the same way that tags are added. And, like tags, it is optional. To add an excerpt, you simply write one in the Excerpt box, right under the post editor:

You can keep reading this nice article about excerpt here

So what is the solution to display the links and images in the posts always?

There is a nice plugin called Custom Excerpts that will fix this issue for you.

just install this wordpress plugin by following the installation instruction shown there.

After the installation you have to configure few settings under General > Custom Ecerpts in your word press admin panel.

Here is my settings.

Above ‘allow this HTML Tags’ includes :

After you save the settings, you will see all html formatting in your post including images and links on any view.