Rel=Author tag improves visibility

Wouaaah, how pompous title! So no doubt about it? Is it absolutely seeing his picture in the Google SERPs?

My answer is clearly yes! At worst, you will be recognized, at best, you'll improve your CTR.

Beacon Rel = Author Google+, What is it?

First things first, the Google+ social network Google is struggling to make its way, the Mountain View giant is struggling, as a few months after launch with great fanfare its social toy and seeing that he still had a hard time convincing people to subscribe, here by chance that comes the famous author tag rel.

The principle is very simple, if you're a writer (so blogger in nature) and you have a Google+ account, then here's what you'll get in the search engine reference:

Nice is not it? Imagine this result among the ten results (excluding paid ads) on a Google page and on any given search!

The Google Display, A Big Difference!

This is fine, but numbers matter what happens? On average, I noticed an increase in CTR of 27%.

However, I will weigh these figures, citing some things to check in the next few months:

• Time, these figures relate to a period too short, and therefore deserve to be checked in the next 3 months.
• The usual term for the eye to adapt to this new and never noticed more, like AdSense ads.
• The number for the moment there is still little pictures "author" in the SERPs, this may soon change.
• Google, nothing says that the giant continues on this path there, and what about Google+ business accounts?

Yes, it's true there are still some questions! However, can we really still do without such a feature?

How It's Done To have?

Want to see your picture in the Google SERPs? It's really simple, here is the procedure:

• Create your Google+ account on accounts.google.com
• Link your Google+ account to your site / blog
• If you have (eg yourname@yoursite.com) email address on the domain of your site, go to plus.google.com/authorship, otherwise you should use option 2 via google.com/webmasters
• It now only remains for you to insert the tag itself on your site, pages or articles, as <a href="https://plus.google.com/XXX?rel=author">, where XXX will be replaced by your Google+ ID visible in the URL of your profile (eg https://plus.google.com/105622234751934696129?rel=author)

Note: For WordPress users who do not want to put your hands in the code box Web thought of you and offer a plugin that takes care to insert the code there or should, and can manage multiple accounts authors on the same site, to discover and download Google Author Link.

Finally see if it works, why Google offers a free tool that allows you to check on Rich Snippets webmasters/richsnippets.

Conclusion: Whether you're a fan or allergic Google+, show his picture becomes indispensable in our pages, as it increases the visibility in SERPs.

---

Related Post

• The Natural SEO or Paid?
• Choosing Your Hosting
• Wysija Newsletter - Newsletter WordPress Plugin
• WordPress SEO Plugin - Discover LiveOptim

Increase its visibility on the internet

Increase The Visibility Of The Website To Be Done Know, It's Primordial.

Your website is operational, it is optimized (tags, keywords, navigation, speed, etc.), its aesthetic is suitable, the content is rich, focused on your future customers? So after the "yes, but" now see some tracks, simple and free, to explore in order to increase its visibility and the same, find new clients:

• Start by registering your site on Google, so it may seem silly, but it's important for your SEO. Go to Google Webmaster Tools, register, submit your sitemap (plan covering all the pages of your site), doing the same thing with Bing.
• Do not forget to save your Google Address Auto-business is simple and you do not even need a website, a simple e-mail address is required. Advantage: Google will put your content forward to users of your city. Join Google address  and the need here is a tutorial to help you.
• You will need to know your stats (visitors, source, origin, etc.), analyze to optimize your site so enjoy so to sign up for Google Analytics.
• Submit your site to quality directories, remember to change the content, description, heal your titles and use your major keywords.
• Register in forums that discuss your specialty, learn, do you know, get information and tips, comment and leave links to your site, then tie potential partnerships.
• Contact other sites with the same content as you, and offer to exchange links on your partners' pages.
• For entrepreneurs self there are now websites dedicated, reserved for forums and specialized directories, or you need to register, participate and make yourself known.
• I will skip here netlinking and many other related SEO techniques that will be another article.

It is a long and sometimes tedious work but really, worth it, you do not have to do everything at once, you have to be an ant build your backlinks slowly and time helping you’re positioning will improve and your visibility will be increased.

Visibility Through To Boost Its Social Networks

It will go through it, social networks are booming, the figures are staggering and it is important not to miss the train. You probably know the key, Facebook, Twitter and Google+ but have you ever heard of Pinterest or Linkedin?

• Begin by registering on the major social networks; find your interests by following other members, tie contacts and relationships as you go. Always remember to fill out your profile (name, company, website, etc.) correctly.
• Do not make the mistake of publishing one way ie only about your services, your website address, promotions, etc ... No, there are some rules to follow if you want to keep your virtual friends and followers (people who follow you on Twitter), share useful information; write articles about your specialty.
• Also, remember to thank the users who accept your request to add or follow you back, courtesy is always appreciated.
• If you are mainly B to B, do not overlook the professional social networks like LinkedIn is here that you will find potential customers.
• Above all, never forget that you are on the internet and everything happens very quickly, think about mastering your communication and make a day of your business and your name, there is a free service that will inform you of what is said or published on you, it is Google Alerts.
• Also, think about simple things such as: include in your email signature your site and all the social networks on which you are present and active.
• Although this is not a social network itself, register on scoop.it and make a day of topics that interest you, publish it and share articles, this will increase your visibility (see: how to use scoop.it).

This list is not exhaustive and far from complete; it will be enriched by new, more specifically dedicated to SEO and social networking products. In the meantime, simply and easily apply these few precepts, should allow you to increase your visibility and the same, to get new customers.

I hope you enjoyed this article, feel free to comment, criticize, share or send me an email. And you, how do you find your customers?

Being on Google+ is it really useful?

In place for some time now, Google's social network is struggling against competitors...

Criticized for its lack of clarity, those familiar with Facebook and Twitter will be confused at first, yet Google+ in many points in its favor:

• Full interactivity with all your Google Accounts
• A simplified management of your contacts using circles
• Video chat with functions and function bubble 2 or more
• Management of information flows highly configurable
• And whatever is said, a complete configuration of your privacy

So, is this a one page personal Google+ / business is worth? Is this going to improve my visibility on the reference engine?

Google+ and Google?

Your friends pages (the famous one) will recommend the trend in favor of Google; in fact, Google has announced a finer customization of search results by including more content from Google+, business pages, posts, and photos. This transformation is called "Search more Your World".

Do not miss the boat, eventually you will be present ... Among your friends and contacts are connected to how Google? Remember that one of their friends and yours, due to the new Google feature, pass ahead in the results of the SERP, or at least be strongly highlighted (see example below).

Did You Know On Google+:

• Keyword placed just under your name are considered in SEO
• Links in your BIO "other profiles", "also wrote" and "other links" are links DoFollow
• You can be identified as the author, publisher or owner of an article or site
• Google Webmaster Tools supports the impact of one of its research network

How To Create A Google+ Page

Create your business page on Google+ plus.google.com/pages/create or directly from your personal page, you can then present your services and switch from one to the other either. To read an excellent article for creating your Google+ page

Think To Distribute Your Data Google+

Think out your Google+ page, follow the circles you want or close to your subject. There GG + on a Twitter effect: "you follow me, I follow you" then go merrily.

How to use Scoop.it?

Scoop.It: Watch, Visibility or Curation?

Curation is a practice of selecting, editorialize and share the most relevant content for a Web query or topic.

• Want to make the day before?
• Want to share your stories, photos, pages?
• Want to increase your visibility?

These are the main functions scoop.it and it is not all, you can also share your scoops on most social networks, so if you scoopez an article, it is immediately broadcast on Twitter, Facebook, LinkeIn, or Tumblr on your WordPress.

How it works?

Will soon open an account at scoop.it, if you have a Twitter or Facebook account is Friendly otherwise complete the registration form and confirm the confirmation email.

Then create your first "Curated Topics" (which could be translated as gatherer content) that will contain the theme of your choice (eg WordPress, your business, media, etc.). You can later create other "Curated Topics". During your first connection, Scoop.it will offer to its button (via javascript) in the bookmarks bar of your browser to scooper more quickly with ease, I also strongly recommend you to install it.

First, follow other users - add me here - in the "Suggestions" section or via the search bar at the top right. Connect all your social networks and decide what should be "crosspost" or not. You can even use scoop.it to post to your WordPress blog. This is almost finished! Easy is not it?

Curated Content To Your Topics

Easy as pie, if you have installed the button, otherwise it will do so via the website scoop.it, then I take for those who listened to me: Simply navigate and when you see the content, you're interested scoopez it!
You can, and it is even advisable if you want to increase your visibility, create a "Curated topics" dedicated to your site/blog/ Services and put your best articles, your main page, your best pictures, etc ... In short, everything you want as long as it is the content and it is on the web.

The Curated Some Other Topics

This is where sharing makes sense. As you follow the Topics of others, you can offer them your content so that it appears on their Curated Topics, increasing your visibility in case the topic in question is highly followed, if the theme is the same, especially if the administrator accepts it. Therefore unnecessary to provide content that speaks to a topic with Shoes for thematic Sport!

Thanks To Increase Its Visibility Scoop.it?

Always the same old recipe, offer quality content at your submissions heals your titles, descriptions and tags. Follow, share and submit other intelligently, economically and discernment.

Advantages of Scoop.it

Everything depends on what purpose you use it, but I know personally, several advantages. Firstly, it is a fabulous tool before, I am particularly interested in what happens in the field of Design, CMS and more generally in the field of web, well I have instant information at all times. But that's not all, visibility is also the rendezvous, I collect the best items from my blog on my Curated Topics and I share, I also submit content to users that I follow and most of the time they the scoopent, so I increase my visibility as well.

Conclusion

Scoop.it operation is simple and intuitive, learn to use it requires little time.
Note: Some bloggers equate to plagiarism or theft of content, do not forget that one of your articles can be found on scoop.it without you have wanted or asked for, indeed some "Curators" use automated tools to aggregate and republish articles on their behalf. Do not worry, the final section scooped always points to its original url (top left of scoop).

In addition, you, do you scoop.it or another curator?

If you enjoyed this article, scoopez it!

Manage all your social networks

Do you know HootSuite? This application via the Web allows you to manage all your social networks like Twitter, Facebook, Linkedin, etc., all at once.

You have information, a link to share via HootSuite publish with one click on all your networks.
Practical, simple and fun, Hootsuite is free, enjoy!
Also, discover how to automate and increase your Twitter Followers and visibility.

5 WordPress Plugins for Photographers

Friendly and increasingly used as a showcase site, WordPress attracted many photographers...

Today there are many premium themes for photographers, so here are 5 essential plugins for any site dealing with photos.

NextGEN Gallery

NextGEN Gallery is a fully automated generator for photo galleries with many options and features. You can easily load images compressed files instead of putting them online one by one and you can insert your metadata.

SEO Friendly Images

SEO Friendly Images automatically adds the "Alt" appropriate and title attributes that will drive traffic from search engines. Read the full Post correctly in WordPress.

No Right Click Images

No Right Click Images ie in French in the text: Disable right click context menu on the images, to help prevent the copying of images from your site. The plugin uses JavaScript to change the IMG tags right click action and disables the context menu. Extension to couple with PictPocket for optimal performance.

WP Touch

The plugin WP Touch turns your blog into a mobile format. Easy to use, your site will load much faster on all mobile devices for a better user experience.

Rename Media

Rename Media is an extension for lazy photographers who do not like to name each picture. Correctly name your images are very important to get good traffic and indexing them. This WordPress plugin will greatly help you.

Good catch and good shooting to all ;)

See more wordpress tutorial

• ADD TOOLTIPS IN YOUR ARTICLES
• 8 PDF PLUGINS FOR WORDPRESS
• 10 WORDPRESS HACKS EASY TO IMPLEMENT
• DISABLE PUBLISHERS THEME & WORDPRESS PLUGIN
• WORDPRESS SEO PLUGIN - DISCOVER LIVEOPTIM
• 10 WOOCOMMERCE THEMES FOR WORDPRESS

The Natural SEO or Paid?

Have A Website To Communicate It's Alright, It Still Is What Your Web Site Or Visited...

This listing is natural or paid depending on whether we want to invest time or money.

The Natural SEO is 70% of the traffic, so it is important to devote time because long-term it is more profitable.

The Paid Search meanwhile, is targeted, effective immediately, and it represents the remaining 30%.

So which one to choose and how to proceed?
Preparatory work when creating your site is important, choosing your domain name, the title of your pages, the name of your photos, tag "meta", all of this has an impact on your positioning. Then the code of your web pages affects indexing by search engines (Google), a site with html and css standards more likely to be better referenced a site full of mistakes code.

Enrollment in the major search engines, link exchanges directories on websites that allows you to get backlinks (links pointing back to your site). It is a tedious job but always with a winning return. A presence on social networks is also needed.

See more post

• Choosing Your Hosting
• ADD TOOLTIPS IN YOUR ARTICLES
• 8 PDF PLUGINS FOR WORDPRESS
• 10 WORDPRESS HACKS EASY TO IMPLEMENT
• WORDPRESS SEO PLUGIN - DISCOVER LIVEOPTIM

WordPress and SEO

WordPress offers two options for the web. WordPress.com the choice is easy - you can start your own blog in two minutes with an address like myname.wordpress.com. The other is WordPress.org where you can download the software and install it where you want. Both for personal blogs for commercial sites I recommend buying the domain name (which ideally should represent subjects or services you offer) and hosting.

With WordPress.com, you will have very limited possibilities, so in this article I'm not going to concentrate on. This is the type of blog that I recommend to those who have little or no experience in blogging and web design. I'm sure most of you are familiar with the WordPress platform; however, there are invisible aspects that may appear ordinary, but that will really help with search engine optimization.

If you are not adept at programming and you do not have much money to create your website - WordPress is one of the best choices. It is really easy to install on the server, choose a template and add plugins to the needs of your site. Of course, I will not list all the benefits of WordPress (some of them are still unknown to me). Besides, I want to provoke discussion, the result of that will be useful for all SEO experts. So gentlemen, if you are visiting here...

The essence of WordPress is to be SEO-friendly.

Tired optimize your pages? You are frustrated with all the advice you hear? You're disappointed and do not know how your pages should be optimized for a display at the top of the SERP? WordPress you can remove this headache. The structure of the WordPress platform is already optimized and many plugins are written to help you benefit (eg automatic generation of sitemap).

WordPress Pages are quickly indexed by Google and other spiders. Title, meta-tags and keywords are easy to enter (all-in-one-seo plugin) and are displayed correctly in the code. WordPress contains an RSS feed and RSS for comments, with the help of a plugin your website will be favorites in Technorati or one of the famous bookmarking sites, all in one click. Also, a plugin builds the page based on your title.

Statistics - The Portrait Of Your Visitors

Who are the visitors to your site, where do they come from? Which sites referring to yours? These questions among others that you always have in mind. Statistics provides the answer to these questions. You can either choose to place Google Analytics (it has the appropriate plugin) or you can connect to the site StatCounter.

WordPress also has its own statistics, as StatPress - you can use it as much as you want depending on your needs. Some plugins statistics show visitors not only the user, but also analyzing the robot Spider-activity, you can see which search engines index your site and they do it regularly. The most popular pages, the keywords for which your site is clicked, you need to know all this information to increase your audience, to better target and improve your SERPs.

When Bowl The Links (Blogroll)

In WordPress that is designed for blogs and blog-like platform, there is a particular feature, the Blogroll. In a few seconds, you can quickly add any link, ie the link to a blog that you like, a link to sponsor or partner. This is why it is easier for you to get inbound links to your site. The Bookmarking I mentioned seriously increase your number of backlinks. Of course, the content must be unique and useful. WordPress cannot provide you with any one of the unique and interesting content, but it helps you now, it is structured and ordered for both visitors and search engines.

Usability AdSense

Many bloggers have ads from Adsense type or other form of advertising on their sites. Even commercial sites that AdSense will never be the main source of revenue these ads. Why not monetize the value of your website? WordPress has many plugins designed for AdSense, which will help you manage your ads effectively. As an example, you can choose to place above or below your post, choose what you do not want to show, add, etc... All these changes will be in just a few clicks and it will allow you to save your time and earn more money. If you're new to AdSense and you do not know where the place to get more clicks, the plugins are designed by professionals who know them. Therefore, you do not have to worry.

That's when I chose to open the discussion. As you can see I love WordPress but not to the point of idolatry. With the same pleasure that I discovered, if another platform will surpass the achievements of WordPress. I think it would be really useful to examine all software website, CMS platform with SEO optimization. Such a view is not for everyone, but it is necessary for SEO experts. If you're already an expert or thinking of becoming one - testing, debating and will try.

Free audit of your site

A website is appreciated both for its technical quality and its content. Its durability and performance resulting directly from the way it was designed and built.

During a design phase and in the development mode selected, we often forget the basic (presence of tags, title optimization, etc.). These small mistakes can be costly, so be it, there are now online tools to verify some simple but vital points, I mean audit free.

The main technical audit checks:

• Compliance with standards and accessibility guidelines
• Browser compatibility and scalability
• Quality of the source code and the correctness of the technologies used
• Length and the presence of tags
• Functioning and visibility links
• Time loading pages and images
• Tree, etc ...

Of course, the audit is not everything, but it's a good reminder to order, so why not?

This was my favorite and I recommend it Woorank, it is fast, complete, the information is relevant and it even allows you to get your full report via email in PDF format.

Then comes Seoptimer, it is slower but provides additional information (keyword density); most players will have fun comparing their results with other sites submitted.

And you, what tool/site do you use to audit?

See more post

• Choosing Your Hosting
• ADD TOOLTIPS IN YOUR ARTICLES
• 8 PDF PLUGINS FOR WORDPRESS
• 10 WORDPRESS HACKS EASY TO IMPLEMENT
• WORDPRESS SEO PLUGIN - DISCOVER LIVEOPTIM

Simplify navigation with Back to Top

Certain sections of WordPress blogs can sometimes be very long; it is unnecessary scroll back to your visitor...

Much easier to navigate the visitor by offering a simple link "Back to Top" at the bottom of each of your pages.

Why A Link Back Up?

A typical example: The article is interesting, visitors continue reading and scroll to find more distance and lower and lower... And if want to return the top took it? He would lose a lot of time rescroller!

Here are some very simple ways to remedy this:

• Add an anchor by hand in your header
• Install a plugin that does it all alone!

1. Change Some Files

Above all, do not forget to make a backup of the files you going to change.
Add an anchor in the "header.php" file of your active theme. Via Appearance > Editor, edit the "header.php" file that you find in /wp-content/themes/your-theme/

Then find the closing </head> and the opening of the <body> after having found, copy the code below immediately after the opening of the <body>. Sometimes it contains settings and additional controls, if that were the case, make sure you add the anchor just after the end tag.

<a name="top"></a>

This should give you:

</head>
<body><a name="top"></a>

You can now save your "header" file and decide on where you will place the link "Back to the Top." Most often, this will be the end of each page/article, you must also change your "footer.php" file, but you could add anywhere (eg single.php or page.php).

The link must be pasted as follows:

< a href = "#top" >Back to top</ a >

This is already done! Once the file is saved, you will then see this link: "Back to Top" at the end of all your pages.

You could, of course, customize this advantage "Back" using an image/icon link to a "text" link, using a + href an image class (example: <a href = "#top" ><img class="Name-of-your-class" src="http://link-to-image.png" /></ a>), which will give you a picture like this: Back to top - Back to Top

With a bit of CSS, you could even customize advantage:

 #Name-of-your-class{
 z-index: 2;
 background: #FF8500 url(images/votre-image.png) no-repeat center;
 width: 30px;
 height: 30px;
 text-indent: -99999px;
 border-radius: 50px;
 -moz-border-radius: 50px;
 -webkit-border-radius: 50px;
 position: fixed;
 bottom: 10px;
 right: 10px;
 cursor: pointer;
 }

2. Using a Plugin Who Knows Make...

Dynamic-to-top plugin knows how to do and does it very well. It adds a dynamic and automatic icon "up" to facilitate the return to the top of your pages longer. Dynamic-to-top has a panel intuitive style to suit the specific needs of each site.
Note: The button appears only for browsers with javascript enabled and can optionally be disabled via the mobile visitors.

See more wordpress tutorial

• ADD TOOLTIPS IN YOUR ARTICLES
• 8 PDF PLUGINS FOR WORDPRESS
• 10 WORDPRESS HACKS EASY TO IMPLEMENT
• DISABLE PUBLISHERS THEME & WORDPRESS PLUGIN
• WORDPRESS SEO PLUGIN - DISCOVER LIVEOPTIM

Change your WordPress theme with CSS

CSS To Customize The Theme

Here are some snippets (code snippets) that you can add to your file (style.css) to improve or change the design of your WordPress blog.

Add Rounded Edges In Images
Round the edges of your images with some CSS3.

img { 
-webkit-border-radius: 25px; 
-moz-border-radius: 25px; 
border-radius: 25px; 
}

Email Links With Images
Adds an icon or image all links emails.

a[href^="mailto:"] {  
     background: url(images/email.png) no-repeat rightright top;  
     padding-right:10px;  
}

For Quotes From Pretty
Give a new look to your Blockquotes.

blockquote { 
 background:#f9f9f9; 
 border-left:10px solid #ccc; 
 margin:1.5em 10px; 
 padding:.5em 10px; 
 quotes:"201C""201D""2018""2019"; 
} 
blockquote:before { 
 color:#ccc; 
 content:open-quote; 
 font-size:4em; 
 line-height:.1em; 
 margin-right:.25em; 
 vertical-align:-.4em; 
} 
blockquote p { 
 display:inline; 
}

Change His Lists Bullets
Tired of disks or circles to your lists? Try this snippet.

ul {list-style: none}
ul li {
 background-image: url("link-to-your-image");
 background-repeat: none;
 background-position: 0 0.5em;
}

Change The Color Of Selected Text

::selection {
 background: #93CE52; /* Safari */
 color: #ffffff;
 }
::-moz-selection {
 background: #93CE52; /* Firefox */
 color: #ffffff;
 }

Delete The Borders Around The Smilies
Add this code if you see unsightly borders around your smileys.

img.wp-smiley{ border:none;}

Also increase the space between the text and the smileys using a simple margin.

img.wp-smiley{ 
border:none;
margin:0 3px;
}

Center Your Website
This wrapper will focus your website and align text to the left by default.

#wrapper{ 
 width:960px; 
 margin:0 auto; 
 text-align:left; 
}

Add A Drop Caps
Two ways to proceed to style the first letter of a paragraph. The first requires you to do a span "firstcaracter" the first letter:

.firstcharacter { float: left; color: #903; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }

The following method requires no action on your part, but obviously does not work in IE 6, 7 and 8:

p:first-child:first-letter { float: left; color: #903; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }

Add A Loading Effect In Images
Add a small animated GIF pictures to your class so that it is displayed during charging. Very useful for blogs that contain many pictures in their content.

img {
 background: url(loader.gif) no-repeat 50% 50%;
}

To add a shadow effect In Division
Put your tracks in value with this simple shadow effect.

.h2, .h3, .h4 {
 text-shadow: 2px 2px 4px #666;
}

Add Jumps Printing
The print jump separates the contents of the rest when a user prints the page. It can be used just before the comments area and a new page will be printed for the latter.

.page-break{
 page-break-before:always;
}

Prevent Back To The Line Of Links
Use this code to ensure that the links will not be displayed on two lines. This code ensures that your links will start on a new line if they are too long.

a { white-space: nowrap; }

The Alternate Color Review
WordPress assigns a class to each comment posted; this code will allow you to alternate the background color of a comment to another.

li.even {
 list-style: none;
 background: #FFFF;
}
li.odd {
 list-style: none;
 background: #F9F9F9;
}

Adjust Space Between Letters and Words
Change the space between letters and words by adding "letter-spacing" and word-spacing "in your class" "header" properties.

h3 {
color: #FF0000;
font-size: 24px;
letter-spacing: 0.3em;
word-spacing: 0.2em;
}

Use The Pull Quotes To Improve Experience
Make your articles easier to read and improve the user experience by making "float" to the right or left of your content, all important quotes.

.pullquote {
width: 300px;
float: right;
margin: 5px;
font-family: Georgia, "Times New Roman", Times, serif;
font: italic bold #ff0000 ; }

Improve Styling And The "&"
For "&" (ampersand) personalized and unique.

.amp {
font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
font-style: italic;
font-weight: normal;
}

After adding the above class, & stylize your placing this span:

<span>&amp;</span>

Styling In The Code Articles & Pages
The <pre> <code> and are frequently used to display code. The following code will allow you to make it easier to read.

pre {
 padding: 0.1em 0.5em 0.3em 0.7em;
 border-left: 11px solid #ccc;
 margin: 1.7em 0 1.7em 0.3em;
 overflow: auto;
 width: 93%;
 line-height: 1.6em;
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
 }
/* target IE7 and IE6 */
*:first-child+html pre {
 padding-bottom: 2em;
 overflow-y: hidden;
 overflow: visible;
 overflow-x: auto; 
 }
* html pre, { 
 padding-bottom: 2em;
 overflow: visible;
 overflow-x: auto;
 }

That's already enough to make ;) Do not forget to save before any modification, addition, be aware that JetPack can change the appearance of your site using CSS, but without changing your theme using a file custom CSS.

I hope you find these tips useful code, feel free to share your tips and tricks of your CSS by leaving a comment.

See more wordpress tutorial

• ADD TOOLTIPS IN YOUR ARTICLES
• 8 PDF PLUGINS FOR WORDPRESS
• 10 WORDPRESS HACKS EASY TO IMPLEMENT
• DISABLE PUBLISHERS THEME & WORDPRESS PLUGIN
• WORDPRESS SEO PLUGIN - DISCOVER LIVEOPTIM

Form before comments

On many WordPress blogs, there is too often the form used to post a comment, after all the comments already posted!
For just that your article is very well commented, it forces the player to scroll to the bottom of the comment thread, to post his.
Why not put the comment form right after your article?

Procedure To Follow

• Using your favorite FTP (FileZilla for example), first back up your comments.php file located in the directory /wp-content/themes/name-your-theme/
• Back in the WordPress Admin and via the Left Appearance/Editor menu, select the file comments.php
• If your theme supports it, replace the top of the file <?php with the following code: <?php comment_form ();
• Save and exit, refresh and verify that the form is displayed

At this point, you will have 2 feedback forms, while a top and one at the bottom! Logic, you have added, without deleting the original.

• Return to the editor, open comments.php
• Look at the bottom of your file, the function <?php comment_form ();>
• Delete, save and update

It's over; your comment form is now placed before all comments.

Caution, however, some issues (including premium) make changes, for example, my theme, the call function is <?php comment_form_title
You will notice that even though the name is different, the structure remains almost the same. Also try to identify in your comments.php the "comment_form" function (use "Ctrl + F" to search in chrome).

See more wordpress tutorial

• ADD TOOLTIPS IN YOUR ARTICLES
• 8 PDF PLUGINS FOR WORDPRESS
• 10 WORDPRESS HACKS EASY TO IMPLEMENT
• DISABLE PUBLISHERS THEME & WORDPRESS PLUGIN

6 Useful WordPress Hacks

In line with Article 10 WordPress hacks easy to implement, discover six new useful hacks for your WordPress.

Definition WordPress hack: Element coded often inserted in the "function.php" file of your theme. The benefits of a hack are that it is much faster than a plugin, do not overload your blog and usually does not require updating.

Detect Visits In The Origin Mobile

Mobile browsing on the internet is increasing, so it is very useful to detect visits from users "mobile" and that, in order to redirect to a more appropriate and dedicated navigation smartphone or tablet page. To do this, you must firstly obtain complete information on Detect mobile browser website and transfer it in the directory of your theme, then change your header.php by placing the following code (do not forget to change the redirect page /your-website.com):

include('mobile_device_detect.php');
$mobile = mobile_device_detect();
if ($mobile==true) {
 header( 'Location: http://your-site.com/?theme=Your_Mobile_Theme' ) ;
}

Automatically resize The Images

If you use many images on your blog, then you know how tedious it is to have to always resize your images manually. Use this hack to automatically resize an image of your choice (width and height) for a more organized look. Just copy the following source code: script (click here) in a new document called "timthumb.php", place it in a folder on your site (eg: /scripts/) and call the image like this:

<img src="/scripts/timthumb.php?src=/images/the-name-of-your-image.jpg&h=150&w=150&zc=1" alt="" />

Show Your Best-Of Annual

This hack allows your visitors to see the top 5 most commented articles on your blog over a year. This is a great way to give back to your second chance. To view a different time, just change the dates. ? Place the following code in your sidebar or anywhere else:

<h2>My 5 most commented articles in 2011</h2>
<ul>
<?php
$result = $wpdb->get_results("SELECT comment_count,ID,post_title, post_date FROM $wpdb->posts WHERE post_date BETWEEN '2011-01-01' AND '2011-12-31' ORDER BY comment_count DESC LIMIT 0 , 5");
foreach ($result as $topten) {
 $postid = $topten->ID;
 $title = $topten->post_title;
 $commentcount = $topten->comment_count;
 if ($commentcount != 0) {
 ?>
 <li><a href="<?php echo get_permalink($postid); ?>"><?php echo $title ?></a></li>
 <?php }
}
?>
</ul>

Only Allow Your IP On Wp-Admin

If you do not have a collaborative blog and therefore multiple writers, you should be the only one allowed to visit the wp-admin directory. To increase the security of your site, enter your static IP address line 8. You can also add other IP addresses, if necessary, by creating a new line. Place the following code in your htaccess file.

AuthUserFile /dev/null
AuthGroupFile /dev/null
AuthName "Example Access Control"
AuthType Basic
<LIMIT GET>
order deny,allow
deny from all
allow from xx.xx.xx.xx
</LIMIT>

An Insert Author Bio on Each Item

It is sometimes useful to view the Bio of the author of an article, whether on a multi-author blog and when your articles are listed. If your theme does not offer this feature, insert the following code in your functions.php file. The biography of the author will be automatically displayed at the end of each article:

function get_author_bio ($content=''){
 global $post;
$post_author_name=get_the_author_meta("display_name");
 $post_author_description=get_the_author_meta("description");
 $html="<div class='clearfix' id='about_author'>n";
 $html.="<img width='80' height='80' class='avatar' src='http://www.gravatar.com/avatar.php?gravatar_id=".md5(get_the_author_email()). "&default=".urlencode($GLOBALS['defaultgravatar'])."&size=80&r=PG' alt='PG'/>n";
 $html.="<div class='author_text'>n";
 $html.="<h4>Author: ".$post_author_name."</h4>n";
 $html.= $post_author_description."n";
 $html.="</div>n";
 $html.="<div class='clear'></div>n";
 $content .= $html;
 }
return $content;
}
add_filter('the_content', 'get_author_bio');

Redirect Your RSS Feeds To FeedBurner

Whenever a user follow a link from your default stream (http://www.your-site.com/feed), it will be redirected to, your FeedBurner feed (http://feeds.feedburner.com/your-site). With this hack, even a user of your RSS feed origin; will be automatically redirected to FeedBurner. Place the following code in your htaccess file.

# temp redirect wordpress content feeds to feedburner
<IfModule mod_rewrite.c>
 RewriteEngine on
 RewriteCond %{HTTP_USER_AGENT} !FeedBurner [NC]
 RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]
 RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http://feeds.feedburner.com/votre-site [R=302,NC,L]
</IfModule>

Sources and resources for more hacks: Webdesignledger.

See more wordpress tutorial

• ADD TOOLTIPS IN YOUR ARTICLES
• 8 PDF PLUGINS FOR WORDPRESS
• 10 WORDPRESS HACKS EASY TO IMPLEMENT
• DISABLE PUBLISHERS THEME & WORDPRESS PLUGIN
• WORDPRESS SEO PLUGIN - DISCOVER LIVEOPTIM

Inform your subscribers every new article

There Newsletter but what if your blog subscribers are not registered?

Here's A Hack For Automatically Send An Email To Your Subscribers From WordPress Blog In Every Issue From a New Article

Just insert the following code in the "function.php" file of your theme. Remember to save the original file before making any changes.

function email_members($post_ID)  {
    global $wpdb;
    $usersarray = $wpdb->get_results("SELECT user_email FROM $wpdb->users;");    
    $users = implode(",", $usersarray);
    mail($users, "New WordPress recipe online!", 'A new recipe have been published on http://www.wprecipes.com');
    return $post_ID;
}

add_action('publish_post', 'email_members');

Once saved, all registered users will receive an email when a new post is published.

Discover also: 10 WordPress hacks easy to implement

Source: wprecipes.com

Add Tooltips in your articles

A Tooltip is a small message, often in a bubble that appears when hovering over an item.

You are writing the text and it contains a lot of acronyms, abbreviations or technical terms, you want to simplify understanding and allow your reader to immediately find the meaning?

Use a Tooltip

Tooltip WordPress plugin is for you. It adds to the WordPress shortcodes allowing utilsation tooltip and an insert button in tinyMCE (text editor).

To add a Tooltip on a word or phrase, select the text and click the yellow bubble BD your text editor, a panel then appears:

Tooltip Content: The tooltip text to display.

Text: If no text selected before.

Url: Can optionally contain a url link with hypertext effect.

See more post

1. WordPress SEO Plugin - Discover LiveOptim
2. Choosing Your Hosting
3. 10 +1 Free WooCommerce Plugins
4. CommentLuv Premium, do the test

8 PDF plugins for WordPress

Portable Document Format (PDF) is an open standard for document exchange. This file format created by Adobe Systems in 1993 is used for representing documents in a manner independent of application, hardware and operating systems software. Each PDF file encapsulates a complete document with a set fixed shape description, including the text, fonts, graphics and all necessary information to display.

PDF is a file format to allow viewing the information exactly as you planned and that, on all platforms. This is the perfect size to allow your visitors to download or print menus, articles or any other document type.

If you want to add this feature on your site, there are a number of free WordPress plugins that can simply turn your pages and articles in PDF format.


Anthologize
Anthologize is a free, open-source. Take your WordPress blog posts, but also content from external sites, or create new content directly anthologize. Then in the preview, change the order, structure it for export in several formats of your choice: Ebook formats, but also in PDF, EPUB and TEI.

Print Friendly And PDF Button
Button #1 to print to PDF on your WordPress site. With Print Friendly, easily print your pages without coding or css. Fast, easy and professional.

PDF And PPT Viewer
PDF and PPT Viewer help you embed PDF documents and PowerPoint presentations easily. Does not require Flash to be installed on your computer, it is pure JavaScript! The plugin also allows the use of Google Docs.

PDF24 Articles To PDF
This plugin allows your readers to convert to a PDF one or more items of your document. PDF24 fits a small box either in all your articles in the sidebar on the top or bottom of each page or anywhere in your blog.

Kalin's PDF Creation Station
Kalin's PDF is highly configurable to PDF documents from any combination of pages / articles, or even to add a link to any PDF document to download.

Make PDF Newspaper
With Make PDF Newspaper, create a few clicks newspaper edition in PDF format for your WordPress blog.

RV Embed PDF
RV Embed PDF automatically includes a PDF file into your page or in your article when you use the WP "Add Media".

Google Docs Viewer
Once Google Docs Viewer enabled, you can easily convert a link to a PDF document or through Google Docs by simply replacing "http" in the URL with "gDoc" (gdocs or if it is an https).

10 WordPress hacks easy to implement

The benefits of a plugin, without the disadvantages: the Hack

Definition WordPress Hack: Element coded often inserted into the "function.php" file of your theme. The benefits of a hack are that it is much faster than a plugin, do not overload your blog and usually does not require updating.

10 WordPress Hacks Easy To Put In Work

While the hack is convenient, but nevertheless he asked to put their hands in sensitive and critical files to the proper functioning of your blog, so needless to remind you of the absolute necessity to save before handling ...

Edit The Riddler Gravatar
If a user who comments on your blog is not listed on, Gravatar.com is the default gravatar appears. You can of course change the default gravatar from the settings page, but if you do not like those that are available, you can customize one for your blog.
Upload your own gravatar in your Pictures folder and paste the code in "functions.php". (Change the name of the image file that you see in the code "yourname-gravatar.jpg" by one of your personalized Gravatar)

add_filter( 'avatar_defaults', 'newgravatar' );
    function newgravatar ($avatar_defaults) {
    $myavatar = get_bloginfo('template_directory') . '/images/yourname-gravatar.jpg';
    $avatar_defaults[$myavatar] = "Build Internet";
    return $avatar_defaults;
}

The Google detect Visitors And Greet
Place the following code at the point where you want the message to appear.

<?php
if (strpos($_SERVER[HTTP_REFERER], "google") == true) {
 echo "Welcome Guest Google!";
}
?>

The use shortcodes In Your Widgets
If you want to add shortodes in a widget, you simply add a filter in your functions.php file. You can now use your shortcodes in both pages, articles and widgets on your blog.

<?php add_filter('widget_text', 'do_shortcode') ?>

Automatically Delete The Links In The Comments
When a user places a link in a comment, WordPress automatically converts clickable link. If you want to disable this feature, add the following code in your "functions.php" file.

remove_filter('comment_text', 'make_clickable', 9);

Configure the Default HTML Editor In WordPress
You know that the default editor for WordPress is the visual editor, if it does not suit you and you want to make the HTML Editor your default editor, simply add the following code always in your "File functions. Php ".

add_filter('wp_default_editor', create_function('', 'return "html";'));

The Exclude Pages In The WordPress Search
WordPress by default also included your pages in search results, if you want to exclude results and view only your items, add the following code in the "functions.php" file. This code places the pre_get_posts filter and therefore in the case below, it will only display the contents of the Blog excluding pages.

add_filter( 'pre_get_posts', 'tgm_exclude_pages' );
/**
 * tgm_exclude_pages Fonction.
 *
 * This function changes the WordPress application to remove the search pages.
 *
 * @param mixed $query Query original
 * @return $query Query modified
 *
 */
function tgm_exclude_pages( $query ) {
 if ( $query->is_search )
 $query->set( 'post_type', 'post' );
 return $query;
};

Edit The Mise En Cache Via. Htaccess
If you want to decrease the loading time of your files "images, CSS, PDF, JS", add the following code to your file. "Htaccess" (FTP only). Using this code, the main static files will be cached to speed up load times.

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
## EXPIRES CACHING ##

Replace In 1 Times In All Content From Your Articles
How to add or replace text or link in all your posts and this at once. You can do this by adding the following code in your "functions.php" file. In the case below, the text "wordpress" will be bold and "wordpress hack" will be wearing a link to "wordpress.com".

function replace_text($text) {
 $text = str_replace('WordPress', '<strong>WordPress</strong>', $text);
 $text = str_replace('WordPress hacks', '<a href="http://www.wordpress.com">WordPress hacks</a>', $text);
 return $text;
}
add_filter('the_content', 'replace_text');

The Eliminate Spam From Your Comments
You can block spammers instead of marking as spam. The following code rejects any comment posted from a browser, which does not have “Referer” in general it, is a bot. The code checks the "HTTP_REFERRE" and if it is not defined or incorrect, execution is stopped with the appropriate message. Paste the following code in your "functions.php" file.

function check_referrer() {
 if (!isset($_SERVER['HTTP_REFERER']) || $_SERVER['HTTP_REFERER'] == "") {
 wp_die( __('Thank you to enable the referrer in your browser, or, if you are a spammer, bye bye!') );
 }
}
add_action('check_comment_flood', 'check_referrer');

Delete the symbol [...] Extracts From Your Messages
If you want to get rid of this symbol [...], you only need to insert the following piece of code in the "functions.php" of your theme.

function trim_excerpt($text) {
 return rtrim($text,'[...]');
}
add_filter('get_the_excerpt', 'trim_excerpt');

Hack all good ;)

Disable publishers Theme & WordPress Plugin

No Key To My Code
After long hours of work, then you just set up a WordPress site for a customer, and/or you are more directors on the site. You do not want them to change the code of the theme or plugin. There is a simple way to achieve this.

Add Code
Open the "wp-config.php" to the root of the wordpress folder and add this line file:

define('DISALLOW_FILE-EDIT', true);

Back then visit the WordPress table edge to see the immediate disappearance of the menu "Editor" in the category of "Appearance" menu of the site.

10 +1 Free WooCommerce Plugins

While version 2.0 WooCommerce is approaching and while developers furbish their plugins and extensions for maximum compatibility, discover a list of 10 + 1 free WordPress plugins for your WooCommerce.

10 + 1 WooCommerce Extensions For Free

WooCommerce Grid / List Toggle
WooCommerce Grid / List toggle is a simple plugin which adds a Grid / List toggle to your product archives allowing users to, you guessed it, toggle between grid / list views of your products.

WordPress Lister for eBay
WP-Lister connects your WooCommerce, Jigoshop, WP e-Commerce, Shopp or MarketPress site with your eBay Store. You can select multiple products right from your products page, select a profile to apply a set of predefined options and list them all on eBay with just a few clicks.

Click to Zoom

Pushover for WooCommerce
Pushover for WooCommerce integrates WooCommerce with the Pushover notifications app for Android and iOS.
After installation and setup automatic notifications can be sent to your device for new orders, low stock, backorder and out of stock notifications.

WooCommerce Accepted Payment Methods
WooCommerce Accepted Payment Methods extends the WooCommerce settings allowing you to specify which payment methods your store accepts.
The specified payment methods can then be displayed in the frontend via a widget, a shortcode or by adding a template tag directly to your theme.

WooCommerce Pay To Upload
Allow customers to pay to upload a file. Once a WooCommerce order has been marked as processed, a file upload screen will appear on the order details page.

WooCommerce Menu Bar Cart
This plugin installs a shopping cart button in the navigation bar. The plugin takes less than a minute to setup, and includes the following options:

• Display cart icon, or only items/prices.
• Display items only, price only, or both.
• Display always, or only when there are items in the cart.

Finally, the cart automatically conforms to your site’s styles, leaving you with no extra work.

WooCommerce Custom Product Tabs Lite
This plugin extends the WooCommerce e-commerce plugin by allowing a custom product tab to be added to product view pages with arbitrary content, which may contain text, html or shortcodes.

Order Delivery Date for WooCommerce
This plugin will allow the customer to choose an order delivery date on the checkout page. The customer can choose any delivery date that is after the current date. The plugin uses the inbuilt datepicker that comes with WordPress.

WooCommerce Customizer
WooCommerce includes a lot of filters so you can customize button text, labels, and more — but you have to write PHP code to use them. This plugin provides a settings page where you can add your customizations and save them without needing to write any code or modify any templates, which is helpful for quick change testing.

WooCommerce MultiLingual
This ‘glue’ plugin makes it possible to run fully multilingual e-commerce sites using WooCommerce and WPML. It makes products and store pages translatable, lets visitors switch languages and order products in their language.

WooCommerce Admin Bar Addition
This small and lightweight plugin adds a lot of WooCommerce related resources to your toolbar / admin bar. It also links to all setting / tab pages of the plugin and generally makes shop administrators/ webmasters lives a lot easier. So you might just switch from the frontend of your site to ‘Payment Settings’ page or check recent ‘Orders’ etc.

Testimonials By WooThemes
Go a little more for the road ;) View the testimonials from your customers and what they have to say about your company and your services. This plugin offers evidence either a shortcode, a widget or integration directly into your template.

Source: http://www.woothemes.com/2013/02/13-nifty-free-woocommerce-extensions-you-might-not-know-about/