03/12/13-MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

seo HTML 2013

Seo Master present to you: URL Encoder:
URL encoding converts characters into a format that can be safely transmitted over the Internet.

URL - Uniform Resource Locator

Web browsers request pages from web servers by using a URL.

The URL is the address of a web page like: http://www.cricinfo.com.

URL Encoding Examples

Character	URL-encoding
€	%80
£	%A3
©	%A9
®	%AE
À	%C0
Â	%C1
Â	%C2
Ã	%C3
Ä	%C4
Å	%C5

Meta Information:

HTML also includes a meta element that goes inside the head element. The purpose of the meta element is to provide meta-information about the document.

Most often the meta element is used to provide information that is relevant to browsers or search engines like describing the content of your document.

2013, By: Seo Master

seo Learn about the Canonical Link Element in 5 minutes 2013

Seo Master present to you:

Last week Google, Yahoo, and Microsoft announced support for a new link element to clean up duplicate urls on sites. The syntax is pretty simple: An ugly url such as http://www.example.com/page.html?sid=asdf314159265 can specify in the HEAD part of the document the following:

<link rel="canonical" href="http://example.com/page.html"/>

That tells search engines that the preferred location of this url (the “canonical” location, in search engine speak) is http://example.com/page.html instead of http://www.example.com/page.html?sid=asdf314159265 .

I also did a three-minute video with WebProNews after the announcement to describe the tag, and you can watch the canonical link element video for another way to learn about it. Watching the video is the easiest way to learn about this new element quickly.

The search engines have also posted about this new open standard. You can read a blog post or help center documentation from Google, Yahoo’s blog post, or Microsoft’s blog post.

Also exciting is that Joost de Valk has already produced several plug-ins. Joost made a canonical plug-in for WordPress, a plugin for e-commerce software package Magento, and also a plug-in for Drupal. I’d expect people to make plug-ins for other software packages pretty soon, or modify the software to use this link element in the core software.

Thanks to the folks at Yahoo (e.g. Priyank Garg and others) and Microsoft (e.g. Nathan Buggia and others) who built consensus to support this open standard. On the Google side, Joachim Kupke did all the implementation and indexing work to make this happen; thanks for the heavy lifting on this, Joachim. I want to send a special shout-out to Greg Grothaus as well. Although people had discussed similar ideas in the past, Greg was a catalyst at Google and his proposal really got the ball rolling on this idea; read more about it on his blog.

If you’re interested, you can see the slides I presented last week to announce this new element:

I’ll be happy to try to answer questions if you’ve got ‘em, or you can ask questions on the official Google webmaster blog. If you’re going to SES London this week, Google’s own Maile Ohye will be at SES London to answer questions as well.

Update: I had “value” instead of “href” in the link element. Serves me right for not double-checking, and thanks to the commenters who noticed!

Update, 2/23/2009: Ask just announced that they will support the canonical link element. That means all the major search engines will be supporting this tag, which is great news for site owners, developers, and webmasters. Yay!

2013, By: Seo Master

seo How To Remove Blogger Threaded Comments 2013

Seo Master present to you: The Blogger Threaded commenting system allows a reader to reply to other reader comments on that post. Blogger supports threaded commenting with two levels - the original comment, and the replies to that comment. If you want remove threaded comments from your blogger blog, follow these steps:

Step 1. Go To Blogger Dashboard > Template > Edit HTML (click on Proceed button if needed)

Step 2. Select "Expand Widget Templates" (back up your template)

Step 3. Search (using CTRL + F) for the following code:

<b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>

Step 4. Now remove it (you'll find this code twice and replace it twice) and paste this code instead:

   <b:include data='post' name='comments'/>
          </b:if>
               <b:if cond='data:blog.pageType == "item"'>
                     <b:include data='post' name='comments'/>

        </b:if>

Step 5. Save Template.

That was all!

2013, By: Seo Master

seo Add Videos/Images in Blogger/Blogspot Comments 2013

Seo Master present to you: Many of you maybe have wondered if it is possible to post Youtube videos and images into Blogger comments. With this trick it will (: But first of all, you should know that if you have blogger threaded comments activated, it won't work. So if you want to have this feature, firstly, you should remove blogger threaded comments.

Read here on How to Remove Blogger Threaded Comments.

How to add videos/images in Blogger comments

Step 1. Go to Dashboard >> Template >> Edit HTML (click on Proceed if needed)

Step 2. Select "Expand widget templates" box (make a backup)

Step 3. Find (using CTRL + F) the following tag:

</body>

Step 4. Paste the code below, immediately above/before that tag:

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("multimedia");
theText = bodyText.innerHTML;
theText = theText.replace(/\[img\]/gi, "<div style='clear:both'></div><img style='float:left;margin:10px 0;border:1px solid #DDD;max-width:490px;background:#FFF;padding:4px' src='");
theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");
theText = theText.replace(/\[youtube\]http:\/\/youtu.be/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed");
theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed/");
theText = theText.replace(/&feature=/gi, "?rel=0' '");
theText = theText.replace(/\[\/youtube\]/gi, "?rel=0' frameborder='0' allowfullscreen></iframe>");
theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed/");
theText = theText.replace(/\[\/youtube\]/gi, "frameborder='0' allowfullscreen></iframe>");bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
</b:if>

Step 5. Now find (CTRL + F) this code:

<b:loop values='data:post.comments' var='comment'>

Step 6. Add the following code just above it:

<div id='multimedia'>

Step 7. Now find:

</b:loop>

Note: look for this piece of code after the code on the step 5.

Step 8. Just after, paste this piece of code:

</div>

Step 9. Save template.

Instructions

Now everytime you want to post images & videos in comments, you should add the following tags at the beginning and end of the url of your youtube videos or images you want to share:

For example:

We have this Youtube URL:
www.youtube.com/watch?v=jEgX64n3T7g

To add a youtube video in blogger comments, we'll have to add the red codes at the beginning and end of the youtube URL of the video:

[youtube]www.youtube.com/watch?v=jEgX64n3T7g[/youtube]

To add images in blogger comments, add these codes at the beginning and at the end of your image url:

[img]your-image-url[/img]

Note: replace your-image-url with the url address of your image

Settings

To tell your visitors on how to post images and videos into your blogger comments, you can add a message just above your blogger comment form.

Just go to Dashboard >> Settings >> Posts and Comments - and look for the Comment Form Message section, click on "Add" link and add this text:

If you want to post a youtube video or a image in your comment, use <b>[img]YOUR-IMAGE-URL-HERE[/img]</b> for posting images and <b>[youtube]YOUTUBE-VIDEO-URL-HERE[/youtube]</b>

See this screenshot for more info:

Now click on the "Save Settings" button on the top right corner and you're done!

If you enjoy reading this blog, please share and subscribe. For any questions, drop a comment below.

2013, By: Seo Master

seo Coming soon: Gmail contextual gadgets available for trusted testers 2013

Seo Master present to you: At Campfire One this week we announced that we will soon open Gmail contextual gadgets as a new extension point for developers. These gadgets can smartly draw information from the web and let users perform relevant actions based on the content of an email message, all without leaving the Gmail inbox. For instance, contextual gadgets currently available in Gmail can detect links in emails to show previews of documents, videos, photos, and more, right inside the messages.

For businesses, Gmail contextual gadgets can boost employee productivity by complementing email in a context-specific and actionable way. Appirio, a cloud solution provider, provided a demonstration of the potential of Gmail contextual gadgets and other experimental features
with their new product PS Connect:

Soon we’ll be opening Gmail contextual gadgets as an extension for trusted testing by developers. If you have a good idea for this type of gadget today, please fill out this form. And for those of you who will be attending Google I/O in May, be sure to check out our session on building Gmail contextual gadgets.

By Dong Chen, Gmail Contextual Gadgets team2013, By: Seo Master

seo How to add Facebook Like/Fan Box to Blogger 2013

Seo Master present to you: A Facebook Fan Box or Like Box is a great plugin that allows blog visitors to subscribe to your blog updates via their Facebook accounts, without leaving your blog. After subscribing (by pressing like button), visitors will receive your most recent blog updates on their Facebook page. This box also displays faces of the "likers" on your blog. Before creating a fan box you should already have a facebook fan page. If you haven't yet created, click here to learn How to Create a Facebook Fan Page.

Add Facebook Like Box to Blogger

1. Find out your Facebook fan page URL by visiting your Facebook fan page and copy the url in the address bar, you can see how your url should look like in my screenshot:

2. Then visit this page: http://developers.facebook.com/docs/reference/plugins/like-box

3. Paste your url into the Facebook Page URL field as it is shown below:

4. Once you are satisfied with the looks of the Like Box, click on the "Get Code" button

5. You'll be given two codes, titled HTML 5, XFBML and IFRAME. You only need the iframe code.
Select it and copy the code generated for your box as it is shown in the example below:

6. Then go to your Blogger Dashboard > Layout > click on the Add a Gadget link

7. From the pop-up window, scroll down and select HTML/JavaScript

8. Paste the code in the empty HTML box.

9. Click Save and you're done.2013, By: Seo Master

seo Add a Different Background For Author Comments in Blogger's Threaded Comments 2013

Seo Master present to you: In this tutorial we will learn how to highlight the author comments so that they will have a different background color, border, or anything that makes them stand out from the others. To achieve this, we need to add a code in the Blogger's template and to modify the style according to our preferences.

How to highlight author comments in Blogger:

Step 1. Go to Template, click on Edit HTML

blogger threaded comments, customize blogger comments

Step 2. Click anywhere inside the code area and try to find - using CTRL + F keys - this tag:

</body>

Screenshot:

Step 3. Just above it, paste the following code:

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(function() {
function highlight(){
$('.user.blog-author').closest('.comment-block')
.css('border', '1px solid #FFA500')
.css('background','#F1F1F2 url("http://www.blogblog.com/1kt/transparent/white80.png")')
.css('color', '#444444')
.css('font-size', '12px')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>

Customizing the Author Comments:

Border:
The line marked in orange represents the border's style.
What it can be done:

1px - you can increase the value to change the border's thickness
solid - change the border's style to dotted, dashed, inset, outset etc.
#FFA500 - this is the border's color value, change it with your own color

Background:
The line marked in blue represents the background's style. You can use a plain color or an image. By default there's a combination of both (a white transparent image with a gray plain color).
To change/add:

a different color: replace the #F1F1F2 value with your own (use this tool to find the hex code of your desired color)
an image: replace the defaul url http://www.blogblog.com/1kt/transparent/white80.png with that of your image

Font Color:
To change the font's color, replace the #444444 color value in green with your own. (you can use this tool to find the hex code of your desired color)

Font Size:
Modify the value in red by increasing/decreasing the "12" value in order to change the size of text.

Step 4. Now Save your Template.

To customize the entire style of threaded comments, please check my previous tutorial on How to Customize Comment's Background, Font Color and Border in Blogger.2013, By: Seo Master

seo Downloading Facebook Videos In Few Simple Steps Without Any Software 2013

Seo Master present to you:

While watching videos on Facebook Sometime you like certain video and want to download it on your computer but you are taken a step back because you don't know how to do that. There are tools and software available to download videos from youtube and other major video sites but downloading videos from facebook is something you are not familiar with. Believe me downloading facebook videos is very very easy and the best thing about it is that it does not require any software. In this tutorial i will teach you to download videos from facebook in few simple steps. So lets get started.

How To Download Facebook Videos ?

1. First open the facebook video you want to download.

2. Then copy the url as shown below.

3. Now go to savefrom website by Clicking Here

4. Paste the url copied in step 2 in input area as shown below and click on download.

5. After clicking on download, available video format for the video will appear on right side just below the download button. Click on video format you like to download.

6. Download will start the moment you click on video format. Enjoy!!

seo Add Recent Comments Widget with Avatars To Blogger 2013

Seo Master present to you: In the past tutorial, I've shared a simple Recent Comments widget, now you have the option to add a stylish Recent comments widget with round avatars, which comes along with comment excerpts. You also have the option to change default Anonymous Avatar Image.

How to add recent comments widget with avatars

Step 1. Go to Blogger Dashboard, then go to Layout and click on Add a Gadget link.

avatars, recent comments blogger, blogger widgets

Step 2. In the popup window scroll down + choose HTML/Javascript

Step 3. Paste in the following code in the empty box:

<style type="text/css">
ul.w2b_recent_comments {
list-style: none;
margin: 0;
padding: 0;
}

.w2b_recent_comments li {
background: none !important;
margin: 0 0 6px !important;
padding: 0 0 6px 0 !important;
display: block;
clear: both;
overflow: hidden;
list-style: none;
}

.w2b_recent_comments li .avatarImage {
padding: 3px;
background: #fefefe;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
float: left;
margin: 0 6px 0 0;
position: relative;
overflow: hidden;
}

.avatarRound {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}

.w2b_recent_comments li img {
padding: 0px;
position: relative;
overflow: hidden;
display: block;
}

.w2b_recent_comments li span {
margin-top: 4px;
color: #666;
display: block;
font-size: 12px;
font-style: italic;
line-height: 1.4;
}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/w2b recent comments with avatars.js"></script>
<script type="text/javascript" src="http://your-blog.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Note

Replace your-blog with the name of your blog.
Replace the "5" values in red, with the number of comments you want to appear... from:

numComments = 5

and

&max-results=5

To change the anonymous avatar, replace the following address with your own:

http://www.gravatar.com/avatar/?d=mm

To change the size of the avatar, replace 60 value in green with your own

Step 4. After you've made the changes, click Save... and you're done!

The credit goes to Hrish @ way2blogging.org

2013, By: Seo Master

seo Why blogger is better than wordpress 2013

Seo Master present to you:

For a new blogger, its really a confusing part to choose the best platform for themselves. There are a lot of platforms available for blogging as I have written in the article First step towards blogging. I personally started with both the WordPress and Blogger and then concluded that Blogger is better than WordPress In this post I am gonna talk to you why Blogger is better than WordPress for a beginner.

The most important of using Blogger over WordPress is that some bloggers don't want to spend their time understanding complexities of the platforms and the way it works. Since Blogger is much easier and everything with a click support, they have much time for utilization in creating quality contents rather than other factors.

Ease of use. For a beginner Blogger is better. Its easy to set up and use. Making posts is as easy as using MS word. Dashboard is clean and simple. Adding pre-existing tools and widgets are easier.

More Secure. Blogger is a Google's part. They are much more secure than WordPress and the chances of being hacked in WordPress is zero.

Hosting on blogger is free. That means you just have to pay for a domain, redirect it to your .blogspot blog and enjoy. No need to worry about host settings, paying for hosting and always monitoring traffic to your blog. WordPress is a self hosted site, that means you will have to buy host space in order to have a custom website.

Adsense Integration. Getting Adsense approval for blogger is easier than WordPress (although no one confirms it). Blogger provides an inbuilt integration for Adsense in their dashboard and you don't need to install plug-ins to show Adsense ads.

Analytic. Blogger support Google Analytic with the same account. No need to have multiple accounts for webmaster, analytic, Adsense, blog account. All with one user id and password.

Faster Indexing. Blogger posts are indexed much faster as compared to Wordpress. The posts are indexed within hours of publish and thus are available for search engine resulting in traffic to your blogs.

However, Blogger has some disadvantage of fewer templates, and less customization features. But, with all these plus points, A beginner can surely opt for Blogger. With no need of understanding complexities, they can concentrate on creating a good post. That's why Blogger is better than WordPress.

mb.

Previous Post.>>

2013, By: Seo Master

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

URL - Uniform Resource Locator

URL Encoding Examples

How to highlight author comments in Blogger:

Customizing the Author Comments:

How To Download Facebook Videos ?

You May Also Like To Read:

Add Jquery script

Add CSS code

1. How to Add Description Meta Tag in Blogger Blog:

2. How to Add Meta Tag to Blogger Blog:

3. How to Setup a Custom robots.txt in Blogger Blog:

4. How to Add Custom Redirects in Blogger Blog:

Labels

Blog Arşivi