Buat Related Posts ( Artikel Terkait ) :
1. Login ke blogger.com atau draft.blogger.com
2. Klik Design, klik Edit HTML
3. Klik Expand Template Widget
4. Copy kode dibawah ini dan paste tepat dibawah kode
<p>data:post.body/><P>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h1>Related Posts</h1><br/>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
bisa mengganti mengganti tulisan Related Posts pada kode diatas dengan kata-kata yang kamu inginkan. Contoh : "Artikel yang berkaitan"
Page Title
Modifikasi Template Blogspot Agar SEO Friendly Page TitleJudul halaman standar untuk single post pada Blogger adalah BLOG TITLE : POST TITLE. Anda dapat meningkatkan SEO dengan merubahnya menjadi POST TITLE | BLOG TITLE. Cari kode dibawah ini di Template Anda :
<title><data:blog.pageTitle/></title>
Setelah ketemu, gantilah kode diatas dengan kode dibawah ini
<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title></b:if>
Jika perlu, tambahkan keyword ke judul homepage. Contohnya :
<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/> | TV Episode Guide | TV Show Info</title> </b:if>
Meta Keyword dan Meta Description
Meta Descriptions Meta Keywords
Beberapa pakar blogger memberikan penjelasan dan panduan bagaimana bikin meta keyword dan meta description. Jika belum menambahkan meta keyword dan meta description di blog A, silahkan letakkan kode dibawah ini tepat diatas kode <b:skin><![CDATA[/*
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name='description' content='Deskripsi Blog Anda'/>
<meta name='keywords' content='Keyword1, Keyword2, Keyword3, dst' /> </b:if>
Contohnya :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name='description' content='SeasonEpisode TV News - TV Episode Guide' />
<meta name='keywords' content='tv news, season episode, episode guide, tv listing' /></b:if>
Heading
Tag heading juga sangat penting untuk SEO. Tag heading pada blogspot biasanya memakai tag H2 atau H3. Untuk meningkatkan SEO, Anda harus menggunakan Tag H1 untuk judul posting. Cari kode berikut di HTML kode template blog Anda :
<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>
Ganti kode tag H3 diatas menjadi H1, sehingga hasilnya seperti dibawah ini :
<b:if cond='data:post.title'>
<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>
Tambahkan juga kode ini dibawah ini untuk mengubah ukuran font posting, tepatnya sebelum kode ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
buat Navigasi Breadcrumb adalah navigasi yang berfungsi sebagai 'user interface'. Breadcrumb memungkinkan pengunjung untuk tetap dapat mengetahui lokasi halaman dalam sebuah blog yang sedang mereka baca.
biasanya breadcrumb berbentuk hierarki yang menjelaskan posisi dan keberadaan sebuah artikel didalam blog. Struktur dasar breadcrumb terdiri dari Halaman depan, Label/Kategori dan Isi artikel, serta dipisahkan oleh tanda >> atau tanda >. Struktur sebuah breadcrumb dapat dilihat seperti berikut :
Halaman depan >> Label/Kategori >> Isi Artikel. Atau
Halaman depan > Label/Kategori > Isi Artikel
Pada bagian Halaman depan dan Label akan diberi link yang berfungsi sebagai tombol kembali sehingga dapat mempermudah untuk memilih Artikel yang lain.
Cara membuat breadcrumb
Klik Design
Klik Edit HTML
Klik Expand Widget Templates
Copy kode CSS dibawah ini diatas kode ]]></b:skin>
#breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:10px;
line-height: 1.4em;
border-bottom:1px dotted #CCCCCC;
}
Cari Kode <div class='post hentry uncustomized-post-template'> kemudian paste kode dibawah ini diatasnya.
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse > <a expr:href='data:blog.homepageUrl'>Home</a> > <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> > <data:post.title/></div> </b:if> </b:if>
Matikan setting archive ( arsip )
Google sangat benci dengan namanya duplicate content. ketika kita mengaktifkan opsi arsip, seperti ini misalnya:
Anda membuat sebuah blog di blogger.com. lalu bikin 3 posting, 1 buah tiap hari. Maka di halaman utama atau homepage akan ada 3 post dan sebuah link arsip kaya gini, http://BLOG-ANDA.blogspot.com/2011/03/1/rchive.html, pada halaman arsip tersebut akan muncul 3 posting yang sama dengan yang di munculkan oleh homepage.
Intinya, 2 buah link yang menuju 2 halaman yang beda tapi punya konten yang sama. Bagi search engine apa lagi google ini merupakan masalah serius. karenanya kita sebaiknya me-non-aktifkan opsi arsip, caranya : login klik tab setting >> Archiving >> pada bagian Archiving frequency ubah menjadi no archive. >> selesai simpan setting.
Atau jika tidak ingin menonaktifkan fungsi arsip, silahkan letakkan kode berikut dibawah kode <head> :
<b:if cond='data:blog.pageType == "archive"'><meta content='noindex' name='robots'/></b:if>
Menambahkan kode ‘rel=canonical’
Fungsi dari menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena google sangat tidak dapat mentolerir sebuah duplicate content ( * buat yang kerjanya Cuma ngopas hati-hati sebelum didepak dari gugel..awas pendepakan bukan terjasi hanya karena ada niat dari mbah google tetapi juga karena ada yg ngopas,waspadalah-waspadalah*). editlah htmlnya dan tambahkan kode berikut setelah kode <head>
<link expr:href='data:blog.url' rel='canonical'/>
Save template dan selesai
Pasang Facebook Like dan twetter atau jejaring sosial lainnya di tiap posting blog agar blog kita lebih terkenal, tips berikut ini dengan contoh seperti di
1. login ke Blogger
2. pilih Rancangan kemudian jangan lupa klik Edit html
3. pada kotak centang expand widget
4. kemudian cari kode ini <div class='post-header-line-1'/> kalo tidak ketemu bisa juga cari kode ini <data:post.body/>
5. untuk kode <div class='post-header-line-1'/> kode script letakan diatasnya sedangkan bila menggunakan <data:post.body/> letakan setelahnya.
Nich kode scriptnya :
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ebcec7b0e99b27e"></script>
<!-- AddThis Button END -->
lalu save template,dan jadi deh...!
1. Login ke blogger.com atau draft.blogger.com
2. Klik Design, klik Edit HTML
3. Klik Expand Template Widget
4. Copy kode dibawah ini dan paste tepat dibawah kode
<p>data:post.body/><P>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h1>Related Posts</h1><br/>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
bisa mengganti mengganti tulisan Related Posts pada kode diatas dengan kata-kata yang kamu inginkan. Contoh : "Artikel yang berkaitan"
Page Title
Modifikasi Template Blogspot Agar SEO Friendly Page TitleJudul halaman standar untuk single post pada Blogger adalah BLOG TITLE : POST TITLE. Anda dapat meningkatkan SEO dengan merubahnya menjadi POST TITLE | BLOG TITLE. Cari kode dibawah ini di Template Anda :
<title><data:blog.pageTitle/></title>
Setelah ketemu, gantilah kode diatas dengan kode dibawah ini
<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title></b:if>
Jika perlu, tambahkan keyword ke judul homepage. Contohnya :
<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/> | TV Episode Guide | TV Show Info</title> </b:if>
Meta Keyword dan Meta Description
Meta Descriptions Meta Keywords
Beberapa pakar blogger memberikan penjelasan dan panduan bagaimana bikin meta keyword dan meta description. Jika belum menambahkan meta keyword dan meta description di blog A, silahkan letakkan kode dibawah ini tepat diatas kode <b:skin><![CDATA[/*
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name='description' content='Deskripsi Blog Anda'/>
<meta name='keywords' content='Keyword1, Keyword2, Keyword3, dst' /> </b:if>
Contohnya :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name='description' content='SeasonEpisode TV News - TV Episode Guide' />
<meta name='keywords' content='tv news, season episode, episode guide, tv listing' /></b:if>
Heading
Tag heading juga sangat penting untuk SEO. Tag heading pada blogspot biasanya memakai tag H2 atau H3. Untuk meningkatkan SEO, Anda harus menggunakan Tag H1 untuk judul posting. Cari kode berikut di HTML kode template blog Anda :
<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>
Ganti kode tag H3 diatas menjadi H1, sehingga hasilnya seperti dibawah ini :
<b:if cond='data:post.title'>
<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>
Tambahkan juga kode ini dibawah ini untuk mengubah ukuran font posting, tepatnya sebelum kode ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
buat Navigasi Breadcrumb adalah navigasi yang berfungsi sebagai 'user interface'. Breadcrumb memungkinkan pengunjung untuk tetap dapat mengetahui lokasi halaman dalam sebuah blog yang sedang mereka baca.
biasanya breadcrumb berbentuk hierarki yang menjelaskan posisi dan keberadaan sebuah artikel didalam blog. Struktur dasar breadcrumb terdiri dari Halaman depan, Label/Kategori dan Isi artikel, serta dipisahkan oleh tanda >> atau tanda >. Struktur sebuah breadcrumb dapat dilihat seperti berikut :
Halaman depan >> Label/Kategori >> Isi Artikel. Atau
Halaman depan > Label/Kategori > Isi Artikel
Pada bagian Halaman depan dan Label akan diberi link yang berfungsi sebagai tombol kembali sehingga dapat mempermudah untuk memilih Artikel yang lain.
Cara membuat breadcrumb
Klik Design
Klik Edit HTML
Klik Expand Widget Templates
Copy kode CSS dibawah ini diatas kode ]]></b:skin>
#breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:10px;
line-height: 1.4em;
border-bottom:1px dotted #CCCCCC;
}
Cari Kode <div class='post hentry uncustomized-post-template'> kemudian paste kode dibawah ini diatasnya.
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse > <a expr:href='data:blog.homepageUrl'>Home</a> > <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> > <data:post.title/></div> </b:if> </b:if>
Matikan setting archive ( arsip )
Google sangat benci dengan namanya duplicate content. ketika kita mengaktifkan opsi arsip, seperti ini misalnya:
Anda membuat sebuah blog di blogger.com. lalu bikin 3 posting, 1 buah tiap hari. Maka di halaman utama atau homepage akan ada 3 post dan sebuah link arsip kaya gini, http://BLOG-ANDA.blogspot.com/2011/03/1/rchive.html, pada halaman arsip tersebut akan muncul 3 posting yang sama dengan yang di munculkan oleh homepage.
Intinya, 2 buah link yang menuju 2 halaman yang beda tapi punya konten yang sama. Bagi search engine apa lagi google ini merupakan masalah serius. karenanya kita sebaiknya me-non-aktifkan opsi arsip, caranya : login klik tab setting >> Archiving >> pada bagian Archiving frequency ubah menjadi no archive. >> selesai simpan setting.
Atau jika tidak ingin menonaktifkan fungsi arsip, silahkan letakkan kode berikut dibawah kode <head> :
<b:if cond='data:blog.pageType == "archive"'><meta content='noindex' name='robots'/></b:if>
Menambahkan kode ‘rel=canonical’
Fungsi dari menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena google sangat tidak dapat mentolerir sebuah duplicate content ( * buat yang kerjanya Cuma ngopas hati-hati sebelum didepak dari gugel..awas pendepakan bukan terjasi hanya karena ada niat dari mbah google tetapi juga karena ada yg ngopas,waspadalah-waspadalah*). editlah htmlnya dan tambahkan kode berikut setelah kode <head>
<link expr:href='data:blog.url' rel='canonical'/>
Save template dan selesai
Pasang Facebook Like dan twetter atau jejaring sosial lainnya di tiap posting blog agar blog kita lebih terkenal, tips berikut ini dengan contoh seperti di
1. login ke Blogger
2. pilih Rancangan kemudian jangan lupa klik Edit html
3. pada kotak centang expand widget
4. kemudian cari kode ini <div class='post-header-line-1'/> kalo tidak ketemu bisa juga cari kode ini <data:post.body/>
5. untuk kode <div class='post-header-line-1'/> kode script letakan diatasnya sedangkan bila menggunakan <data:post.body/> letakan setelahnya.
Nich kode scriptnya :
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ebcec7b0e99b27e"></script>
<!-- AddThis Button END -->
lalu save template,dan jadi deh...!