Cara Membuat Blog Valid XHTML


Cara Membuat Template Blog Valid XHTML


Template Blog Valid XHTML berpengaruh besar dengan SEO blog kita.

 Kunjungi Validator W3C  untuk menetahui  Error dan warning blog

To the point:

-Login ke Blogger.

-Masuk pada Edit HTML, jangan lupa Centang "Expand template".

-Cari Kode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Dan ganti dengan Kode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

-Cari lagi Kode

<b:skin><![CDATA[/*

--------------------------

Blogger Template Style Olala

Name : NN

Updated by: Blogger Team

------------------------- */

Dan Hapus tanda (-----) Sehingga hasilnya seperti  ini:

<b:skin><![CDATA[/*

Blogger Template Style Olala

Name : NN

Updated by: Blogger Team

*/

-Hapus semua Kode  <b:include name='quickedit'/>  utk tidak menampilkan Icon Tang dan Obeng dan kalau menambahkan Widget baru maka kode tersebut akan muncul kambali, dan jangan lupa untuk menghapusnya lagi.

-Hapus kode  <b:include data='blog' name='all-head-content'/>  Untuk menghilangkan photo Profil pada komentar blog dan ganti dengan Kode di bawah ini lalu buat keterangan sesuai dengan Blog mu pada kata yg bertulis merah!!!

<meta content='true' name='MSSmartTagsPreventParsing'/>

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

<link expr:href='data:blog.url' rel='canonical'/>

<link href='http://www.blogger.com/profile/Id Profile Blog Kamu' rel='me'/>

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>

<link href='http://www.blogger.com/rsd.g?blogID=Id Profile Blog Kamu' rel='EditURI' title='RSD' type='application/rsd xml'/>

<link href='http://www.blogger.com/feeds/Id Profile Blog Kamu/posts/default' rel='service.post' title='Nama Blog Kamu - Atom' type='application/atom+xml'/>

<link href='http://NamaBlog.blogspot.com/feeds/posts/default' rel='alternate' title='Nama Blog Kamu - Atom' type='application/atom+xml'/>

-Cari kode </head> dan letakkan Kode <!-- <body><div></div> --> di bawah </head>.

-Cari kode  <Meta Content="INDEX, FOLLOW" name="Robots"> Dan ganti dengan Kode  <meta content="index, follow" name="robots">

-Tambahkan Jenis type="text/javascript" pada semua Kode JavaScript yang ada pada template atau Widget Blog. Contoh : <script type="text/javascript" src="http://b-l-o-g.googlecode.com/files/Script-Label.js"></script>

-Cari kode ini : <b:include name='nextprev'/> Lalu kamu Ganti dengan Kode di bawah ini.

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:include name='nextprev'/>

</b:if>

untuk menyembunyikan Page Navigation di Halaman Utama Blog.

Dan masih ada lagi kode yang di cari mungkin tidak ketemu pada kebanyakan Template, juga tidak menjamin kalau Blog bisa Valid 100%

Baca Juga Cara membuat auto readmore

Tambahkan/Uji Peta Situs

Peta Situs
Tambahkan/Uji Peta Situs

  1. Pastikan anda sudah memiliki akun di .
  2. Masuk ke akun milik anda.
  3. Klik pada nama blog yang sudah anda daftarkan sebelumnya
  4. Pada “Site Configuration”. Klik “SITEMAP”
  5. Klik “Submit a Sitemap”
  6. Lalu akan diminta untuk men-submit sitemap blog anda ke dalam box. Kode inilah yang kelak akan anda masukkan di sana :
Masukkan kode berikut ini :

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

/atom.xml?redirect=false&start-index=1001&max-results=1500
/atom.xml?redirect=false&start-index=501&max-results=1000
/atom.xml?redirect=false

/feeds/posts/default

/feeds/posts/default?max-results=9999&amp;amp;alt=json-in-script&amp;amp;callback=loadtoc
    
/feeds/posts/default?orderby=updated


Ba

Cara Pasang meta tag blog seo friendly

Meta Tag
Cara Pasang meta tag blog seo friendly
>Login ke Blogger dengan Akun sobat.
>Masuk ke Rancangan > Edit HTML. Centang "Expand Widget Template".
>Cari kode ; <b:include data='blog' name='all-head-content'/> lalu hapus kode di bawahnya sampai di atas kode ; <b:skin><![CDATA[
>Setelah itu Copy-paste kode di bawah ini di bawah kode ;


<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='Rattling Impressive Diamond' name='DESCRIPTION'/>
<meta content='Jewelery,Diamond,Diamond Store' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='http://diamondssstore.blogspot.com/' name='author'/>
<meta content='Diamond Store' name='copyright'/>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='global' name='Distribution'/>
<meta content='global' name='target'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Scooter'/>
<meta content='ALL' name='spiders'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='never' name='Expires'/>




>Lihat dulu Template, kalau tidak ada masalah baru save



Baca Juga

Cara Pasang SEO Smart Link

SEO
Cara Pasang SEO Smart Link
 *Login ke Blogger
 *Klik Rancangan Lalu ke Edit HTML.
 *Cari kode </body>, Tekan Ctrl + F pada Keyboard untuk mempercepat.
 *Copy Paste Script Berikut ini tepat di Atas kode </body>.


    <b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>
    function autoLink(){
        this.keywdHref = new Object();
        this.add = function(keyword, href){
            if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
            this.keywdHref[keyword] =  href;
        }
        this.createAnchor = function(){
            var objs = document.getElementsByTagName(&quot;div&quot;);
            for(var i=0; i&lt;objs.length; i++){
                var obj = objs[i];
                if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
                    var content = obj.innerHTML;
                    for(var keyword in this.keywdHref){
                        var href = this.keywdHref[keyword];
                        var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
                        obj.innerHTML = newstr;
                        content = newstr;
                    }
                }
            }
        }
        this.startScript = function(){
            var onLoad = window.onload;
            window.onload = function(){
                if(onLoad){onLoad();}
                setTimeout(&quot;f.createAnchor()&quot;, 100);
            }
        }
    }
    </script>
    <script type='text/javascript'>
    var f = new autoLink();
    f.add(&quot;Semoga Bermanfaat&quot;, &quot;http://tothepointtopoint.blogspot.com/&quot;);
    f.startScript();
    </script></b:if>


*Setelah Selesai, Lihat dulu baru Simpan Template.

* Pada kata Semoga Bermanfaat, Ganti dengan Kata Kunci yang di Pilih.
* Pada URL http://tothepointtopoint.blogspot.com/, Ganti dengan URL yang dituju.

Baca Juga
Cara Pasang meta tag blog seo friendly

Cara menghilangkan navigasi bar


Cara menghilangkan navigasi bar

Copas kode ini dibawah kode <head>

#navbar-iframe {
display: none !important;
}



Sehingga seperti ini

*/-----------------------------------------------
Blogger Template Style
Name:     Awesome Inc.
Designer: Tina Chen
URL:      tinachen.org
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}

Cara Membuat Permalink Gaya To The Point

Permalink

Cara Membuat Permalink

Cara Membuatnya:
Letakkan kode dibawah ini diatas ]]></b:skin>

/* Permalink
    ----------------------------------------------- */
    .buatpermalinkblogger{
      border: 1px solid #77ccee;
      padding: 5px;
      background: #77ccee;-moz-border-radius:5px;
    }


    .buatpermalinkblogger a{
      background:none;
    }


    img.float-right {
      margin: 5px 0px 0 10px;
    }


    img.float-left {
      margin: 5px 10px 0 0px;
    }


Kemudian Tambahkan kode ini dibawah kode <data:post.body/> yang kedua dan </b:if> yang kedua






<div class='buatpermalinkblogger'>
    <center><small>Semoga artikel ini <u><b><a expr:href='data:post.url'><data:post.title/></a></b></u> berguna bagi anda dan silahkan menyalin artikel ini tanpa memasukkan link di bawah ini sebagai sumber juga tidak apa-apa.
    <br/><strong><data:post.url/></strong><br/>
    </small></center>
    <textarea cols='65' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>
    <a expr:href='data:post.url'><data:blog.pageName/></a></textarea>


    <!-- Facebook Button BEGIN -->
    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>
    <!-- Twitter Button END -->


    <!-- Twitter Button BEGIN -->
    <a class='twitter-share-button' data-via='Yan Prawibawa' href='https://twitter.com/share'>Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
    <!-- Twitter Button END -->


    <!-- Google+ Button BEGIN -->
    <g:plusone annotation='inline' size='medium'/>
    <script type='text/javascript'>
      (function() {
        var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
        po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
        var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
      })();
    </script>
    <!-- Google+ Button END -->
    </div>

Preview
Kalau sudah bisa baru di save

Baca Juga Cara menghilangkan navigasi bar

Cara membuat auto readmore

auto readmore 
Cara membuat auto readmore

Login ke Blogger.
Masuk pada Edit HTML, jangan lupa Centang "Expand template".
Cari Kode </head>

Kemudian letakan script dibawah ini di atas kode </head>

 <script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>



Cari Kode <data:post.body/>
Ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>




Baca Juga Cara Membuat Permalink