Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

seo Key feature of Onpage optimization 2013

Seo Master present to you:


Ø     Meta tag (Title, Keyword, Description)

Ø     H1-h6

Ø     Image Alt tag

Ø     Parmalink for URL structure

Ø     Name of Page/File

Ø     Keyword Based/SEO friendly contents

Ø     Xml sitemap

This is Advanced seo optimization tips.
2013, By: Seo Master

seo APA ITU SANKSI OVER OPTIMIZATION? (EKSPERIMEN TERAKHIR) 2013




Apa itu over optimization dan apa juga sanksinya? Saya menerima pertanyaan ini sekitar minggu lalu, jadi untuk menjawab pertanyaan ini saya pun berusaha mencari faktor apa saja yang menjadi penyebab over optimization ini. Berhubung blog ini adalah blog ujicoba SEO saya, maka sekali lagi blog ini harus saya jadikan tumbal....



Kenapa harus saya jadikan tumbal? Soalnya tidak asyik membahas

seo Additional spots added at Google Developer Day 2013

Seo Master present to you:

Wow, what a response! We knew a few people would sign up for Google Developer Day, but not all in the first several hours. I'm really excited to see this much interest from around the world, and I personally can't wait to meet the folks coming to Mountain View.

Since there has been so much interest, we've decided to expand a bit and add additional spots for the event. If you haven't signed up yet, please head on over to the registration site and sign up now.2013, By: Seo Master

seo Google Developer Day returns to Yokohama, Japan: Registration now open 2013

Seo Master present to you: We are excited to open registration for our second Google Developer Day event this year, to be held on June 9th in Yokohama, Japan.

June 9, 2009 -- Yokohama, Japan

Located outside of Tokyo at the Pacifico Yokohama Convention Complex in Yokohama, you will learn about the latest with our APIs and developer tools, including Android, Google Chrome, App Engine, AJAX APIs, Maps and more. The topics will vary so you can be sure to discover new and interesting ways to use our applications. And don't forget to take part in the time set aside to socialize with fellow developers and Google engineers - it is a great networking opportunity.

If you are in Asia, registration for Google Developer Day China is also open, though space is running out fast! We hope you can join us for one of our upcoming events.

2013, By: Seo Master

بن خضرة

خلفيات وصور رائعة hd wallpapers
خلفيات وصور رائعة hd wallpapers
خلفيات وصور رائعة hd wallpapers

خلفيات وصور رائعة hd wallpapers
المصدر: المصفوفة

seo Create Horizontal Navigation Menu With Drop Down Submenus Using CSS 2013

Seo Master present to you: The following drop down menu is made only with CSS, is a horizontal menu with sub-tabs and the right side has a rounded search. A menu is handy for those who do not require complex menus or prefer not to use one that requires scripts and/or too many images, also the installation and customization is quite simple, and to top it off is quite functional.

To see this drop down menu in action, visit this demo blog

blogger menu, drop down menu, css menu

Prior to doing anything, if you are using a Template made through Blogger Template Designer, then you should consider doing these changes in the template, otherwise the menu might not be displayed correctly:

From your Blogger's Dashboard, go to Template (make a backup < see the screenshot) > Edit HTML:


and search (CTRL + F) for the following line:

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>

Screenshot

Remove the code in red.
You may have many parts as the one in red, delete all you find.

....then find this section in your template:
/* Tabs
----------------------------------------------- */

...and remove all that is within it, until you reach to the Headings part.

/* Tabs
----------------------------------------------- */
.tabs-outer {
overflow: hidden;
position: relative;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;
}

#layout .tabs-outer {
overflow: visible;
}

.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;

border-top: 1px solid $(tabs.border.color);

}

.tabs-cap-bottom {
bottom: 0;
}

.tabs-inner .widget li a {
display: inline-block;

margin: 0;
padding: .6em 1.5em;

font: $(tabs.font);
color: $(tabs.text.color);

border-top: 1px solid $(tabs.border.color);
border-bottom: 1px solid $(tabs.border.color);
border-$startSide: 1px solid $(tabs.border.color);
}

.tabs-inner .widget li:last-child a {
border-$endSide: 1px solid $(tabs.border.color);
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;
color: $(tabs.selected.text.color);
}

/* Headings
----------------------------------------------- */

Then add this to where the code has been removed (instead of the code in green):
#crosscol ul {z-index: 200; padding:0 !important;}
#crosscol li:hover {position:relative;}
#crosscol ul li {padding:0 !important;}
.tabs-outer {z-index:1;}
.tabs .widget ul, .tabs .widget ul {overflow: visible;}
Having done this, we can finally add our menu.

How To Add Horizontal Drop Down Menu to Blogger

To put this horizontal menu with submenus in your blog, then follow the next steps:

Step 1. From Template, go to Edit HTML and just above ]]></b:skin> paste these styles:
/* Horizontal drop down menu
----------------------------------------------- */
#menuWrapper {
width:100%; /* Menu width */
height:35px;
padding-left:14px;
background:#333; /* Background color */
border-radius: 10px; 
}
.menu {
padding:0;
margin:0;
list-style:none;
height:35px;
position:relative;
z-index:5;
font-family:arial, verdana, sans-serif;
}
.menu li:hover li a {
background:none;
}
.menu li.top {display:block; float:left;}
.menu li a.top_link {
display:block;
float:left;
height:35px;
line-height:34px;
color:#ccc;
text-decoration:none;
font-family:"Verdana", sans-serif;
font-size:12px; /* Font size */
font-weight:bold;
padding:0 0 0 12px;
cursor:pointer;
}
.menu li a.top_link span {
float:left;
display:block;
padding:0 24px 0 12px;
height:35px;
}
.menu li a.top_link span.down {
float:left;
display:block;
padding:0 24px 0 12px;
height:35px;
}
.menu li a.top_link:hover, .menu li:hover > a.top_link {color:#fff; }
.menu li:hover {position:relative; z-index:2;}
.menu ul,
.menu li:hover ul ul,
.menu li:hover ul li:hover ul ul,
.menu li:hover ul li:hover ul li:hover ul ul,
.menu li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu li:hover ul.sub {
left:0;
top:35px;
background:#333; /* Submenu background color */
padding:3px;
white-space:nowrap;
width:200px;
height:auto;
z-index:3;
}
.menu li:hover ul.sub li {
display:block;
height:30px;
position:relative;
float:left;
width:200px;
font-weight:normal;
}
.menu li:hover ul.sub li a{
display:block;
height:30px;
width:200px;
line-height:30px;
text-indent:5px;
color:#ccc;
text-decoration:none;
}
.menu li ul.sub li a.fly {
/* Submenu Background Color */
background:#333 url(http://www.matrixar.com/-38QeToUdU48/UWmqpRNO-LI/AAAAAAAADP4/A4AJhnSm0Fg/s1600/arrow_over.gif) 185px 10px no-repeat;}
.menu li:hover ul.sub li a:hover {
background:#515151; /* Background Color on mouseover */
color:#fff;
}
.menu li:hover ul.sub li a.fly:hover, .menu li:hover ul li:hover > a.fly {
/* Background on Mouseover */
background:#646464 url(http://www.matrixar.com/-38QeToUdU48/UWmqpRNO-LI/AAAAAAAADP4/A4AJhnSm0Fg/s1600/arrow_over.gif) 185px 10px no-repeat; color:#fff;}

.menu li:hover ul li:hover ul,
.menu li:hover ul li:hover ul li:hover ul,
.menu li:hover ul li:hover ul li:hover ul li:hover ul,
.menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
left:200px;
top:-4px;
background: #333; /* Background Color of the Submenu */
padding:3px;
white-space:nowrap;
width:200px;
z-index:4;
height:auto;
}
#search {
width: 228px; /* Width of the Search Box */
height: 50px;
float: right;
z-index: 2;
text-align: center;
margin-top: 5px;
margin-right: 6px;
/* Background of the Search Box */
background: url(http://www.matrixar.com/-kSPW07r2Ct8/UazXPD9DbfI/AAAAAAAADtE/UyopBgIPe-w/s1600/searchBar1.png) no-repeat;
}
#search-box {
margin-top: 3px;
border:0px;
background: transparent;
text-align:center;
}


Screenshot
Step 2. Save the Template


Step 3. Go to Layout > click on Add a Gadget link


Step 4. Choose HTML/Javascript and paste the following inside the empty box:

<div id='menuWrapper'>
<ul class='menu'>
<li class='top'><a class='top_link' href='Link URL'><span>Title 1</span></a></li>

<li class='top'><a class='top_link' href='Link URL'><span class='down'>Title 2</span></a><ul class='sub'><li><a class='fly' href='Link URL'>Submenu 2.1</a><ul>
<li><a href='Link URL'>Submenu 2.1.1</a></li>
<li><a href='Link URL'>Submenu 2.1.2</a></li>
<li><a href='Link URL'>Submenu 2.1.3</a></li>
</ul>
</li>
<li class='mid'><a class='fly' href='Link URL'>Submenu 2.2</a>
<ul>
<li><a href='Link URL'>Submenu 2.2.1</a></li>
<li><a href='Link URL'>Submenu 2.2.2</a></li>
<li><a href='Link URL'>Submenu 2.2.3</a></li>
<li><a class='fly' href='Link URL'>Submenu 2.2.4</a>
<ul>
<li><a href='Link URL'>Submenu 2.2.4.1</a></li>
<li><a href='Link URL'>Submenu 2.2.4.2</a></li>
<li><a href='Link URL'>Submenu 2.2.4.3</a></li>
</ul>
</li>
<li><a href='Link URL'>Submenu 2.2.5</a></li>
<li><a class='fly' href='Link URL'>Submenu 2.2.6</a>
<ul>
<li><a href='Link URL'>Submenu 2.2.6.1</a></li>
<li><a href='Link URL'>Submenu 2.2.6.2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='Link URL'>Submenu 2.3</a></li>
<li><a href='Link URL'>Submenu 2.4</a></li>
<li><a href='Link URL'>Submenu 2.5</a></li>
</ul>
</li>

<li class='top'><a class='top_link' href='Link URL'><span class='down'>Title 3</span></a>
<ul class='sub'>
<li><a href='Link URL'>Submenu 3.1</a></li>
<li><a href='Link URL'>Submenu 3.2</a></li>
<li><a href='Link URL'>Submenu 3.3</a></li>
<li><a href='Link URL'>Submenu 3.4</a></li>
</ul>
</li>

<li class='top'><a class='top_link' href='Link URL'><span class='down'>Title 4</span></a>
<ul class='sub'>
<li><a href='Link URL'>Submenu 4.1</a></li>
<li><a class='fly' href='Link URL'>Submenu 4.2</a>
<ul>
<li><a href='Link URL'>Submenu 4.2.1</a></li>
<li><a href='Link URL'>Submenu 4.2.2</a></li>
<li><a href='Link URL'>Submenu 4.2.3</a></li>
<li><a href='Link URL'>Submenu 4.2.4</a></li>
<li><a href='Link URL'>Submenu 4.2.5</a></li>
<li><a href='Link URL'>Submenu 4.2.6</a></li>
</ul>
</li>
<li><a href='Link URL'>Submenu 4.3</a></li>
<li><a href='Link URL'>Submenu 4.4</a></li>
<li><a href='Link URL'>Submenu 4.5</a></li>
<li><a href='Link URL'>Submenu 4.6</a></li>
</ul>
</li>

<li class='top'><a class='top_link' href='Link URL'><span class='down'>Title 5</span></a>
<ul class='sub'>
<li><a href='Link URL'>Submenu 5.1</a></li>
<li><a href='Link URL'>Submenu 5.2</a></li>
<li><a href='Link URL'>Submenu 5.3</a></li>
</ul>
</li>


<!-- Search Bar -->
<li>
<form action='/search' id='search' method='get' name='searchForm' style='display:inline;'>
<input id='search-box' name='q' onblur='if (this.value == &quot;&quot;) this.value = &quot;Search here...&quot;;' onfocus='if (this.value == &quot;Search here...&quot;) this.value = &quot;&quot;;' size='28' type='text' value='Search here...'/></form>
</li>

</ul>
</div>

Customization:

- replace the text in blue and red with your links and titles.
- if you need more tabs, then add a line like this just above <!-- Search Bar -->

<li class="top"><a href="Link URL" class="top_link"><span>Title</span></a></li>

- if you want to add a tab with sub-tabs, then add this code:

<li class="top"><a href="Link URL" class="top_link"><span class="down">Title</span></a>
<ul class="sub">
<li><a href="Link URL">Submenu Title</a></li>
<li><a href="Link URL">Submenu Title</a></li>
<li><a href="Link URL">Submenu Title</a></li>
</ul>
</li>

- and if you want one of the other sub-tabs have sub-tabs then remove a line like the one in orange and change it to a code like this:

<li><a href="Link URL" class="fly">Submenu Title</a>
<ul>
<li><a href="Link URL">Other Submenu</a></li>
<li><a href="Link URL">Other Submenu</a></li>
<li><a href="Link URL">Other Submenu</a></li>
</ul>
</li>

And that's it! Now Save your Widget and enjoy your new drop down menu! ;) 2013, By: Seo Master

seo Tips To Avoid Your Google Adsense Account From Getting Banned 2013

Seo Master present to you:
As many of you already know, Google Adsense is the most popular and generous advertisment service from Google that gives you recurring income. However, some people don't bother to read the Adsense policies and they usually violate AdSense Terms and conditions without knowing and as a result, later to find out that their accounts have been disabled. Many times, fraud clicks are the main cause. But there could be many other reasons for an Adsense account to be disabled.

So, if you want to keep your Google Adsense account safe, please read and keep in mind the following rules:

  1. Never use adult, violent or advocating racial intolerance content on your site.
  2. Never copy paste any article from any other website. Google can easily find out which one is original.
  3. Never click on your own ads. Google can analyze all the clicks made on your ad units.
  4. Never place above your Adsense ad units texts like "Click on ad below", "Please click below" etc. instead you can use label headings as "sponsored links" or "advertisements".
  5. Never say your friends to click on your ads on social networking websites like Facebook
  6. Don't put unwanted links, pop-ups on your website. Keep interface quite neat and clean with proper navigation and all. Google also looks for the quality standard of websites.
  7. You must have a privacy policy page which must contain a description about the use of Google AdSense on your website. This is the latest policy introduced by Google. Many webmasters don't know about it which results in their account getting banned.
  8. Hide Adsense ad units from Contact and Privacy Policy page (read here to see how you can do that) Place ads only on Content Pages. Advertisers pay only for content based ads.
  9. Never display Adsense ads in floating boxes with images or texts that could overlap or cover the ads. However, you can use floating text, images on your website under the condition they don't play with your Adsense ads.
  10. Never place more than 3 ad units and 3 ad links or 2 adsense search boxes on any web page.
  11. Do not confuse with adjacent images - It was a common policy to increase CTR by placing same number of images as the number of text ads, which falsely gave the impression that the text ads represented an explanation to these images. Inserting a small space or a line between the images and ads is not allowed. Make sure that the ads and images are not arranged in a way that could easily mislead or confuse your visitors. Read more about this here
  12. Do not send your Google adsense ads code to anyone.
  13. Never place your Google ads any unit under any drop down menu, if you do so you are Violate Google Adsense TOS.
  14. Never place Adsense ads on empty pages (pages with no content), pop-up pages, error pages, contact forms or registration pages.
These rules are the minimum requirements for maintaining an AdSense account in a proper way.
Whenever needed, it is better to ask for adsense help from the learned staff of Google Adsense. At least, you'll get authorized and very helpful tips from them! Good luck and be wise :)

2013, By: Seo Master

seo Google Buzz buttons for your site 2013

Seo Master present to you: If you’ve thought about adding Google Buzz buttons to your site, but didn’t want to have to hack together something the way Mashable and TechCrunch did, you’re in luck. Starting today you can grab official Buzz buttons from buzz.google.com/stuff.

From there, you can do some basic customization of the buttons, including specifying the content that will be included when users post. When you configure the URL option for your button, we’ll use that URL to include a preview of the page based on its title and meta description tags. If you don’t specify a link, we’ll take our best guess by including the page on which you placed the button. Likewise, when you set up an image URL, we’ll add a thumbnail of that image to the post your users create. If you prefer to set up your buttons by hand, these options and more are also available through our JavaScript API -- for more details, check out our spec.

2013, By: Seo Master

seo Fridaygram: Chrome tools, Goldberg machines, Lehrer songs 2013

Seo Master present to you: Author Photo
By Scott Knaster, Google Developers Blog Editor

If you use Google Chrome and you like to live on the edge, you might want to try Google Chrome Canary. There's a new version of Chrome Canary pretty much every day, and it gets the latest features. Of course, because it's built every day, sometimes it’s not very stable and it falls right off the leading edge it's balanced on. That’s why, for safety, you can install and run the stable version of Chrome alongside the Canary version.

Recent Canary builds have added cool new features to the developer tools section of Chrome. Specifically, you can now test mobile environments by simulating different screen sizes and by emulating touch events using the mouse. These features are on the Settings page of developer tools.


If you haven’t visited Chrome's developer tools before, you might be pleasantly surprised at all the nifty things available there. To get to developer tools, click the Wrench in Chrome, then choose Tools > Developer Tools. Have a look around – if you need a guide, see the documentation.

Some developers make hardware too, and a bunch of them competed in this year’s Rube Goldberg Machine Contest at Purdue University. The winning team broke a record – their own record – by building a machine that takes 300 steps to inflate and pop a balloon. When you consider that 14 people spent 5000 hours on this project, you realize the power of creativity mixed with craziness.

Finally, take a moment to celebrate Tom Lehrer's birthday week by listening to some of his classic tunes. As a math professor / musician / parodist, nobody expresses the spirit of Fridaygrams better than Tom Lehrer.


Fridaygram posts are just for fun. They're designed for your Friday and weekend enjoyment. Each Fridaygram item must pass only one test: it has to be interesting to us nerds. Disclaimer: we do not advocating poisoning pigeons, whether in the park or elsewhere.
2013, By: Seo Master

بن خضرة

خلفيات وصور رائعة hd wallpapers
خلفيات وصور رائعة hd wallpapers

خلفيات وصور رائعة hd wallpapers
المصدر: المصفوفة

seo How to Make Profit as a Freelance Writer 2013

Seo Master present to you:

A freelance writer has more opportunities to earn a living than have ever existed. Back in the 20thcentury, a freelance writer had only a very small chance of even getting their work published at all. Even writers who were hired to write directly for businesses were generally only hired for short term low paying contract work. In the age of the internet, though, demand for the written word is higher than ever in history. Every website you see has some type of written content on it. This could be anything from a few paragraphs to hundreds of articles to full books. Nearly every business that wants to market their products or services on the internet needs a constant supply of well written content. There are also more ways than ever to deliver that content to the consumer.

If you want to make a living as a writer today, all you need is a computer and an internet connection and you are fully set up and ready to go. Control your own schedule and work where you want to. All you need is the drive to get the job done and a little knowledge about marketing. You can pick up all sorts of regular freelance work without ever having to leave the comfort of your home. In addition, a writer no longer has to spend years trying to convince a publisher to print their book or novel. Everything can now be done online, including marketing.

If you want to make a profit as a freelance writer, you don’t have to worry much about business expenses. You just need to sit down and write every single day. The most effective way to get noticed and to pick up lucrative writing jobs is to have a substantial portfolio of work to show to potential employers. Make it easy for potential clients to be able to find your work and determine if you are a good fit for their business. Regularly submit articles to reputable websites in order to get links published back to your own website where you offer your writing services.

If you have specialized knowledge, be sure to take advantage of it. Quite a few writers specialize in specific subject areas and even in specific types of content. For example, if you have experience and knowledge in the real estate business, market your services to real estate agents for their websites and customer newsletters. If you enjoy writing long detailed works, then market yourself as an eBook writer, or better yet publish books of your own through Amazon’s Kindle platform. If you enjoy writing marketing material, then market yourself as a copywriter and help others with sales pages, autoresponder emails and web content. Most writers do a little bit of each of those things, but you can feel free and make a profit doing the tasks you do best.

One of the easiest ways to market your self is by joining some of the freelancing web sites such as elance.com, guru.com or freelancer.com. You can probably find many more with an easy Google search. These sites can help you get a fast start while you market yourself to higher paying clients. Each of these sites has different procedures but usually the process involves potential employers posting jobs they need done and the freelancers have the opportunity to bid on the jobs. Once you have won the bid for the job, the payment is placed in escrow until you successfully complete the job. There are also sites such as textbroker.com where you can simply “claim” jobs and you get paid through the site when you complete the work.

Another great source for freelance writing work is the local business community. All businesses need to have a marketing presence on the internet today and those businesses need web content. A lot of it. Local businesses today need to hire writers. Blogging is a perfect way for a business to continually build a relationship with potential customers and most business owners don’t have the time to do it Join local business networking groups and give presentations on online marketing (including the need for regular content). Offer to provide that content for those businesses for a regular monthly fee.

If you want to make a living as a writer, spend a few hours each day or every other day working on your writing and another few hours each day or every other day soliciting clients and before you know it, you your career as a freelance writer will be underway.



Author Bio:
Matthew is an Internet Marketer, specializing in helping webmasters put a website online and make money. In particular, he helps with the web hosting portion of becoming a webmaster. Check out his tips and tricks at How to Sign Up For Web Hosting.
2013, By: Seo Master
Powered by Blogger.