5 basic elements SERP Rated on your website

The Internet technology is always evolving. Everyday, there are subtle and major changes that proliferate, either changing the way we use it or forever changing the definition of the word “Web”.

And with these changes come modifications or improvements in Search Engine Optimisation (SEO). The most noticeable is the increasing number of factors that affect your ranking in search engine results pages (SERPs). However, despite additions to the family, the most fundamental are still intact. Learn what these are and find out what they can do for you.

1. Content
This should be the highlight of your website. It does not only refer to your articles but it also encompasses the photos, videos, and audio files you post on your website. 

However, what search bots are usually after are the texts, because those are the codes that they can crawl and interpret. Currently, lengthier articles look better than shorter ones, because they theoretically have more substance and information.


Now when producing posts, remember to take note of these three:

Originality – It should be unique. You must give your own approach to the topic, no matter how exhausted the topic is. For example, even if you are writing about blogs, talk about it in a new light to give something substantial to your readers.

Timeliness – It should be updated. It will not make sense if you write about the advantages of horse-driven chariots when our society is running on big fuel-powered vehicles, right? Your posts should be about current topics and issues that are dominating your niche.

Creativity – Given that you are rehashing old topics, you should focus on giving a new approach to the subject. Insert your writer's talent into your output to give your readers something worthy of their time.

2. Links


Let us start with internal links. These are hyperlinks that lead to other pages on your site, hence the name. They help search engines index other pages of your site. Make sure you use niche-based words, at least two-three terms per link. Most of all, limit the number of internal links per page to two, otherwise you will risk being suspected of spamming.


Second on our list are outgoing links. These are links you create on your pages, either embedded in your content or featured as footer links, that lead to other websites. They could be your affiliates or just authority sites for your particular niche. It is important that you choose only those that are relevant to your topic. You can also use PageRank as basis for linking to that site.


And last are inbound links. Famously coined as backlinks, these are links that you receive from other websites. Now instead of buying them like in the olden days, you have to earn them by producing great content that other domains would want to be part of. In addition, you can also do guest posting to earn high-quality links from sites that have an extensive blog fan base. 

3. Keywords
These play a vital role in your SERP ranking. After all, these are what search engines use to match your site to a query. The more targeted your keywords are, the higher your site will end up on the results pages. 

But do not overdo this. Stuffing your content with search terms is considered spamming, and you do not want Google to think that of you. At best, you should have a maximum of 2.5% to 3% keyword density in your articles. 


Now to find the ideal search terms for your niche, you should use various online tools that feature the use of particular keywords. Such freebies include Google AdSense, Google AdWords, and Google Insights for Search. All of these will help you come up with relevant keywords that are varied in usage and have less competition over the Web.

4. Design
Optimisation is not just about focus on what the search engines want, but also what the Internet surfers like. With regards to your navigation system, it should be easy, simple, and straightforward. Glitz and glamour are not a good idea here. 


The main priority is to create a site that is visually appealing, creative, and easy to navigate or browse.

5. Social Media
The last factor that affects your ranking in SERPs is your promotions. How visible or reputable is your website? Are you embracing all platforms to market your domain?


A very important highlight of SEO is social media marketing. Using channels that belong in this category will not only get your site quality links, but will also promote it to social networking members.

Naturally, Facebook and Twitter are the main contenders in this game. But do not neglect other sites as well like StumbleUpon, Foursqaure, Pinterest, Google+, LinkedIn, etc. The more channels you use, the more you have audiences for your marketing campaigns.

TO SUM IT UP...

SEO does not have to be a mind-boggling concept that you should cower from. If you are new to the business, take it as a challenge and learn from the experts. You will soon find your efforts rewarded with increased traffic, high ranking, and loyal readers.

The colorful interface for Windows 7

Are you bored with the familiar interface of Windows 7 and want to do something to innovation? Metro Skin Pack gorgeous interface below will help Windows 7 complete makeover with a new style and colorful.

Undeniably the default interface of Windows 7 is beautiful and exquisite design. However, after a long period of use, you will feel this familiar interface and want to refresh the operating system being used on your computer.

Metro Skin Pack is a set of interfaces that will help Windows 7 complete makeover, change icons, boot interface, familiar colors ... the old operating system and instead a new style, with colorful excellent help for Windows 7 to become more vibrant and beautiful.

Note: This is the author's interface Hamed, one of the famous names in the design of the interface, and beloved for Windows 7. So the interface completely "clean" and does not contain any type of viruses and malicious software inside.

Download the free interface here (for Windows 32-bit version) and here(for Windows 64-bit version).

Note: during installation, the software will encourage users to install additional software together. However, you should not install unnecessary software. When you have the option to install the included software (as shown below), you mark off all of the options before clicking Next to continue the installation.

Click Install to continue and complete the installation steps. After completing the installation, proceed to reboot the system.

Note: during installation, you should exit all other running software to not be affected. Before installing this interface, you need to remove the old interface have been previously installed.

Now in the process of restarting the system, you can easily recognize innovation in the interface of Windows from the boot screen interface, while the traditional logo of Windows 7 has been replaced with the new logo of Windows 8.

New boot screen of the interface

After booting into the desktop, a dialog box option functions of the interface between the screen. You can click 'Minimize to Try' on to minimize to the system tray or click 'Close' to close the dialog box.

Surf around Windows, you can easily recognize the new interface has completely changed the old interface and it's hard to get out the old features of Windows 7 before. 

How to coordinate different colors will make you a little surprise when the first use of this interface. However, once they become familiar, this is the elements that make up the highlights.

My Computer window and the Start Menu has been redesigned more beautiful

Notably, the Windows 7 Start icon has been replaced with a new adaptation logo of Windows 8. Taskbar and Start menu has been redesigned in the style of simple colors visible on Windows 8.

Windows folders or icons of files and folders on Windows as well be replaced by the logo simple in nature, but to create something new and unique.

Icon files and folders on the new interface has also been completely replaced

The Metro interface Skin Pack not only brings a breath of fresh air and originality but also makes your Windows 7 stripped completely, and it's hard to recognize the familiar version of the operating system of Microsoft.

In addition, you can use the software to  Immersive Explorer ( AFPintroduction here ) to bring style file explorer Metro to Windows. Metro combines a file browser, with interface is designed according to the feel of Windows 8 will help Windows 7 to become more similar to the Windows 8 operating system.

File explorer interface style unique Metro of thesoftware 

Removal instructions and go back to the default Windows 7 interface

In case you do not want to continue to use this interface and want to return to the default interface of Windows 7 before, follow the steps below:

- Access to the Control Panel of Windows, select remove software functions, find and remove software called "Metro Skin Pack 3.0".

- From the dialog box that appears, check the third option, and then click Uninstall to start the process of removing the interface.

Note: in the process of removing the interface, you should get all of the software running in order to not be affected.

- After removing the interface process is finished, restart the system. At this time, Windows 7 will be restored to the original interface familiar.

In case after removing the Windows 7 interface, but does not restore the original default interface, you reinstall the interface and start the removal process to restore interface. But this case is very rare.

Comment function is really good for your Blog?

As we all know, with the advent of web 2.0, the system features interaction between the user and the webmaster has not impeded. You can easily see this on most websites now open with the comment function after each post.

With this feature, people can make comments, your comments about a problem that does not need to go through email, register cumbersome as before. This really is a great function, it narrows the gap between the user and the webmaster and of course it will cause the website to become a lot more friendly.

However, for those who do SEO, this feature really that good?

Obviously, with this comment feature, your website will always be "fresh content", that is always updated and new specific search engine that Google loves it.

What's more amazing when your website to attract the attention of many people, the topic will always be a lively discussion. Users like you and of course Google will like you.

But what happens when you can not control the contents and number of comment? You write an article and people comment very exciting, the number of comments last out 2.3 even 100 pages. So have you ever wondered if the comment is not relevant to the content of your post, it will affect how?

If you've ever used a blog, WordPress, ... you will know that when you comment, we have the flexibility to insert the link enclosed keywords cursor on the website. Although most are nofollow links nofollow but still definitely worth it.

Suppose you have 100 comments as: "article, or, thanks to share ..." accompanied by 100 links pointing to their website, what will happen? I think that it will dilute your article content, keyword density reduction, reducing the value of the article, and of course the ranking of keywords will be affected more or less.

It can be said that the comment function as a two-edged sword, it helps you, but it can also hurt you, so be strict control over this feature and do not hesitate beheaded immediately comment phpBB nature thundered storm for the purpose of the link.

Mobile SEO and things to note

Mobile SEO , SEO techniques on mobile phones is growing at an incredible speed. This is understandable because there are now more than 90% of the U.S. population using the phone. So, if you do not have areasonable SEO strategy , it can make your marketing campaign failed and, of course, you will lose a certain amount of customers. Therefore, companies, large and small businesses are attention to Mobile SEO .

More and more people use smartphones and use it to search for information online. Surely they will notice and compare the differences between your phone and computer in the search process. Web design professionals always understand that good website does not display when using a computer will be well on mobile and vice versa. So they have to research and find ways to help users find information over the phone effectively.

Here are a few methods to help your SEO campaign Mobile become more efficient:

1. Submit a sitemap for your phone (mobile sitemap) to search engines, doing this will help the search engines understand that your website content is optimized for mobile phone users and should be displayed when users conduct searches information by phone.

Although mobile sitemap is not really necessary but it will help Google index your website faster.

2. When creating a website for mobile phones, the images must be optimized carefully. Not merely the small size of the images but also image must be associated with specific keywords (name, alt, title, etc.) to increase the search capability on the phone.

3. These applications appear more and more and become part of of Mobile SEO campaign as a necessity.However, this will backfire if your website is not really quality.

Make sure your application really necessary for users, is compatible with many different types of phones and attract them to our website.

4. Finally, a very important thing, you must constantly evaluate and monitor your SEO strategy. Mobile phone market grows very fast, so you need to follow up and take appropriate changes.

Guide optimized for blogspot from A to Z

Here, tin24h.us will guide you how to optimize Blogspot A -> Z, hoping that after this article, people will have different perspective on Blogspot and find the right development for your Blog.

Optimize Blogspot tutorial I will include: 
- Choose template. Editing meta tags. 
- Edit the article title.
 - Tools friendly URL. Creating Breadcrumbs for Blogspot. 
- Create relevant information for each article. 
- Create emoticon comment. 
- Create a sitemap for Blogspot. 

1. Select the template. Template is one of the important factors when using Blogspot, a good template is not only beautiful but also have a reasonable structure. This will helpyour SEO process a lot easier. Kool SEO personal experience , you should choose the template with 2 columns, the left post, the right is the widget: new posts new comment ... This is a common template and user-friendly.addition, an equally important factor, which is the heading tag structure. Most the Blogspot temp after installing located only a <h1>, and the title of the article is <h2> or <h3>. This will make it difficult for you to want to SEOan article. Many people have overcome this by inserting <h1> in this article, and still keep title is <h2> or <h3>.However, SEO Kool said this is not good. Firstly aesthetically beautiful, the second is the importance of heading tags because when google bot browsing your website, it will show pre <h2> card and <h2>, of course, not as important as <h1 >. So when you choose the template you need to pay attention to the structure of the temp, if available 2 card <h1>, an entire website, and a title for the wonderful article. If not, do not worry, SEO Kool will guide you to change the title articles into <h1> of the next step. 

2. Edit the To edit tags <meta> tags meta keyword and meta description of the temple you find the following code

<meta name="description" content="" /> 
<meta name="keywords" content="" />

And correct:

<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<meta name="description" content="Mo described blog" /> 
<meta name = "keywords" content = "Keywords "/> 
</ b: if>

3. Edit a post title . 

Edit the article's <title> card Usually when you write a new article, <title> your post looks like: Blog title: title of the article,
however, to simplify the SEO post, the submit your article title up front. For example: Text Articles | Blog Title

To do this you look to the code:

<title> <data:blog.pageTitle/> </ title>

And change it to:

<b:if cond='data:blog.pageType == "item"'> 
<title> <data:blog.pageName/> | <data:blog.title/> </ title> 
<b:else/> 
< title> <data:blog.pageTitle/> </ title> 
</ b: if>

b. Add a description for the link title.
When you put your mouse on the article title, you will see the description for the link.

To do this do the following: Log in to Blogger -> edit HTML -> Extensions Locate the following line:

<a expr:href='data:post.link'> <data:post.title/> </ a>

and correct:

<a expr:href='data:post.link' expr:title='data:post.title'> <data:post.title/> </ a>

Continue to look to the

<a expr:href='data:post.url'> <data:post.title/> </ a>

and correct:

<a expr:href='data:post.url' expr:title='data:post.title'> <data:post.title/> </ a>

Save the template and check the results. b. Modifying the article title <h1> Log in to Blogger -> edit HTML -> Extensions Find the following code

<b:if cond='data:post.title'> 
<h3 class='post-title'> 
<b:if cond='data:post.link'> 
<a expr: href = 'data: post.link 'expr: title =' data: post.title '> <data:post.title/> </ a> 
<b:else/> 
<b:if cond='data:blog.pageType != "item"'> 
<a expr: href = 'data: post.url'

and correct:

<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:blog.pageType != "static_page"'> 
<b: if cond = 'data: post.title '> 
<h3 class='post-title'> 
<b:if cond='data:post.link'> 
<a expr: href = 'data: post.link' expr: title = 'data: post.title' > <data:post.title/> </ a> 
<b:else/> 
<b:if cond='data:post.url'> 
<a expr: href = 'data: post.url' 
class = 'post-title'> 
<b:if cond='data:post.link'> 
<a expr: href = 'data: post.link' 
class = 'post-title'> 
<b:if cond='data:post.link'> 
<a expr:href='data:post.link' expr:title='data:post.title'> <data: post.title /> </ a> 
<b:else/> 
<data:post.title/> 
</ b: if> 
</ h1> 
</ b: if>

Tools edit CSS for <h1>, locate the line

. Post h3 {...} 
. post h3 a,. post h3 a: visited {...} 
. post h3 a: hover {...}

and correct:

. H1 post,. Posted h3 {...} 
. post h1 a,. post h1 a: visited,. post h3 a,. post h3 a: visited {...} 
. post h1 a: hover,. post h3 a: hover { ...}

stay and check the results:

4. Tools friendly URL.
Whenever you write new posts on blogspot, if you write the title of the full mark, sometimes the URL is displayed as follows:

Here tin24h.usexperiment with the article titled: " U.S. Senator objected to control catfish ". Look at the picture you can see, compared to the original article title, the URL has been shortened and lost a number of characters.That's because the default URL's Blogspot has two functions: First: take always the title of the article as the URL for that article, but it can not understand English so was born the loss of a number of characters. Monday: Blogspot URL automatically truncated if the article title is too long. So if you want to have a friendly URL SEOstandards , we have to do? Very simple to solve for the two cases we can use the following two ways: - (a): When you write a new article, the original title was to not sign with the number of characters just enough so as not to shorten the URL and loss of character, and then publish the article and go back to edit the title became marked. - Method two: Use custom URL of Blogspot

With this feature you can freely adjust its URL. However, it should be noted that this feature is only adjusted once, ie after the publication of the article you can not edit the URL. So be careful when using. 5. Create Breadcrumb for Blogspot

To create Breadcrumb Blogspot, selected you to edit HTML and expanded utility. Then navigate to the code:

<b:includable id='main' var='top'> 
  <! - posts -> 
  <div class='blog-posts hfeed'> 
    <b:include data='top' name='status-message'/> 
    <data:adStart/>

And correct:

<b:includable id='main' var='top'> 
  <! - posts -> 
  <div class='blog-posts hfeed'> 
  <! - disable default status messages 
    <b: include data = 'top' name = 'status-message' /> 
  default status message disabled -> 
    <b:include data='posts' name='breadcrumb'/> 
    <data:adStart/>

Then find the following line:

<b:includable id='main' var='top'>

And add the following code on it:

<b:includable id='breadcrumb' var='posts'> 
  <b:if cond='data:blog.homepageUrl == data:blog.url'> 
  <! - No breadcrumb on front page -> 
  <b: else /> 
    <b:if cond='data:blog.pageType == "item"'> 
       <div class='breadcrumbs'> 
         Browse »<a expr: href = 'data: blog.homepageUrl' rel = 'tag' > Home </ a> 
         <b:loop values='data:posts' var='post'> 
           <b:if cond='data:post.labels'> 
             <b: loop values ​​= 'data: post.labels' var = 'label'> 
               <b:if cond='data:label.isLast == "true"'> » 
                 <a expr:href='data:label.url' rel='tag'> <data: label . name /> </ a> 
               </ b: if> 
             </ b: loop> 
             »<span> <data:post.title/> </ span> 
           </ b: if> 
         </ b: loop> 
       </ div> 
    <b:else/> 
      <b:if cond='data:blog.pageType == "archive"'> 
        <div class='breadcrumbs'> 
          Browse »<a expr: href = 'data: blog.homepageUrl '> Home </ a> »Archives for <data:blog.pageName/> 
        </ div> 
      <b:else/> 
        <b:if cond='data:blog.pageType == "index"'> 
          <div class = 'breadcrumbs'> 
          <b:if cond='data:blog.pageName == ""'> 
            Browse »<a expr:href='data:blog.homepageUrl'> Home </ a>» All posts 
          <b:else/> 
            Browse »<a expr:href='data:blog.homepageUrl'> Home </ a>» Posts Filed under <data:blog.pageName/> 
          </ b: if> 
          </ div> 
        < / b: if> 
      </ b: if> 
    </ b: if> 
  </ b: if> 
</ b: includable>

Next, adjust css accordingly, we find the code:

]]> </ B: skin>

and add before it the following code:

. Breadcrumbs { 
padding: 5px 5px 5px 0px; 
  margin: 0px 0px 15px 0px; 
font-size: 95%; 
  line-height: 1.4em; 
border-bottom: 3px double # e6e4e3; 
}

6. Create posts related to Blogspot

First we find the </ head> and add before it the following code:

<b:if cond='data:blog.pageType == "item"'> 
<script type="text/javascript"> 
/ / <! [CDATA [ 
var titles = new Array (); var titlesNum = 0; var urls = new Array (); var time = new Array (); function related_results_labels (c) {for (var b = 0; b <c.feed.entry.length; b + +) {var d = c.feed.entry [b]; titles [titlesNum] = d.title. $ t; {for (var removeRelatedDuplicates () {var b = new Array (0); var c = new Array (0); e = new Array (0); for (var contains (b, d) {for (var c = 0; c <b.length; c + +) {if (b [c] == d) {return true}} return false} function printRelatedLabels (a) {var y = a.indexOf ('? m = 0'); if (y! = -1) {a = a.replace (/ \? m = 0 / g, ")} for (var b = 0; b <urls. length; b + +) {if (urls [b] == a) {urls.splice (b, 1); titles.splice (b, 1); time.splice (b, 1)}} var c = Math.floor ((titles.length-1) * Math.random ()); var b = 0; document.write ("<ul>"); if (titles.length == 0) {document.write ("<li> There are no posts related href = "'+ urls [c] +'"

Then find the following line:

<div class='post-footer'>

And add the following code to it:

<b:if cond='data:blog.pageType == "item"'> 
<div id='related-posts'> 
<b> Related Articles: </ b> 
<b: loop values ​​= 'data : post.labels' var = 'label'> 
<script expr: src = '"/ feeds/posts/default/- /" + data: label.name + "? alt = json-in-script & callback = related_results_labels "'type =' text / javascript '/> 
</ b: loop> 
<script type='text/javascript'> var maxResults = 5; removeRelatedDuplicates (); printRelatedLabels ('<data:post.url/>' ); </ script> 
</ div> 
</ b: if>

Note maxresult = 5 is the number of relevant information is displayed, you can change this parameter. 

7. Create emoticon when commenting on Blogspot

Insert the following code before the closing </ body>:

<script type='text/javascript'> 
/ / <! [CDATA [ 
function replaceText () {if (! document.getElementById) {return;} 
bodyText = document.getElementById ("emocomments"); 
theText = bodyText.innerHTML; 
theText = theText.replace (/: \) \) / gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>"); 
theText = theText.replace (/ = d> / gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>"); 
theText = theText.replace (/: d / gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>"); 
theText = theText.replace (/: p / gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>"); 
theText = theText.replace (/: \ (\ (/ gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>"); 
theText = theText.replace ( /: \) / gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>"); 
theText = theText.replace (/: \ (/ gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>"); 
theText = theText.replace (/: - \ ? / gi, "<img src='http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>"); 
theText = theText.replace (/ \ [\ - \ (/ gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>"); 
theText = theText.replace ( /: -o/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>"); 
theText = theText.replace (/: -t/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>"); 
theText = theText.replace (/:-ss / gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>"); 
theText = theText.replace (/ b-\ (/ gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>"); 
theText = theText.replace (/ @ - \) / gi , "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>"); 
theText = theText.replace (/ = \) \) / gi , "<img 
= TheText; 
} replaceText (); 
/ /]]> 
</ script>

Then find the following line:

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

card and add before it:

<div id='emocomments'>

Find closing tag corresponding to the above loop

</ B: loop>

and add after it card 

</ Div>

Locate the following line:

<data:blogTeamBlogMessage/>

And add after it the code:

<script type="text/javascript"> 
/ / <! [CDATA [ 
function moreSmilies () { 
document.getElementById ('smiley-more'). style.display = 'inline'; 
document.getElementById ('smiley-toggle' ). innerHTML = '<a href = "javascript: LessSmilies () "> ← </ a> </ span> '; 
} 
function lessSmilies () { 
document.getElementById ('smiley-more'). style.display = 'none'; 
document.getElementById ('smiley-toggle '). innerHTML =' <a href = "javascript: MoreSmilies () "> → </ a> '; 
} 
/ /]]> 
</ script> 
<div class='emoticons'> 
<img src = 'http://lh6.ggpht.com/_u7a1IFxc4WI/TM- voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif '/> :) 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>: ( 
<img src = 'http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif' /> :)) 
<img src = 'http://lh4.ggpht.com/_u7a1IFxc4WI/TM- vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif '/>: (( 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/> =) ) 
<span id='smiley-more' style='display: none;'> 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/> = D> 
<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>: D 
<img src = 'http://lh6.ggpht.com / _u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif '/>: P 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/> :-O 
<img src='http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>: -? 
<img src = 'http:// lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif '/>:-SS 
<img src = 'http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/ 104.gif '/>:-t 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/> [- ( 
<img src = 'http: / / lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif '/> @ -) 
<img src = 'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/ BhfFnT0Gbro/66.gif '/> b-( 
</ span> 
<span id='smiley-toggle'> <a href = "javascript: MoreSmilies () "> → </ a> </ span> 
</ div>

Card to play:

]]> </ B: skin>

And add the following code before it:

. Emoticons {-moz-background-clip:-moz-initial;-moz-background-origin:-moz-initial;-moz-background-inline-policy:-moz-initial; text-align: left;} 
. emoticons a,. emoticons a: hover {font-size: 28px; margin-left: 20px; text-decoration: none;}

Save and check the results. 

8. Create Sitemap for Blogspot Blogspot first 2 Sitemap format is used to submit sitemap to Google Webmaster Tools (sitemap for Googlebots), the second is sitemap.html for users. To create sitemap for Googlebots, you only need Google Webmaster Tools, navigate to submit sitemap and add the following code into the text box:

atom.xml? redirect = false & start-index = 1 & max-results = 500

For users, you need to create a more user-friendly diagram:

To do the above, you create a new page in my blog and give it a name any, here tin24h.us named: Sitemap. then you switch to HTML mode and insert the following code:

<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"> </ script> 
<script

Save and check the results

Insert ads into the posts on Blogspot

There you are a web design blog on the Blogger platform and want to make money from the ads you place on your blog. On the blog there are so many positions so you can place the ad code, but to place ads between posts on the blog, not everyone knows. This article I would like to share the tips that Fandung can recommend to help you place the ad code in the middle of the content or any location you want in the post on blogspot. At the top or bottom of the article, the simple insertion and you may already know, this article focuses insert ads into a new spot that you want in your article.

»Begin tips

1. Log in to your Blogger
account 2. In the design (Design)
3. Choose to edit the HTML (HTML Edit)
4. Select expand widget templates (Expand Widget Templates)
5. Find the code below

<data:post.body/>

6. Change the code just to find code below

<div expr:id='"aim1" + data:post.id'> </ div> 
<div style="clear:both; margin:5px ;"> your ad code here 
</ div> 
<div expr: id = '"aim2" + data: post.id'> <data:post.body/> 
</ div> 
<script type="text/javascript"> 
var obj0 = document.getElementById ("aim1 <data: post.id /> "); 
var obj1 = document.getElementById ("aim2 <data:post.id/>"); 
var s = obj1.innerHTML; 
var r = s.search Forums (/ \ x3C! - ads - - \ x3E/igm); 
if (r> 0) {obj0.innerHTML = s.substr (0, r); obj1.innerHTML = s.substr (r +16);} 
</ script>

7. Save your template to display ads in the position you want in your post, when you post, please insert the code below into the position you want to display ads. When you insert the code below, it will be replaced by your ad in the position you insert it, you have to insert the correct code, you can display advertising is. And here's the code to insert into your post

<! - Ads ->

I wish you success!