Here is WP Plugin Google Plus for wordpress.
Otherwise following article may help you to add manually.

We have observed many WordPress website users/owners wants to add Google+ sharing button with their posts. And First thing you need to do is put the following code in your section of your site which you can change/alter by editing the header.php file of your wp theme.

Google+ Add to Circles Method:

<script type="text/javascript">// <![CDATA[
(function()
{var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();
// ]]></script>

And do not forget to replace the {plusPageID} with your own Google+ Page ID. Your Page ID is a 21-digit string at the end of the URL. For example if your page URL is: https://plus.google.com/101634180904778803404/ then the numbers in bold is your Page ID.

Once you have added the header code, then you have to place the following code where you like to add your button/badge.
Most users like to display this in their sidebar, so you can either modify your sidebar.php file, or simply add it in a text widget area.

<g:plus href="https://plus.google.com/{plusPageID}" size="badge"></g:plus>

For the Small badge, Just use the following method:

<g:plus href="https://plus.google.com/101674180904808003404" size="smallbadge"></g:plus>

I hope you have got it and Now it must work on your wordpress website with lot of blessings from Google with good search rank.

Reset CSS

Due to the fact web browsers define different default styling for html elements, the first thing to do is to always include a CSS reset in your stylesheet. By using this code, you’re already eliminating lots of future headaches.

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

Internet Explorer conditional comments

Let’s face it: Internet Explorer, especially the dinosaur IE6, is the front-end developer nightmare. In order to minimize their errors, Microsoft implemented conditional comments in their browser, which allow you to link a style sheet that will be interpreted by a browser alone.

<!--[if IE]>
  	<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

You can also target only a certain version of IE:

<!--[if IE6]>
  	<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

Internet Explorer hacks

While conditional comments are better, you can also target some versions of Internet Explorer using the following syntax:

.class {
  width:200px; /* All browsers */
  *width:250px; /* IE */
  _width:300px; /* IE6 */
  .width:200px; /* IE7 */
}

This technique is not W3C compliant (this is why you should use conditional comments instead) but sometimes, it is a real time saver.

Targeting Opera only

Opera isn’t the popular browser, but that isn’t a reason not fix problem that may occur. The code below will only target Opera, allowing you to add CSS rules only for this browser.

@media all and (min-width: 0px){
    .classname {}
}

Targeting Safari only

Safari is one of the most standard-compliant browsers, so it is rare that you have to fix Safari-only problems. But it can happen sometimes. Here is a nice hack to write Safari-only CSS rules.

html:lang(en)>body  .classname {}

Targeting Google Chrome only

After Opera and Safari, here is finally the same kind of hack, to target only Google Chrome:

body:nth-of-type(1) p{
   color: #333333;
}

“Browser Detect” PHP Class

While Internet Explorer is most of the time the reason of cross-browser compatibility problems, sometimes you may need to detect a wide range of browsers

If you’re working with the PHP language, the Browser Detect class is a very useful tool for detecting more than 20 different browsers.
Get the class

JQuery browser detection

Another great piece of code to detect the most common browsers (Safari, Firefox, Chrome, IE and Opera) is the browserdetect.js Jquery plugin.
Once you inclued JQuery and browserdetect.js in your html file, the script will automatically add a css class to the body tag.
For example, your body tag will look like this if the visitor browser is Firefox 3:

<body>

Get the code

WordPress browser detection

A while ago, I’ve explained on my other blog WpRecipes how WordPress can detect the browser used by your visitors. The code below will automatically add a CSS class to the <body> element of each page of your blog. Simply paste it on the functions.php file of your theme.

 add_filter('body_class','browser_body_class');
function browser_body_class($classes) {
	global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;

	if($is_lynx) $classes[] = 'lynx';
	elseif($is_gecko) $classes[] = 'gecko';
	elseif($is_opera) $classes[] = 'opera';
	elseif($is_NS4) $classes[] = 'ns4';
	elseif($is_safari) $classes[] = 'safari';
	elseif($is_chrome) $classes[] = 'chrome';
	elseif($is_IE) $classes[] = 'ie';
	else $classes[] = 'unknown';

	if($is_iphone) $classes[] = 'iphone';
	return $classes;
}  

IE6 crash

Sometimes (Who said always?) Internet fucking Explorer 6 gives us, developers, lots of headaches. Although this is definitely not the best method to make your web clients satisfy. But it can be a fun to fix it.

You have guess it now, the following line of code will make IE6 crash.

<style>*{position:relative}</style><table><input></table>

Have a nice day!

Kim Dotcom, who was arrested during his 38th birthday party at his luxurious Auckland mansion, was the brain behind Megaupload, infamous as a place to allegedly download pirated movies and television programmes.

But apart from storing allegedly illegal material, Megaupload was used legitimately by hundreds of thousands – possibly millions – of people around the world.

The site address yesterday displayed a notice from the FBI announcing the domain name had been seized “pursuant to an order issued by the US District Court”, with no indication when, or even if, they would be able to access their files again.

Steve Su, a Perth academic, was caught out by the closure. He lost material he had uploaded to share with his students.

Su said the FBI should have distinguished between legal and illegal content.

“It’s like confiscating everyone’s mobile phone because terrorists used them,” he said. “I don’t think it’s correct to penalise the technology because, based on that logic, shouldn’t the internet be taken down, as this is how people infringe copyright?”

Mark Pesce, a futurist and web commentator, said the incident had cast a shadow over cloud storage services in general.

“Everyone who is using a cloud-based back-up service right now is asking themselves how secure it is,” Pesce said.

“The folks who have legitimate files on Megaupload can’t get to them and they are pissed off. It has made cloud services look that much less legitimate.”

Megaupload is just one of several popular services known as “cyberlockers” that allow users to upload files and access them from wherever they want.

Sites such as Dropbox, RapidShare and Hotfile typically take little or no responsibility for the material their users upload, potentially leaving the sites open to legal action.

The author and software developer John Allsopp said if people were serious about protecting precious data such as family photos and videos, keeping local copies was essential.

”In addition to keeping your content in the cloud, it’s essential to also keep a local backup,” Mr Allsopp said.

“And because backing up is something even most tech savvy people tend to not do religiously, a network-attached storage device which your laptop or desktop can connect to wirelessly, and to which backups can be automatically be made as often as several times a day, is a no-brainer.”

Dotcom and the three other men arrested in the raid are expected to appear in an Auckland court today for proceedings to extradite them to the US.

The police spent much of yesterday searching the $30 million mansion leased by Dotcom in the Auckland suburb of Coatesville.

They removed artwork, computers, documents and 18 luxury cars, one of which reportedly bore the number plate “GOD”.

Dotcom has retained the American lawyer Robert Bennett, who represented Bill Clinton in the Paula Jones sex harassment case, to fight charges of criminal copyright infringement and conspiracy to commit racketeering.

Carlos Sanchez Almeida, a Spanish lawyer known for his crusading stance on issues of online privacy and piracy, has urged users to take stock of the data they have lost in the Megaupload shutdown in preparation for a possible class action against the US government.

Source: http://www.stuff.co.nz/technology/6298467/Megaupload-closure-hits-legitimate-users

In this tough competitive world, you should find the best options when it comes to online business. The themes you choose should leave an everlasting impression in the minds of the viewer or the customer and should make him remember your site. From the wide variety of one page wordpress themes available online, choose the best professionally designed theme that suits the needs of your business. Normally, these themes come with professional templates and fully customized layouts with a diverse range of colors and designs.

ShapeShifter – One Page, Infinite Possibilities

Locus One Page – WordPress

Auzora – One Page Portfolio and Business theme

Coalition – One Page WordPress Portfolio

ExcelsiorWP – One Page Portofolio Theme

SOFA – One Page Folio

Pixelstudio – An Elegant Scrolling One-page Theme

NANICA – One Page WordPress Theme

Identity – One Page Blog/Portfolio Theme

Da Vinci Theme – WP One Page Portfolio 12 in 1

Examples of this can be seen on several of the websites I built, including the journal of the singer Carolina Wallin Pérez.

In this post I will go through how to go about implementing this technology on their own WordPress blog.

WordPress loop

For those of you who do not know what WordPress loop is, one can simply say that all the information you enter into a WordPress post is saved in a database. The loop is the code on the home page that connects to the database and retrieves the information stored, and then presents it for your visitors. The loop looks like this:

<?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>

Here is the loop, which defines what is to be retrieved from the database.

Now that we know what the loop is for something, we will take and modify it to get WordPress to list the entries in columns. In this example we will limit it to three columns per row, but it is easy to change to another number if you prefer. The loop that controls your blog can be found in the index.php file located in the folder to your WordPress theme.

Make a backup of index.php before you start making changes!

Modify the WordPress loop

We start with the beginning of the loop. We want to give each column a value of 1, 2 or 3, in order to count the posts and tell WordPress when it’s time for a new line. We define at the beginning of the loop that we begin to count the posts from the first

<?php if (have_posts()) : ?> <?php $col = 1; // Start counting from 1 while (have_posts()) : the_post(); ?>

We want each row to start with a new series of container, and therefore continue the race with the following code:

<?php if ($col == 1) echo "<divpln">rad">"; ?>

Since we continue to define what content is displayed on each post. In this example, we choose to show:

• The title of the post
• The date when this was written
• Number of Comments
• A summary of this
• A link to the full post

<div id="post-<?php the_ID(); ?>">

<h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>

<small><?php the_time('j F Y') ?><?php comments_popup_link( 'Start Comment', '1 Comment', '% Comments'); ?></small>

<div>
<?php the_excerpt(); ?>

<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">Link →</a>

</div>

</div>

Now for the beauty of it, the small part of the code that makes sure that it all works. Here counts posts and decide when a new line should begin. We end even with an extra new line-container, which will help to break the floats from the bottom line. I will explain what this means later in the post.

<?php
if ($col == 1) echo "</div>";
if($col == 1) {$col = 2;} else {
if($col != 1) {
if($col == 3) {$col = 1;}
if($col == 2) {$col = 3;}
}
}
endwhile; ?>
<div></div>

We end the loop by adding navigation for newer / older posts, and an error message if there would be no posts in the database.

<div>  
<div><?php previous_posts_link('← Previous Post') ?></div>
<div><?php next_posts_link('Next Post →') ?></div>
</div>

<?php else : ?>  
<h2>No posts found</h2>
<p>Find anywhere else on our website. Thanks

<?php endif; ?>

The entire loop:

Now you should if you followed the guide to the letter have a loop that looks like this:

<? php if (have_posts ()):?>

<? php $ col = 1 / / Start counting from 1

while (have_posts ()): the_post ();?>

<? php if ($ col == 1) echo "<div>";?>
<- If we are in column 1, add a new line-container ->
<div class = "post-col <? php echo $ col;?>" id = "post-<? php the_ID ();?>">
<! - Provides each post a CSS class, "col1" "col2" or "col3" ->
<h2> <a href = "<? php the_permalink ();?>" title = "<? php the_title (); ?>"><? php the_title ();?> </ a> </ h2>

<! - Gets the post's title ->

<small> <? php the_time ('j F Y')?> <? php comments_popup_link ('No comments', '1 comment', '% Comments');?> </ small>
<! - Showing the post date and number of comments ->
<div>
<? php the_excerpt ();?>
<! - Gets the summary of the post ->

<a href = "<? php the_permalink ();?>" title = "<? php the_title ();?>"> Read the full post → </ a>
<! - A link to the full post ->
</ div>

<! - Closes the entry ->
</ div>

<! - Closes the record ->

<? php
if ($ col == 1) echo "</ div>", / / if we are in column 1, close the new line-container.
if ($ col == 1) {$ col = 2;} else {/ / if we are in column 1, then the next column 2.
if ($ col: = 1) {/ / if we are not at column 1, do the following:
if ($ col == 3) {$ col = 1;} / / if we are in column 3, then the next column No. 1.
if ($ col == 2) {$ col = 3;} / / if we are in column 2, then the next column No 3.
}
}
EndWhile;?>
<div> </ div>

  <! - Break last row of floats. ->
<div> <! - Navigate newer / older pages ->
<div> <? php previous_posts_link ('← Newer Posts ")?> </ div>
<div> <? php next_posts_link ('Older Posts →')?> </ div>
</ div>

<? php else:?> <! - If nothing was found in the database: ->
<h2> No posts found </ h2>
<p> Unfortunately it seems that you are looking for something that does not exist.

<? php endif;?> <! - Closes the loop ->

Formatting with CSS

If you were to look at your website in your browser right now you would not see any particular difference, despite all these changes in the code. Contributions are not in columns, three per row, but still in succession from top to bottom. Strange? Not at all! For the browser to understand that we want the posts should be in horizontal rows, we must give the instructions on this matter. We do this in the file style.css that is also located in the folder to your WordPress theme.

Make a backup of style.css before making any changes!

The first thing we must do is decide how wide each post-column should be, and how much space we want between each column. If we assume that the page where we publish our WordPress posts is 1000 pixels wide, so it fits quite well to each column is 300 pixels wide, with a gap between them of 50 pixels. Then each line that looks something like this (the white spaces is thus 50 pixels wide):

To achieve this we need to write the following in our style.css file:

 .col1, .col2 {width:300px; float:left; margin:0 50px 25px 0;} .col3 {width:300px; float:left; margin:0 0 25px 0;}

What we are doing here is we set the width of columns to 300 pixels. Then we attribute float:left of each column, which means that the columns flows / is / are listed next to each other instead of each post end up in the previous. In columns 1 and 2, we also have a margin of 50 pixels to the right, which means that there will be 50 pixels apart to the next post. In all three columns, we also have a bottom margin of 25 pixels, which ensures that it is never less than 25 pixels between each line.

Press refresh in the browser now, it will look different, but still not right out. This is because the float ( float:left ) as we sat on the columns. We must ensure that they are reset when each new row starts and that is why we put in our new series of container in the code earlier.

So we add the following little code in our style.css file:

 .rad {clear: both;}

The code clear:both ensures that reset our float, and since this is now sitting on our new line-container which enters into every row, so will it all work properly.

The final details

If we list our WordPress posts as in the example, with three posts per line, so you probably want to change the number of posts to be displayed per page. WordPress default’s 10 posts, but in Carolina Wallin Pérez diary , we have eg have 6 posts per page.

To change the number of posts per page to be displayed, go to Settings -> Reading in wordpress menu, and under the posts per page, change the number you want to use.

I hope you enjoyed the advantage of this guide, I will love to receive both the questions and comments down in the comments below!

 <?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>

Marketing on the Internet becomes an increasingly important part of a company’s marketing plan. Ideafist is a web agency, which is very precisely with online marketing.

Here are Ideafist top five tips for better online marketing

1st Read on so you have good knowledge of internet marketing, how others have done to succeed online, and why not all bets are gold in his pockets.

Second Concentration your business idea and develop a well thought out web strategy from the outset. For example, with questions like: What is the purpose of this site? Who we turn to? What and how does the competition? How and when to bet bear their costs? How do we get traffic to the site?

Third, do an analysis of suitable suppliers. For most investments, it is wise to find a Web agency that can take a holistic approach to web strategy, web design, system construction and marketing. For programming, it is important to ensure that the chosen content management (CMS) is sufficiently flexible and user friendly for your needs.

4th Do not build too complex web system at release, better to just carry the essentials needed to attract visitors. That way you get greater flexibility to adapt and further develop the market demands.

5th Make an in-depth study of how to draw traffic to the website linked to the budget and time frame you have. For example, search engine optimization, sponsored links, social media, newsletters and so on. What is required for the specific products and services I offer and where is the audience?

What mistakes do companies usually when they try to market themselves online?
- You have a budget for its Internet betting but it has too few resources devoted to suspend traffic to the site. Many still believe that visitors will only be received up its site.

by Zekonis Jacobi on Ideafist Solutions.

When updating a component (or the core) in wordpress, you may get the error message “Destination directory for file streaming does not exist or is not writable”. This directory is either wp-content/ or a custom path defined in wp-config.php.

To fix this issue, you can remove any define() calls specifying “WP_TEMP_DIR” as key, and enter the following instead:

define('WP_TEMP_DIR', ABSPATH . 'wp-content/');

Also, make sure that there are correct permissions to this folder. In a UNIX environment, this means “755″. In a Windows environment, this means that the IIS Website App Pool Identity should have Modify permissions.

If you have problems detecting which Identity the App Pool is using, you can try adding permissions to the objects “SERVICE ACCOUNT” and “IIS_IUSRS”.

If you have Skype on your computer you may have noticed that sometimes Skype highlights phone numbers automatically when you visit a website. From a WordPress developers point of view this can be very frustrating. Not only can it make your site look bad, but it can mess up the layout as well. In fact, just recently we had a client whose page kept breaking because Skype was highlighting his phone number. Fixing this problem is not very hard. All you have to do is add some code to the head of your HTML document and it will prevent Skype from highlighting numbers in your theme no matter what browser it is being displayed on. This is the code you should paste:

Make sure it is between the <head> and </head> tags.

For those of you who simply want to turn on the plugin, then download our plugin Prevent Skype Overwriting.

The best part about query_posts function in WordPress is that it has a parameter for custom fields. So we can use it to create a loop that only displays posts with a specific custom field key and/or value. All you would have to do is enter the query_posts tag above your post’s loop statement. Let’s say you want to display posts that you wrote while listening to a music as opposed to posts that you wrote in reflection of the book you read.

You will paste the following query before you start the loop:

query_posts('meta_key=music');

This code will list posts with the meta key music present.

Let’s say you want to customize it a bit more by saying you want to display posts that you wrote while listening to Eminem’s Songs. Well then, you will customize the codes like this:

query_posts('meta_key=music&meta_value=Eminem');

How to Style Individual Posts with Custom Fields

Want an entirely different look for your WordPress single posts? Well you can do this by adding custom post classes via custom field. We have written an entire article on how to style each WordPress post differently, so this code is based on that tutorial.

First thing you need to do is create a custom field with the name “post-class” and then add the value which will be your class. So in this example, we will use “anniversary”. Once you have done that, then add the following code inside your loop:

ID, 'post-class'); ?>

Now if you look in your loop, there is a post_class function inside a div class. Just replace that with something like this:

Alternatively, you can also add inline css to the header of your single pages. If that is something that you are looking to do, then open your header.php file, and insert the following code somewhere between the head tags.

ID, 'customstyle', true);
	if (!empty($customstyle)) { ?>