Mohsin Sumar Zend Certified Engineer, PHP Professional, Designer & Web Developer

4Oct/090

Success is not how far you get but…

"Success is not how far you get, but the distance you travel from where you started."

Today, I came across this well said proverb while watching one of my favorite TV shows, Numb3rs - the 6th season. I often come across such words of wisdom from many different places which I'll be posting it up on my blog. Stay tuned.


2Oct/090

The Hierarchy of Digital Distractions

The Hierarchy of Digital Distractions

The Hierarchy of Digital Distractions

I stumbled across this infographic on Information in Beautiful. It illustrates the Hierarchy of Digital Distractions. I'm quite amazed with this infographic and find it very true. How true do you find this? Click on the image to see this infographic in its original size.

Tip: start from the bottom. :)

Filed under: General No Comments
1Oct/090

Help! I’m using wordpress and my site disappeared from all search engines.

After a really long time of absence in maintaining my own personal website, I decided to install wordpress blog to get my site back online quickly. Without going over the settings thoroughly, I was happy that my site was back online quickly. I started blogging and hoping my blog posts would have a good impact on search engine results. Unfortunately, my site disappeared from search engines completely!

If you recently installed wordpress and are wondering why your site is not on any search engines, the culprit is the privacy options in wordpress. By default - it is set to reject all search engines besides normal visitors by setting the robots meta tag to noindex, nofollow.

The good thing is that it's really easy to fix this. Follow the instructions below and you'll be on your way to wait for Google & other search engine bots to crawl your site again.

  1. Log into WordPress Administration Area (wp-admin)
  2. Go to Settings > Privacy
  3. Select: I would like my blog to be visible to everyone, including search engines (like Google, Sphere, Technorati) and archivers
  4. Save settings

I hope this helps.

Happy Blogging!

27Sep/090

SSH Commands to find files on Linux Server

If you have a dedicated server or a VPS - or any Linux machine with SSH access, the following commands may be useful to you if you are looking to find some files quickly. PuTTY is a good telnet/SSH client if you don't already have one. Let's get started.

#1: If you are looking for a particular file in /home directory

find /home -name filename

#2: If you are looking for files whose name is starting with "filename" in public_html directories only, you can use the following command:-

find /home/*/public_html -name filename* 

#3: Instead of viewing your search results in command line, you can write it to file by using this:

find /home/*/public_html -name filename* > /home/filename_search.txt

#4: Alternatively, you can send it via e-mail directly from server using the command below. Don't forget to replace "Subject Here" with your email subject, and "email.address@domain" with your email ID.

find /home/*/public_html -name filename* |mail -s "Subject Here" e-mail.address@domain

I hope this was useful.

27Sep/090

jQuery Carousel, those cool rotating, pagination, autoslide banners

Have you ever wondered how to setup your own cool rotating & autoslide banners with pagination - those small buttons with 1, 2, 3 to switch between your website banners - especially on homepage? If so, then jQuery Carousel is an excellent jQuery plugin to do just that! It is simple to use and works perfectly.

Requirements:
Please follow the links below to download the respective javascript files. You may download the compressed versions - which can help minimize your sites size.

  1. jQuery Javascript Library
  2. jQuery Carousel Plugin

HTML Markup:

  1. Add the following to the head section of your HTML markup. Ofcourse, you'll need to update the path to point to your copy of the required files (which can be downloaded above).
    
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/jquery.carousel.pack.js"></script>
    
    
  2. Add the following to the body section of your HTML markup. This includes your banner files and their respective links. Don't forget to apply your CSS styles to class "foo" and it's child HTML tags.
    
    <div class="foo">
      <ul>
        <li><a href="/link/for/banner1"><img src="/path/to/banner/1.jpg" width="900" height="300" alt="Banner 1"></a></li>
        <li><a href="/link/for/banner2"><img src="/path/to/banner/2.jpg" width="900" height="300" alt="Banner 2"></a></li>
      </ul>
    </div>
    
    
  3. Right under the above markup, add the following javascript code to enable jQuery Carousel effect.
    
    <script type="text/javascript">
     $(function(){
     $("div.foo").carousel( {
            direction: "horizontal", // you can change this to vertical
            loop: true,
            pagination: true, // setting this to true adds the pagination 1, 2, 3 etc.
            autoSlide: true, // automatic rotation between the banners
            autoSlideInterval: 5000, // how long in miliseconds till next rotation
            delayAutoSlide: 3000 // how long to pause on each banner
         } );
     });
    </script>
    
    

And that's all there is to it. Fire up that web browser to see it in action!

There are several more settings which you can play around with to adjust this to your liking. You can visit jQuery Carousel page for more information on it.

I'd love to hear from you with links to see your application of this effect.