WordPress 3.0, Beta 1 is Released

This is really great news of yesterday. WordPress 3.0 beta is out for testing.

They merged the wordpress and wordpressMU in this version. There are so many major changes in UI and interfaces has been done.

WordPress 3.0, Beta 1 is Released
WordPress 3.0, Beta 1 is Released

You must know about this release

  • The custom menus system (Appearance > Menus) is not quite finished. In Beta 2, the layout will be different and a bunch of the functionality will be improved, but we didn’t want to hold things up for this one screen. You can play with making custom menus, and report bugs if you find them, but this is not how the final screen will look/work, so don’t get attached to it.
  • The merge! Yes, WordPress and WordPress MU have merged. This does not mean that you can suddenly start adding a bunch of new blogs from within your regular WordPress Dashboard. If you’re interested in testing the Super Admin stuff associated with multiple sites, you’ll need some simple directions to get started.
  • We’re still fiddling with a few small things in the UI, as we were focused on getting the more function-oriented code finished first. For example, we’re getting a new icon for the Super Admin section.

Best new thing in wordpress 3.0 beta

  • Play with the new default theme, Twenty Ten, including the custom background and header options.
  • Custom Post Type functionality has been beefed up. It’s really easy to add new types, so do that and see how it looks!
  • WordPress MU users should test the multiple sites functionality to make sure nothing broke during the merge.

You can download the wordpress 3.0 beta from here

Download wordpress 3.0 beta

  • Play with the new default theme, Twenty Ten, including the custom background and header options.
  • Custom Post Type functionality has been beefed up. It’s really easy to add new types, so do that and see how it looks!
  • WordPress MU users should test the multiple sites functionality to make sure nothing broke during the merge.

Father of the PC Dr Henry Edward Roberts died

Dr Henry Edward Roberts was the inventor of the Altair 8800, a machine that sparked the home computer era.

Gates and Allen contacted Dr Roberts after seeing the machine on the front cover of a magazine and offered to write software for it.

Dr Henry Edward Roberts died

When Roberts developed his Altair 8800 the following year, it became the first commercially-successful personal computer kit, retailing at $397. At first the project seemed ill-starred: having promised Popular Electronics a prototype to meet the magazine’s copy deadline, Roberts shipped the machine to New York, only for it to be lost in transit.

Once launched, the machine – named Altair after the 12th brightest star in the sky – became another instant hit, with MITS shipping more than 5,000 kits in seven months. By 1976 sales totalled $6 million. But competitors had already started selling imitations, and the following year Roberts sold his company, pocketed $2 million and moved to rural Georgia, becoming a gentleman farmer and starting a software company.

Later he was able to fulfil his boyhood ambition of becoming a doctor, and set up a practice in the small town of Cochran in 1988.

The program was known as Altair-Basic, the foundation of Microsoft’s business.

“Ed was willing to take a chance on us – two young guys interested in computers long before they were commonplace – and we have always been grateful to him,” the Microsoft founders said in a statement.

“The day our first untested software worked on his Altair was the start of a lot of great things.”

Apple co-founder Steve Wozniak told technology website CNET that Dr Roberts had taken ” a critically important step that led to everything we have today”.

‘Fond memories’

Dr Roberts was the founder of Micro Instrumentation and Telemetry Systems (MITS), originally set up to sell electronics kits to model rocket hobbyists.

The company went on to sell electronic calculator kits, but was soon overshadowed by bigger firms.

In the mid-1970’s, with the firm struggling with debt, Dr Roberts began to develop a computer kit for hobbyists.

The result was the Altair 8800, a machine operated by switches and with no display.

It took its name from the then-cutting edge Intel 8080 microprocessor.

The $395 kit (around £1,000 today) was featured on the cover of Popular Electronics in 1975, prompting a flurry of orders. It was also sold assembled for an additional $100 charge.

Amongst those interested in the machine were Paul Allen and Bill Gates.

The pair contacted Dr Roberts, offering to write software code that would help people program the machine.

The pair eventually moved to Albuquerque – the home of MITS – where they founded Micro-Soft, as it was then known, to develop their software: a variant of the Beginners All-purpose Symbolic Instruction Code (Basic).

“We will always have many fond memories of working with Ed in Albuquerque, in the MITS office right on Route 66 – where so many exciting things happened that none of us could have imagined back then,” the pair said.

Dr Roberts sold his company in 1977.

He died in hospital on 1 April after a long bout of pneumonia.

Source Link

create sticky footer using css or javascript

You can create sticky footer using css perfectly. Use following css code for creating the sticky footer. Many people gave example of google sticky footer.

create sticky footer using css or javascript

create sticky footer using css or javascript
create sticky footer using css or javascript

Use bellow CSS code.


html{

height:100%

}

body{

height:100%

}

#footer{

position: relative;

bottom: 0px;

height: 100px;  //You must need to know your footer height

margin-bottom:-100px; //here I am thinking footer will be 100 px

}

You can change the footer height as per your need or footer height.

Sticky footer you will also achieve using javscript code.

<script>// <![CDATA[

// ]]></script>
document.body.onload = function () {
 var myWidth = 0, myHeight = 0;
 if( typeof( window.innerWidth ) == 'number' ) {
 //Non-IE
 myWidth = window.innerWidth;
 myHeight = window.innerHeight;
 } else if( document.documentElement &&
 ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
 //IE 6+ in 'standards compliant mode'
 myWidth = document.documentElement.clientWidth;
 myHeight = document.documentElement.clientHeight;
 } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
 //IE 4 compatible
 myWidth = document.body.clientWidth;
 myHeight = document.body.clientHeight;
 }
 window.alert( 'Width = ' + myWidth );
 window.alert( 'Height = ' + myHeight );

 middle_container = myWidth - 150; // here I am thinking footer and header hight is 150px
 document.getElelmentByID("main").style.height = middle_container;
}
// ]]>

You just need to minus the header and footer height from middle_container.

change image of on MouseOver Event using JavaScript

Using only javascript and CSS you can easily achieve mouseover effect. In article we given sample code for change image of on MouseOver Event in your site.

change image of on MouseOver Event using JavaScript or CSS

change image of on MouseOver Event using JavaScript or CSS
change image of on MouseOver Event using JavaScript or CSS

If you want to change the image on rollover or mouseover event. This is very old technique. You can achieve this using CSS or javascript. I given the simple and powerful code javascript mouse event. I tested this code. It works on all the browsers.

With CSS you can use the following code:


.yourimage { background-image: url('firstImage.jpeg'); }
.yourimage:hover { background-image: url('secondImage.jpeg'); }

<div class=”yourimage” style=”height:100px;width:100px;min-height:100px;min-width:100px;”></div>

I am using the yourimage class for div element.

With javascript you can use following code

<div>
<img src="firstimage.jpeg" onmouseover="this.src='secondimage.jpeg'" onmouseout="this.src='firstimage.jpeg'"/>

If you are using the Jquery then use following code:

<style>
.imagediv{background-image:firstimage.jpg}
<div class="imagediv"/>

 $(document).ready(function () {
            $('div.imagediv').mouseover(function () {
                $(this).css(background-image", "url('secondimage.jpg')");
            });
        });

How to add ads end of wordpress RSS feed

If you want place ads in RSS feed at end. that is very easy with wordpress websites. We given simple code, Using our code, add ads end of wordpress RSS feed.

How to add ads end of wordpress RSS feed

How to add ads end of wordpress RSS feed
How to add ads end of wordpress RSS feed

Open your functions.php file from wordpress theme folder and use following code:

function insertAds_in_rss($content) {

$content = $content.' Your ads code goes will here';

return $content;}

add_filter('the_content_feed', 'insertAds_in_rss');

add_filter('the_excerpt_rss', 'insertAds_in_rss');

How to block your rss feed in wordpress website

In that situation you need to use following techniques. We given tricks, techniques and code for block your rss feed in wordpress website. Many people does not want to show their websites need to be cached or indexed by search engine. In that situation you need to use following techniques.

How to block your rss feed in wordpress website

How to block your rss feed in wordpress website
How to block your rss feed in wordpress website

First create the robots.txt file and put following code in that file.

User-agent: *

Disallow: /

You need to open functions.php file for disabling the rss feed from your website.
Put following code in that file.

function disable_rss_feed() {
    wp_die( __('No Rss feed are available,please visit our <a href="'. get_bloginfo('url') .'">website</a>!') );
}

add_action('do_feed', 'disable_rss_feed', 1);
add_action('do_feed_rdf', 'disable_rss_feed', 1);
add_action('do_feed_rss', 'disable_rss_feed', 1);
add_action('do_feed_rss2', 'disable_rss_feed', 1);
add_action('do_feed_atom', 'disable_rss_feed', 1);

wordpress 2.8.3 and 2.8.4 versions are under attack

If you are using the wordpress for your website or blog. Please do check your wordpress version because We got very serious news about wordpress older versions. I do got news about wordpress version 2.8.3 and 2.8.4. They are in serious trouble. There are so many sites are hacked and affected which is using wordpress 2.8.3 and 2.8.4 versions.

wordpress 2.8.3 and 2.8.4 versions are under attack

wordpress 2.8.3 and 2.8.4 versions are under attack
wordpress 2.8.3 and 2.8.4 versions are under attack

First I will tell you how can you check your wordpress website is hacked or not.

When you saw strange keywords in URL like  “eval” and “base64_decode.”

Check your Users in wordpress admin panel If you saw any new unwanted users then you really need to worry about.

Some time you did not able to access your wordpress admin panel. Then immediately take action and call your system admin or web development company.

I suggest first upgrade your wordpress version to greater than wordpress 2.8.6. I personally use the 2.8.6 and I did not found any issues yet.

Keep your admin passwords and database and ftp passwords as strong as possible.  Use special characters and numbers in password.

My personal suggestion is keep using the latest wordpress version.

How to write inline conditional css

We all know what is conditional css and how to write the conditional css. We have written CSS tutorial for writing  inline conditional css easily.

write inline conditional css

Here is few examples about conditional css.

write inline conditional css
write inline conditional css

[css-hacks]

With in style.css file

 a.button_active, a.button_unactive {
 display: inline-block;
 [if lte Gecko 1.8] display: -moz-inline-stack;
 [if lte Konq 3.1] float: left;
 height: 30px;
 [if IE 5.0] margin-top: -1px;
 text-decoration: none;
 outline: none;
 [if IE] text-decoration: expression(hideFocus='true');
 }

When we are use the inline css in document. If in that case we need to use conditional css then there is way

// Following is hack for all IE, including 7. It must go first, or it overrides the following hack
<div style=&quot;width:15px;^width:13px;&quot;>
some dynamic content
</div>
// Following is hack for all IE6 + browsers
<div style=&quot;width:15px;_width:14px;&quot;>
some dynamic content
</div>

How to use word wrap with css

Many times we need to do word wrap using languages. I recommend use css for word wrapping. In this article, we explained about How to use word wrap with css

How to use word wrap with css

You can force long (unbroken) text to wrap in a new line by specifying break-word with the word-wrap property.
This is a problem with CSS layouts that use floated divs.

use word wrap with css
use word wrap with css

Use following code for fix the word wrap with all divs.

div { word-wrap: break-word }

instead of this we always use following css code:

overflow:hidden;

But this is not good practice. Use word-wrap css property.
Word-wrap is supported in IE 5.5+, Firefox 3.5+, and WebKit browsers such as Chrome and Safari.

Download wp bluemagic Free wordpress theme

We Created the professional blue color based wordpress theme. User can download wp-bluemagic wordpress theme form here.

Download wp bluemagic Free wordpress theme

wp-bluemagic

Download wp bluemagic Free wordpress theme
Download wp bluemagic Free wordpress theme

[viral-lock message=”Download and Demo Link is Hidden! It’s Visible for Users who Liked/Shared This article on Facebook or Twitter or Google+. Like or Tweet this article to reveal the content.”]

Demo | Download

[/viral-lock]