Monday, July 18, 2011

Related Posts by Category in Blogger.com


Great hack for blogger.com is to dynamically create at the end of every post a "Related Posts" section like the one on display here. The goal is to have your visitors stick around longer and take more of an interest in your blog.

It's very easy to do, but as with every modification to the template be very carefull.

Go to the Layout Tab and clic on Edit HTML. Then look for this code:

<data:post.body/>

Then immediately after that place this code:

<b:if cond="data:blog.pageType == &quot;item&quot;">

</b:if>
<div class="similiar">

<div class="widget-content">

<h3>
Related Posts by Categories</h3>

<div id="data2007">




<script type="text/javascript">
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;


maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 3;



function listEntries10(json) {

var ul = document.createElement(&#39;ul&#39;);

var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i &lt; maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;


for (var k = 0; k &lt; entry.link.length; k++) {

if (entry.link[k].rel == &#39;alternate&#39;) {

alturl = entry.link[k].href;

break;

}

}

var li = document.createElement(&#39;li&#39;);

var a = document.createElement(&#39;a&#39;);

a.href = alturl;


if(a.href!=location.href) {

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

}

for (var l = 0; l &lt; json.feed.link.length; l++) {

if (json.feed.link[l].rel == &#39;alternate&#39;) {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);

var txt = document.createTextNode(label);

var h = document.createElement(&#39;b&#39;);

h.appendChild(txt);

var div1 = document.createElement(&#39;div&#39;);

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById(&#39;data2007&#39;).appendChild(div1);

}

}

}

function search10(query, label) {


var script = document.createElement(&#39;script&#39;);

script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;

+ label +

&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);

script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);

document.documentElement.firstChild.appendChild(script);

}


var labelArray = new Array();

var numLabel = 0;


<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>

textLabel = &quot;<data:label.name/>&quot;;


var test = 0;

for (var i = 0; i &lt; labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel &lt; maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

}

</b:loop>

</b:loop>
</script>

</div>

</div>

</div>

</b:if> 

Save and you are all done!

This post from blogger black hat seo dot blogspot dot com

This post copyright is for TheGreenSeo http://TheGreenSeo.blogspot.com/
You are allowed to re publish this post just if you will refer to this post link in your page, Be honest and save writers effort.

How Google discovers your site?


Here is a good quick tutorial on how Google discovers your website, it takes you through the process of adding your URL on google, using XML Sitemaps and telling Google what not to index.



This post from Google SEO Tools dot net

This post copyright is for TheGreenSeo http://TheGreenSeo.blogspot.com/
You are allowed to re publish this post just if you will refer to this post link in your page, Be honest and save writers effort.

How Google Crawls and Indexes a website?


This short video from Google tells you exactly how Google want's you to make your site accessible. It also talks about how to properly use alt-text and descriptive file names.

Then it goes through the importance of titles & descriptions of your webpages and how to take care of duplicate content on your website.



This post from Google SEO Tools dot net

This post copyright is for TheGreenSeo http://TheGreenSeo.blogspot.com/
You are allowed to re publish this post just if you will refer to this post link in your page, Be honest and save writers effort.

Saturday, April 23, 2011

How to use Meta Tags in Blogger?

Hello in this post i will talk about how to use Meta Tags in your blogger code so you can optimize your blog content.

if you don't know what is Meta Tags so you should read this article
if you don't know How to use Meta Tags in SEO? so you should read this article

you can add optimized meta tages to your blogger by modify description here and key1 key2 and so on and add the code to your blogger by searching about </title> and then add the code after it.

<meta expr:content='data:blog.pageTitle + &quot; - description here&quot;' name='description'/>
<meta expr:content='data:blog.pageTitle + &quot;, key1, key2, key3&quot;' name='keywords'/>
if you have questions about that or problems write it in comments

This post copyright is for TheGreenSeo http://TheGreenSeo.blogspot.com/
You are allowed to re publish this post just if you will refer to this post link in your page, Be honest and save writers effort.

How to use Meta Tags in SEO?

Hello, in this post i will talk about How to use Meta Tags in SEO?
let me start with a question from pervious post which was..

Why we use Meta Tags in SEO?
as we know from previous posts that the search engines have a robots which visit your webpages, this robots use this Meta Tags to understand your page content if there are Meta Tags with special names so robots can find it in your webpage code.

i mean assume that the search engines said to webmasters to make a Meta Tag with name of DESCRIPTION as a code keyword not understandable by browser but understandable by search engine and its content is your page description so it will be easy to search engine to find this Meta Tag and it can easy know your page description.

thats what happen in the real .. there are some keywords Meta Tags understandable by search engines so if the Meta Tags are very important and related to SEO.

The most populer Meta Tags used in SEO are:
AUTHOR
<META NAME="AUTHOR" CONTENT="Hosam ALaa">
The author's name

DESCRIPTION
<META NAME="DESCRIPTION" CONTENT="summary of web page">
write a short summary about your webpage content

KEYWORDS
<META NAME="KEYWORDS" CONTENT="seo, google, webdesign">
you collect the main keywords of your webpage, don't write alot of keywords but it is better focus on the most related to your page content

ROBOTS
<META NAME="ROBOTS" CONTENT="ALL">

OR
<META NAME="ROBOTS" CONTENT="INDEX,NOFOLLOW">
OR
<META NAME="ROBOTS" CONTENT="NOINDEX,FOLLOW">
OR
<META NAME="ROBOTS" CONTENT="NONE">
INDEX: search engine robots should include this page.
FOLLOW: robots should follow links from this page to other pages.
NOINDEX: links can be explored, although the page is not indexed.
NOFOLLOW: the page can be indexed, but no links are explored.
NONE: robots can ignore the page.

GOOGLEBOT special for Google search engine
<META NAME="GOOGLEBOT" CONTENT="NOARCHIVE">
you can tell Google that you do not want the page archived, but allow other search engines to do so. If you specify this command, Google will not save the page and the page will be unavailable via its cache.

Learn how to use meta tags in blogger from this article

For copyright issue some content of this post got from http://www.i18nguy.com/markup/metatags.html

This post copyright is for TheGreenSeo http://TheGreenSeo.blogspot.com/
You are allowed to re publish this post just if you will refer to this post link in your page, Be honest and save writers effort.

What is Meta Tags?

Hello, in this post i will talk about what is Meta Tags? from my point of view!
The Meta Tag is a HTML line of code of  written mainly between <Head></Head> of your webpage.

I think that there is a two types of Meta Tags:
First is Meta Tag with Name.
Second is Meta Tag with HTTP-EQUIV.

The difference between them is that Meta Tag with Name is a line of code i put it anyname and anycontent and the browser will not understand it and will not use it and it written in this formate
<META NAME="name_of_tag" CONTENT="content of tag">
for example i can write Meta Tag with name of "who_am_i" and its content is "iam hosam" so the meta tag code will be
<META NAME="who_am_i" CONTENT="iam hosam">
but the second type which is Meta Tag with HTTP-EQUIV is a Meta Tag understanable by the browser and written in this formate
<META HTTP-EQUIV="order_to_browser" CONTENT="content of order">
for example you can make a Meta Tag to make the page refresh or Meta Tag to make the page not cached and so on.

The Question now is .. Why we use Meta Tags?
as we know from previous posts that the search engines have a robots which visit your webpages, this robots use this Meta Tags to understand your page content if there are Meta Tags with special names so robots can find it in your webpage code.

i mean assume that the search engines said to webmasters to make a Meta Tag with name of DESCRIPTION as a code keyword not understandable by browser but understandable by search engine and its content is your page description so it will be easy to search engine to find this Meta Tag and it can easy know your page description.

thats what happen in the real .. there are some keywords Meta Tags understandable by search engines so if the Meta Tags are very important and related to SEO.

in the next post i will write about How to use Meta Tags in SEO?

This post copyright is for TheGreenSeo http://TheGreenSeo.blogspot.com/
You are allowed to re publish this post just if you will refer to this post link in your page, Be honest and save writers effort.

Friday, April 22, 2011

How to add your URL to Google, Yahoo and Bing

Hello, in this post i will talk about how to add your url to the most populer search engines Google, Yahoo and Bing.

Adding your URL is important to make your site pages Archive in search engines and so people can find you site in search results.

How to Add your url to Google?
Open this link http://www.google.com/addurl/ and then you can write your URL.

How to add your url to Yahoo!?
open this link http://siteexplorer.search.yahoo.com/ and then you can add your url and it may ask you to prove that you are the site owner by add a line of code between your <head></head> of your homepage or add a file to your domain and you can delete this line or code or the file after proving.

How to add your url to Bing?
Open this link http://www.bing.com/webmaster/SubmitSitePage.aspx and then you can write your URL.

This post copyright is for TheGreenSeo http://TheGreenSeo.blogspot.com/
You are allowed to re publish this post just if you will refer to this post link in your page, Be honest and save writers effort.