Learning Computers and Internet

Showing posts with label Tips Tricks SEO. Show all posts

Home > Posts filed under Tips Tricks SEO

Make The Load Lighter Blog

<html>
<body>
<div id="container" style="font-family:calibri; font-size:16px;margin:justify;">
Generally we would want our blog to look pretty, at least we want to show that our blog is a reflection or representation of ourselves, navigation is cool, so it needs a lot of widgets. As I experienced, I wanted my blog gadgets like smartphones that have more features / amenities. But unfortunately that desire must be paid to the large size of my blog, and the length of time required for loading. Arising as a result, we will feel tired of waiting. So if the owner got bored especially our blog visitors. Automatic traffic levels on our blog will never go up. But if you use a domain and paid hosting it may not be problematic. But if we are still using a free platform from blogspot, should look pretty cool and should be considered carefully. Be your choice whether you still want to look pretty and cool but not sold, or simple but a lot of fans. (Yes obviously pretty cool and a lot of fans), if you want your blog to look pretty and a lot of visitors then my advice would just as soon buy a domain and hosting, but if your wallet is thin, try reading How Easy Tips For Make The Load Lighter Blog below but for its application as a way to keep up your SEO optimization.
 
<a href="http://ionebacero.blogspot.com/2013/01/optimization-to-seo-friendly-blog.html">How To SEO optimization a Blog</a>

<ol>
<li>Enable GZIP Compression with</li>
Modern browsers typically support compression for HTML, CSS and Javascript. Perform compression on three files that will save time loading pages and automatically would be a reduction in download time. The smart webmasters out there we strongly recommend using compressed with <a href="http://www.gzip.org/">gzip</a>. For techniques and tutorials Gzip not I attach here, please search on google .. have a lot. However, if you are using Blogspot platform just ignore this as the default compression blogspot itself already supports these techniques. For users of other plaform like WordPress, please use gzip compression or if not you should bother to use <a href="http://www.gzip.org/">Gzip</a> just use <a href="http://wordpress.org/extend/plugins/wp-super-cache/">WP Super Cache plugin</a>.

<li>Dispose of empty spacing in the HTML</li>
Removing empty Spaces as well as the compression technique, ie by compressing HTML, XML or PHP by removing spaces were deemed useless. One of them includes the Inline for Javascript and CSS code. By removing the empty space will certainly save many bytes of data and the impact will speed up the download process. To discard unnecessary spacing I usually use tools like <a href="http://notepad-plus-plus.org/download/v6.3.1.html">Notepad + + Editor</a>. It's easy, by blocking all the code you want spaces removed TextFX then select menu -> TextFX Edit and select Delete Delete Surplus Blank Lines or Blank Lines.

<li>Perform Compression CSS (stylesheet) </li>
CSS compression technique is actually quite simple, almost the same way as above, namely by removing unneeded space. Compacting CSS coding can also be intensified when downloading, parsing and execution time on a page. Please use the free tools that are widely available such as <a href="https://github.com/yui/yuicompressor/downloads">YUI Compressor</a> and <a href="http://www.phpied.com/cssmin-js/">cssmin.js</a>.

<li>Put the CSS (stylesheet) on Top</li>

Sometimes we do not put the CSS in the header, it usually means we use to create a single style to a particular style on the widget. The webmasters who are experts usually suggest we should call all the CSS code in the page HEAD CSS either Internal or External CSS should be the one calling all the headers.

<li>Remove CSS (stylesheet) unnecessary</li>
When the browser to access the page, usually have to go through the download process and analyze each line of code in the CSS (stylesheet) first, imagine if a lot gratuitous CSS code to be processed but not executed at all! This will be very annoying as it will hinder the process of rendering that should be faster!

<li>Check the Validate CSS (stylesheet) </li>
Despite frequent mistakes in writing CSS code, broser will not display any error messages on the screen, all executions will continue to run without any error report even though it was only a one in one letter only. Let's not ignore this error, please check validation.

<li>The combination of CSS (stylesheet) in the External File</li>
Disadvantages Internal CSS is only one measure of the swelling capacity (size) on the size of the page. Experienced webmasters should always advised us to call the CSS code with external access, if possible, even better do a combination of all the CSS code in just one file. (For blogger users ignore this technique because it would be great to internal calls)

<li>Perform Javascript Compression</li>
Javacsript compression technique similar to the CSS that is by removing unnecessary spaces. Compacting Javacript coding can also be intensified when downloading, parsing and execution time on a page. For simplicity we do the compression on javascript please use the free tools that are widely available as the <a href="https://github.com/yui/yuicompressor/downloads">YUI Compressor</a>, <a href="https://developers.google.com/closure/compiler/">Closure Compiler</a> and <a href="https://github.com/douglascrockford/JSMin">JSMin</a>

<li>Remove Javascript is not Need</li>
Like it or not the use javacript (JS) is sometimes very necessary, although JS sometimes makes loading pages will be heavier. When a browser accesses a page, usually have to go through the process of downloading and analyzing the code in JS first, imagine if a lot of JS calls in vain to be processed but not executed at all! Please go back and JS code which we think is not useful, check back and do not park too long, if it is not used effectively deleting it!

<li>The combination of Javascript in External File</li>
Almost the same is the case with the above CSS External, Internal javascript only one drawback is the size of the swelling capacity (size) on the size of the page. Experienced webmasters always suggesting we should do calls via external access, if possible, even better do a combination of all coding JS in just one file. (For blogger users should if possible dial through internal files only).

<li>Perform Image Optimization</li>
Dynamic websites without decorated picture would not attract sufficient, but excessive use of the image will be a problem when the browser to download the page. Should reduce unnecessary images, especially the images that have a large enough size. If it is forced to use it, you should do the optimization in the images by means of compression without compromising image quality. My suggestion please use <a href="http://www.smushit.com/ysmush.it/">Yahoo! Smush.it</a>

<li>Do not Scale Images in HTML Forced</li>
Avoid using large images just because we can set the width and height in HMTL, we are able to rearrange the images as you please with CSS or in <img> tag as in the following html <img width = "100" height = "100" src = "image.jpg" /> although the actual image size is 200x200px should not shrink by resetting scale images, it is better we make a 100x100px image according to the size of the actual image.

<li>Avoid Image SRC empty</li>
 Calling SRC tags to images common to two possibilities, either through HTML <img scr=""> or via Javascript var img = new Image (); img.src = ""; although browsers ignore this request if the image is empty, still it is through the process of rendering that should not overload the server. Please check back blank SRC, if it is not used effectively deleting it.

<li>Check Back Broken link</li>
Links are already dead would not like readers, let readers .. search engines do not like this though. Make checks broken links as often as possible, many tools on the internet that can perform this task, the best one could use the tools of the <a href="http://validator.w3.org/checklink">W3C Checklink</a>

<li>Remove widget or plugin not Need</li>
Widget is too much just makes the page so the more weight, especially the widget is not so useful. Please visit us again aggregated aggregated widgets maanfaat supposing nothing at all like clocks and calendars.
Use the widget if only you consider important.
Eg; Link / blogroll, Tag Cloud, Search, Labels, Archive Blog, Stats.
Logically, on every computer already provides such, clock, calendar.
Are supposing clock and calendar widget on your blog visitors expect?

<li>Keep content / blog content such as text. </li>
Reduce the use of images, both * jpg or * swf flash format excessive despite its size tends to be smaller.

<li>Wear script code that has important benefits only. </li>
For example: Google Analystic, etc..

<li>Visitors, most would rather not blog neat and untidy. </li>

<li>Thank you for reading Make The Load Lighter Blog to the end. For comments and questions please write and enter in the comment box below. Typists our representative will try to answer as they can. </li></ol>
</div>
</body>
</html>

Generally we would want our blog to look pretty, at least we want to show that our blog is a reflection or representation of ourselves, n...

Installing Rails Canonical

<html>
<body>
<div id="container" style="font-family:calibri; font-size:16px;margin:justify;">
Rel canonical is the addition of the code stored in the template blog that aims to prevent duplicate content, which revents absorption of pages with the same content in a different url address. rel canonical has a function similar to disabling the blog archive, without using the canonical Google search engine will find it hard to prioritize search results. 
To install the rails canonical on blogspot, the following steps: 
<ol>
<li>Login to your blogger dashboard then = >> = >> edit html design</li> 
<li>You find the following code <head> </li>
<li>Place the following code under the code <head></li> 
<link expr:href='data:blog.url' rel='canonical'/>

<li>Continue to save </li></ol>
Simple! 
Perhaps the mounting rails so seemingly simple canonical, unlike other Search Engine Optimization tricks 
are so complicated, but know that the rel canonical has quite a complicated explanation. 
If you do not want to know, it's not a problem, but it could not hurt anyway, in order to optimize SEO Friendly, we need to 
really master the subject-the subject matter is in SEO Optimization although it was limited to the understanding and 
knowing the term alone, the no we are not blind and haphazard in doing SEO optimization techniques. 
Below I will explain a little about the rel canonical, the extent of my knowledge were sampled from <a href="http://en.wikipedia.org/wiki/Canonical_link_element">wikipedia</a>. 
canonical rel canonical is an HTML element that helps webmasters to prevent duplicate content issues with determining the 
"canonical" or "preferred" version of a web page as part of search engine optimization.
Duplicate content is a term used in the field of search engine optimization to describe the content that appears more than one on a web page. Duplicate content can be a substantial part of the content within or domain and can be exactly duplicate. When multiple pages in the website contain the same, basically a search engine such as Google can penalize or stop the delivery of that site in the search results are relevant, because it is considered as spam. So the punishment was not due to duplicate content, but rather because of the spam.
Duplicate content is divided into two by type are:
<ul><li>Duplicate Content and Non Hazardous</li>
<li>Duplicate malicious content.</li></ul>
Non-hazardous types of duplicate content could include variations of the same page, such as the version 
optimized for HTML, mobile device, or printer-friendliness, or store items that can be displayed through several different 
URLs. Duplicate content problems can also arise when a site accessible under a subdomain, such as with or without the 
"www." or where the site fails to handle the trailing slash from the URL correctly.
Duplicate content refers to content that is harmful accidentally duplicated in an attempt to manipulate search results and 
get more traffic. This is known as search spam is to move the alias "301 redirect" Permanently is a method of dealing with 
duplicate content to drive users and search engine crawlers to a single version of the relevant content.
What Can You Do About Duplicate Content? 
To minimize the duplicat content we do these tricks that I took from <a href="http://webdesign.about.com/od/seo/a/duplicate-content-is-bad.htm">about.com</a> 
The first thing you should do is to avoid creating it in the first place. But once you have it, there are several things you can do to reduce the load on the search engines and help your site indexed better:
<ol><li>Use permanent redirect. 301 redirects tell the search engine spiders that the page has moved permanently, so that they will remove the old URL from their index and replaced it with a new one.</li>
<li>Use noindex on content syndication. Ask the people who use your syndicated content to include a noindex meta tag in your article so that duplicate content is not included in the search engine index.</li>
<li>Avoid repeating boilerplate copy. If you have a page that has a long string of copyright or other boilerplate 
information at the bottom, it is better to move the content to a separate page, and links to your content pages.</li>
<li>Extending the same content page. If you have a page that has very similar information - like travel sites with limited information about the city - you should add to your page to provide more information about this unique topic page. If you can not do that, you have to incorporate the same page together.</li>
<li>Provide more unique content. If you run an affiliate website, it can be tempting to just copy and paste the details of the product from stores, such as Amazon, to your page, but it does not add any value so that the search engine will only link to the original site instead. By providing unique content about your product, your site will avoid duplication site shop and get your pages rank better.</li>
<li>Use rel = canonical. It is the connection link that Google (and maybe some other search engines) are used to determine 
the version of the content item. This is a way to tell the search engines that the page is the parent page and any copies 
shall be subject to this one</li></ol>
But one important note to the bloggers actually, if you do not want to happen duplicate content, is to try to make his own writings, a lot of reading and learning to write, will keep us from the occurrence of duplicate content.
</div>
</body>
</html>

Rel canonical is the addition of the code stored in the template blog that aims to prevent duplicate content , which revents absorption ...

How to put meta keywords

<div id="container" style="background-color: #e4e4e4; font-family: calibri;">
<div style="font-family: calibri; font-size: 12pt;">
<div align="justify">
Meta Keywords: is the element or tag html / xhtml is created as an explanation of the content of the web page with a few words or phrases. current, which is used as the meta tag keywords have been restricted. As google is considered "spam" to the element by the number of keywords than 7 words. Meta keyword tag is a tool which helps search engines find and index web pages, search engines to find sites that match the keywords you enter. Keywords can be a single word or phrase. Keywords are placed in a special HTML tag called "meta tags."

<div align="justify">
Meanwhile, for some people, to do SEO optimization rely on keywords in the article to get to its Web pages listed in the search engines, keyword fact may not help at all. Many search engines include keywords in the text of a web page to establish relevancy. some search engines ignore the keywords meta tag all together.
Meta tag for keywords: 
<meta name="keywords" content="" />

<div align="justify">
Keywords installation is very simple , the keywords are placed in the "content" of the meta tag.
Every word, or phrase, separated by commas. Thus, the example would look like this:<div align="left">
<meta name="keywords" content="computers, blog, seo, tips & tricks" />

<div align="justify">
Meta is the element or tag in HTML or XHTML programming language that serves as a transmitter of metadata information from a web page. This meta element should be placed in the "head" in the HTML. This meta tag can also be used to express the description / caption of a web page and to explain the word (keyword) for metadata associated with another without the "head". In general, there are several kinds of meta tags with different functions. Some functions such as meta keywords and description.
Meta tag above is in XHTML format, which means that it should be "closed." with code "/" so it would look like this:
<div align="left">
<meta name="keywords" content="computers, blog, seo, tips & tricks" >

<div align="justify">
NOTE: The keyword list in this example is designed for searches on these terms:
computers, blog, seo, tips 
& tricks
"Spiking" or "loading" a keyword list with multiple entries, such as: 
<meta name="keywords" content="computers, blog, seo, 
tips and tricks, tips and tricks seo, tips and tricks blog, tips and tricks computers,computers" />

<div align="justify">
will not increase your chances of the pages listed in the search engines. now possibility that contains a list of keywords will cause the page to be ignored completely.
 
Meta tags all, including this one, go to the head of the document. it means
You can copy a piece of code with no problem, if you want. The example below
features all the basic code for a web page, except for the content viewer online
will see:
<head> 
<meta http-equiv="Content-Type" content="text/html; " /> 
<title>Untitled Document</title> 
<meta name="keywords" content="computers, blog, seo, tips and tricks" /> 
</head> 
<div align="justiffy">
NOTE: Although this code will appear in the browser, but there is no guarantee how well it will show up, but all have been tested and the results of this article as "how to put meta keywords".

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

Meta Keywords : is the element or tag html / xhtml is created as an explanation of the content of the web page with a few words or ph...

Create Title Tag for SEO

<html>
<body>

<div id="container" style="margin-right::4px; margin-left : 4px; background-color:#e5eecc;">
In a Website or Blog SEO Friendly least you should have a description of the contents of a web page, it already has one or more keywords that are considered relevant to the web page, because it is related to your targeted audience. It is a big mistake when we started making a website or blog do not have an idea about the title, description, and content of the blog that we will create. When we do not yet have an idea of the content of our blog, then your blog will not focus, we used keyword was so difficult to target. Logically when our blog have a wide range of keywords, then your blog SEO Friendly difficult to achieve, because it happens between blog title is difficult to fit the page header and title of our article. Our blog might be considered spam by the Google Search Engine because too many keywords that do not fit in the blog, because the order of google search engine in the search for a blog by blog title sequence or Title Tag (H1), Header (H2) and Article Titles (H3)
 
<a href="http://ionebacero.blogspot.com/2013/01/optimization-to-seo-friendly-blog.html">How To SEO optimization for Blog</a> 
Title tags and meta descriptions are very helpful search engine to identify a page on the website. Therefore, make the title and description of your website with a short, dense, and clearly capable of representing all the content in a web page. Title of a Blog or Website can be directly viewed on the browser tab,
<title>Trick SEO</title> 
<header>Trick SEO</header > 
<Article title>Trick SEO</Article title>

Ok, to make the title of our blog may have tag title sequence tag above, then make sure the Title Tag your blog as the following example:
<blockquote class="tr_bq">
<div style="color: #cc0000; text-align: justify;">
<title></div>
<div style="color: #cc0000; text-align: justify;">
<b:if cond='data:blog.homepageUrl == data:blog.url'></div>
<div style="color: #cc0000; text-align: justify;">
<data:blog.title/></div>
<div style="color: #cc0000; text-align: justify;">
<b:else/></div>
<div style="color: #cc0000; text-align: justify;">
<data:blog.pageName/></div>
<div style="color: #cc0000; text-align: justify;">
</b:if> </title></div>
</blockquote>
Steps to change your template please do the following:
<ul><li>Go to the menu TEMPLATE</li>
<li>Click the EDIT HTML</li>
<li>You will see a pop-up window, please click the CONTINUE</li>
<li>You will see a box containing the basic HTML of your blog</li>
<li>Use ctrl + f to find the code <title></li>
<li>Please check whether the code that resides between <title>and </title>
on your blog is the same as above? </li>
<li>If not please remove all the HTML code from <title>up </title>, and copy and paste the above code red as his successor. </li>
<li>Click SAVE to save your changes</li></ul>

while for meta description, can only be seen from the page source or by using a tool / plugin from a browser (eg SiteMetric).
<title> Your website title </title>
<meta content="This is a description of Yours Website" name="description">
Title and meta description on each page of your website is important, both from the point of view of people and search engines. Therefore, make it good for the search engines and keep it readable by humans. Title and meta description is one of the entrances to your website. Therefore, there are a few things you need to consider:
When someone searches for something through a search engine (Google, Yahoo, Bing, Yandex, etc.), the first of their type is the keywords, <a href="http://ionebacero.blogspot.com/2013/01/optimization-to-seo-friendly-blog.html">SEO optimization</a>, keyword should be placed in the first title which was then fitted with the placement of keywords in a brief description or description. Therefore, make sure the title and description are relevant to your website. The good and relevant title and description you make, the greater the potential for clicks (click through rate). It can be engineered to integrate keywords into the title and description is to include the keywords that you are aiming to be part of the title and description. limit the number of characters in the title their website. The challenge? of course! how can information clearly but with a limited number of characters. Title Number of characters typically about 60 characters, while around 155 character description. This is because search engine (Google) only show (snippets) about 60 character for Title and 155 for description.

</div>
 
</body>
</html>

In a Website or Blog SEO Friendly least you should have a description of the contents of a web page, it already has one or more keywo...

How to Create The Related Article with Thumbnails Vertical

<div align="justify">
The following post is a way to create the related article or related posts with Thumbnails Vertical, one of the requirements that must be done to make seo friendly template blog, is to install the related article,the linked article function is to create a link on the blog of our own, it affects to our blog favored by engine search, because search engines really like the blogs that have the interlink between articles in the blog itself. Another benefit is the use of related articles to help increase blog pageviews by continuing to offer the other articles to visitors of the blog because the linked article functions such as creating a blog article navigation and create link on the blog that allows readers to search for other articles that are nothing to do in the blog itself.
Related Articles How to Make Vertical With Thumbnail appear at the bottom of posts is easy enough to do the following procedures:</div>
<ul>
<li>Login to your blogger account</li>
<li>Open the menu and select EDIT HTML TEMPLATE</li>
<li>Check the EXPAND WIDGET TEMPLATE</li>
<li>Copy the code below and paste it right over the code </head></li>
</ul>
 
<code>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <style> #related_posts{} #related_posts h4{ border-top:1px solid #333;  border-bottom:1px solid #333;  color:#333;  font-size:14px;  letter-spacing:0;  line-height:20px;  margin:0 0 5px;  padding:5px 10px; background:#03C} #relpost_img_sum{/* height:320px; overflow:auto; */margin:0; padding:0px; line-height:16px} #relpost_img_sum:hover{background:none} #relpost_img_sum ul{list-style-type:none; margin:0; padding:0} #relpost_img_sum li{border:1px solid #ccc; background:#fff; margin:0 0 5px; padding:5px; height:65px; list-style:none} #relpost_img_sum .news-title{display:block; font-weight:bold !important} #relpost_img_sum .news-text{display:block; text-align:justify; font-weight:normal; text-transform:none; color:#333} #relpost_img_sum img{float:left; margin-right:5px; padding:4px; border:solid 1px #ccc; width:50px; height:50px; background:#fff} </style> <script type='text/javascript'>//<![CDATA[ var relnum = 0; var relmaxposts = 5; var numchars = 150; var morelink = "selengkapnya"; eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 4=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2 </code><code>k=0;k<6.E.3;k++){8(6.E[k].U==\'1o\'){5[n]=6.E[k].v;F}}n++}}s</code><code>V(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G=\'H-A 1u\'>";h+="<a v=\'"+5[r]+"\' U=\'1v\' I=\'J\' A=\'"+4[r]+"\'><1w 1x=\'"+b[r]+"\' /></a>";h+="<a v=\'"+5[r]+"\' I=\'J\'>"+4[r]+"</a>";h+="<17 G=\'H-18\'>"+9[r]+" ... <a v=\'"+5[r]+"\' I=\'J\'>"+1y+"</a><17 G=\'H-18\'>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}}',62,98,'||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnum|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxposts|li|span|text|split|join|relpostimgthum|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|relatpost|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{})) //]]></script> </b:if>
</code>
 
<ul>
<li>Now find the code <data:post.body/></li>
<li>Copy the code below and put it right under the <data:post.body/></li>
code
</ul>
 
<div style="background: #fff; height: 300px; overflow: auto; text-align: left; width: 540px;">
<code>
<b:if cond='data:blog.pageType == &quot;item&quot;'></code> 
<code><div id='related_posts' style='margin-top:35px;'> <h4 style='color:#ffffff; text-shadow:none; border-radius:5px; border:2px solid #ddd; background:#6fa8dc;'>Artikel Terkait</h4> <b:loop values='data:post.labels' var='label'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgthum&amp;max-results=50&quot;' type='text/javascript'/> </b:loop> <ul id='relpost_img_sum'> <script type='text/javascript'>relatpost();</script> </ul> </div> </b:if></code></div>
If more than one try just plug one by one. If no change, move to another <data:post.body/> code. Should start from the bottom <data:post.body/> code. 
How to Create Related Article or Create Related Posts with Thumbnails Vertical are also able to create a link on the blog above I took from www.trikmudahseo.blogspot.com/cara-membuat-artikel-terkait-vertikal-dengan-thumbnail.html because I am not a programmer, but way above the already I practice and work. If it does not work, usually only at the location placing code only.

Ok, thanks for stopping by at my blog. Hopefully this article can help you.

</div>
</body>
</html>

The following post is a way to create the related article or related posts with Thumbnails Vertical , one of the requirements that mus...

Installation Breadcrumb

<html>
<body>

<div id="container" style="padding:2px 2px 6px 6px;font-family:calibri;font-size:18px;">
Before I did not want to discuss the problem of making this breadcrumb, many posts about the manufacture and installation of breadcrumbs from the many bloggers who I think is better, however, when I started posting about Optimization SEO friendly, I think it should also post how to make breadcrumbs, because one engineering one blogger to google ranks first one is the installation of breadcrumbs on the blog in the category of On Page SEO
Either direct course, for those who wish to apply please refer to, but for those who have put breadcrumbs, leave a message, or try our discussions together, this trick I took from http://trikmudahseo.blogspot.com/2012/10/cara-membuat-breadcrumbs-pada-postingan.html, breadcrumbs installation steps as follows,
<ol style='text-margin:-20px;';><li>
Login to your blog account</li> 
<li>Choice Template Menu</li>
<li>Backup your Template for secure</li> 
<li>Klik EDIT HTML Button</li>
<li>tick Expand Widget Template</li>
<li>find the code ]]></b:skin</li>
<li>Put the code below just above the code ]]></b:skin </li></ol>

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

Then find code like us:

<b:includable id='main' var='top'>
Change the code with unders code

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &#187; <data:blog.pageName/></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a>
<b:loop values='data:post.labels' var='label'>
&#187; <a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a>
</b:loop>
&#187; <data:post.title/>
</div>
<b:else/>
<div class='breadcrumbs'><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &#187; Unlabelled &#187; <data:post.title/></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187; All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187; Posts filed under <data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Ok, then, save your template
</div>
 
</body>
</html>

Before I did not want to discuss the problem of making this breadcrumb , many posts about the manufacture and installation of breadcrum...

Dynamic Heading Creation

<html>
<body>

<div id="container" style="padding:2px 2px 6px 6px;text-align:justify;font-family:calibri;">
One of the steps that must be done in SEO On Page Optimization is by Creation Dynamic Heading.
But before we make Modifications Dynamic Heading, it helps us to know in advance what it is heading,and what is Dynamic Heading in order to make modifications when we know why we need to modify the heading, lest our efforts when we think the effort that requires a hefty drain time and mind will be wasted in vain, because we do not know what the benefits of the business we have done it. However, if you already know what it is Dynamic Heading, go to Making Dynamic Heading manner following.
Trick is changing <h1> tag for post title. To avoid duplicate tag <h1> blog on the homepage, there is a trick to manipulate the tag <h1> so on homepage, blog title remains as <h1> heading tags and post title as the heading tag <h2> while in the posting title of the article will fill <h1> heading tags replace the blog title, this is called dynamic heading tags
Here's how to use dynamic heading tag:
<ol><li>Login to your blogger</li>
<li>Choose a menu template in the left sidebar</li>
<li>To anticipate things that are not cool backup your blog template</li>
<li>Click the Template >> Edit HTML >> Proceed</li>
<li>Put a check in the box Expand widgets templates</li>
<li>Find the code below </li></ol>

<h1class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></h1>
Replace with the following code
<b:if cond='data:blog.pageType !=&quot;item&quot;'><h1 class='title' style='background:transparent; border-width: 0px'>
<b:include name='title'/></h1><b:else/><b:include name='title'/></b:if>
Find the code below 

<h1class='title'>
<b:include name='title'/>
</h1>
Replace with the following code
<b:if cond='data:blog.pageType !=
&quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>

<b:include name='title'/>

</b:if>
Then look up the code like this
<b:if 
cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a

expr:href='data:post.url'><data:post.title/><
/a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Replace with the following code
<b:if

cond='data:blog.pageType !=

&quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a

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

;/a>
<b:else/>
<b:if cond='data:post.url'>
<a

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

/a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a

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

;/a>
<b:else/>
<b:if cond='data:post.url'>
<a

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

/a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
So save the template you wish to use heading tags dynamic tricks can help make your blog visitors increased.
</div>
 </body>
</html>

One of the steps that must be done in SEO On Page Optimization is by Creation Dynamic Heading. But before we make Modifications Dynam...

Optimization to SEO Friendly Blog

<html>
<body>

<div id="container" style="font-family:calibri; font-size:16px;">
All Blogger blogs will want perched at the top of the Search Engines, Whether it's on Google, Yahoo, Bing or others, especially Google because Google is still a best search engines, Search engines are the most widely used of people when looking for something on the internet.
With comes out first, or at least on the first page, the opportunity to open another blog grew, so make blogs have traffic or high traffic, high-level visits are automatically able to increase revenue dollars if the blog was registered in advertising programs like Adsense, Infolink and the others, because we are paying Adsense is also one with the traffic, not necessarily with a click.
Or at least we can post more readable to others, so long as you are is probably not very well known to others, the blog posts will make us famous artists like least in the world of bloggers.
Well if you want us to blog tops the list, first thing to do is to seek for your blog to be a blog that is SEO Friendly, ie blogs favored by search engines. What is "SEO", SEO stands for Search Engine Optimation.
Fatherly makes blogs SEO Friendly, there are two steps to do that:

<ol><li>SEO On Page Optimization,</li>

SEO Optimization by changing or adding some settings and templates to be more favored blog Search Engine. So Optimation SEO On Page, an optimization step is mostly done on the blog itself. Properly store, you have to make your store is nice to visit, Google's indexing a blog about the same as a man who had been in a shop, well-ordered items, bright light, linger in the store. For how to google indexing a blog here.
<li>Off Page SEO optimization,</li>Blog optimization beyond the blog itself, a lot of promotion, in social networks, blogwalking, register your blog feed sites.</li></ol>
On Page SEO Optimization
For step-by-step SEO On Page Optimization, you should read the tricks-tricks optimization SEO friendly blog below, at least the tricks below are some SEO optimization tricks I've done for my blog, in addition to tricks-tricks from other blogs that may be more telling.
I assume that you have established with your blog template, so you just do SEO on Page optimization only on your template.
Tricks Optimization SEO friendly blog below include:
<ul><li><a href="http://ionebacero.blogspot.com/2013/02/dynamic-heading-creation.html">Making Dynamic Heading</a></li></ul> 
<ul><li>Installation breadcrumbs</li>
<li><a href="http://ionebacero.blogspot.com/2013/02/how-to-create-related-articleposts-with.html">Making Related Articles</a></li>
<li><a href="http://ionebacero.blogspot.com/2013/02/create-title-tag.html">Installation Title Tag</a> and Meta Description</li>
<li><a href="http://ionebacero.blogspot.com/2013/03/how-to-put-meta-keywords.html">Installing the Meta Keyword</a></li>
<li>Disable Settings Arcive</li>
<li><a href="http://ionebacero.blogspot.com/2013/04/installing-rails-canonical.html">Installing Rails Conical</a></li>
<li><a href="http://ionebacero.blogspot.com/2013/04/make-load-lighter-blog.html">Pursue a mild Blog</a></li>
<li>Registering your blog to Google Webmaster Tools and Google Analytic</li>
<li>Making your blog Sitemap</li></ul>

While it's a good template criteria in the eyes of search engine robots:
<ul><li>The article on the left and sidebar on the right side</li>
<li>The most emphasized were tagging H1, thus the title of the blog homepage should be tagging h1, whereas in fact the title of the article page articles that were tagging h1.</li>
<li>Title tag on article pages should display the title of the article first.</li>
<li>Have breadcrumbs to help search engines recognize blogs structures</li>
<li>Comments were maintained nofollow</li>
<li>Loading should be fast</li>
<li>Using appropriate microdata and microformat tagging search engine rules</li></ul>
In addition to "benefits" of free blog templates modif result is not reduced, be aware to avoid the things below:
 1. Avoid the use of flash element
 2. Avoid the use of iframes and frames as shoutbox on the sidebar, if you want to use the shoutbox Generate a separate page
 3. Do not put broken links, or links to bad neighbors
 
SEO Off Page Optimization
If your blogspot template is SEO friendly, then what else should you do? Try to do the following things:
If you can try to make a quality article
Each insert image use the ALT tag.
Bold important words of your article
Do not forget to set the meta description of article when typing a new article
Finally, 
DO NOT FORGET TO LOOK BackLink AND PROMOTION BLOG and FORUM ON SOCIAL NETWORK ONLINE

Ok Meanwhile it first, because new Optimization SEO Friendly Blog so this is what I know, if there will be extra, I will update again. If you have a surefire tricks that may contrast with SEO optimization tricks, please comment and notice, because I still newby. thank you
</div>
</body>
</html>

All Blogger blogs will want perched at the top of the Search Engines , Whether it's on Google , Yahoo , Bing or others, especially...