Membuat Breadcrumb blogspot menggunakan RDF breadcrumb Markup

Cara atau membuat Breadcrumb di blog untuk blogspot menggunakan RDF breadcrumb Markup yang akan menampilkan breadcrumb di google search

1. Cari code berikut: (bila ada dua letakan di kode ke dua)

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

2. Letakan kode berikut  diatas nya :


<b:includable id='breadcrumb' var='posts'>

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

<b:if cond='data:blog.pageType == "static_page"'>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>

<b:else/>

<b:if cond='data:blog.pageType == "item"'>

<!-- breadcrumb for the post page -->

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

<b:if cond='data:post.labels'>

<div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">

<span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>

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

<b:if cond='data:label.isLast == "true"'>

 » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
</b:if>
</b:loop>
 » <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
3.Kemudian cari kode berikut lagi: (bila ada dua letakan di kode kedua)

  <b:include data='top' name='status-message'/>


4. Letakan kode berikut diatas nya :

<b:include data='posts' name='breadcrumb'/>

Bila ingin menampilkan semua label di breadcrumb maka hapus 2 kode yang di warnai kuning diatas

contoh: seperti diatas

Membuat ARTIKEL TERKAIT / RELATED ARTICLE / POST TERKAIT

 Membuat ARTIKEL TERKAIT / RELATED ARTICLE / POST TERKAIT di blog
Langsung aja caranya :
1. Cari kode <data:post.body/>
2 Letakan kode berikut tepat di bawah <data:post.body/>:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 9999;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

contoh hasil seperti di bawah

Gambar Profile Google+ Plus di Search Engine dan Postingan

Menampilkan Author serta Gambar Profile Google+ Plus di Search Engine dan Postingan blogspot, caranya yang pasti harus mempunyai akun di plus.google.com. Nah yang kita perlu kan dari profile Google+ adalah id nya. Id google plus ada 21 (dua puluh satu) character seperti ini https://plus.google.com/108952955773781933534 jadi id tersebut yang menjadi link ke profile blog kita.

Asumsi anda sudah memiliki acount Google+
Pertama cari code seperti di bawah, tapi jangan lupa expand widget terlebih dahulu:

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>

Ganti code yang di highligt merah dengan code di bawah

<span class='fn'><a href='https://plus.google.com/108952955773781933534?' rel='author'>

 <img height='25' src='//lh3.googleusercontent.com/-frsiJDBY_n8/AAAAAAAAAAI/AAAAAAAAAAA/gK3f9LuhB1g/s49-c/photo.jpg' width='25'/><a/>  <data:post.author/></a> </span>

untuk url image yang warnai kuning diambil dari alamat url gambar account profile di google plus kita atau gambar lainya.

 Cek apa kah berhasil terhubung dengan google+ profile kita bisa liat di http://www.google.com/webmasters/tools/richsnippets

untuk seacrh engine seharus nya seperti ini :

untuk search engine hasil nya tunggu googlebot mengrcrawl blog dan merefresh cache blog anda di search engine.

untuk blog hasilnya akan seperti di bawah postingan ini.

Membetulkan (Fix) Dua Posting di template Blogspot

Membetulkan (Fix) Dua Posting di template Blogspot. Beberapa hari yang lalu coba-coba edit template biar SEO Friendly. Bukan nya jadi bagus malah pos tingan muncul di halaman utama ada dua postingan. Ini akibat mencoba  post label sebagai sebagai meta keyword (Use Post Labels as Meta Keywords). 

Scritp post labels as Meta Keyword :

<!--::::::::::: Block1: Output post meta keywords --> <b:if cond='data:blog.pageType == "item"'> <b:section id='meta1' showaddelement='no'> <!-- widget must be a of Type = 'blog' to have posts data exposed, and must have a unique id --> <!-- Empty Includables(functions) to output nothing, You must keep them ): --> <b:widget id='Blog2' locked='no' type='Blog'> <b:includable id='nextprev'/> <b:includable id='backlinks' var='post'/> <b:includable id='post' var='post' /> <b:includable id='status-message'/> <b:includable id='comment-form' var='post'/> <b:includable id='backlinkDeleteIcon' var='backlink'/> <b:includable id='postQuickEdit' var='post'/> <b:includable id='commentDeleteIcon' var='comment'/> <b:includable id='feedLinks'/> <b:includable id='feedLinksBody' var='links'/> <b:includable id='comments' var='post'/> <b:includable id='main' var='top'><!-- Main Function of Any widget comes with ID 'main' --> <!-- Loop Page Posts (only 1 in a post page )--> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <!-- If the post has labels, make Meta keywords by looping lables --> <meta name="keywords" content="<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop>" /> </b:if> </b:loop> </b:includable> </b:widget> </b:section> </b:if> <!--::::::::::: Block1 END --> <head> <!-- THE HEAD --> <!-- must include(called) here to output other head sub elements --> <b:include data='blog' name='all-head-content'/> <!--::::::::::: Block2: Output Index Title,keywords,decription and Post Title,description --> <!-- Post/Archive Page --> <b:if cond='data:blog.pageType != "index"'> <title><data:blog.pageName/></title> <meta name='description' expr:content='data:blog.pageName' /> <!-- Index Page --> <b:else/> <title><data:blog.pageTitle/></title> <meta name='keywords' content='your,blog,keywords!!' /> <meta name='description' content='your blog description!!' /> </b:if> <!--::::::::::: Block2 END -->

script diatas membuat body postingan untuk di buat menjadi meta keyword tapi karena salah menggunakan nya maka postingan menjadi dua. Pengalaman saya maka postingan nya muncul di atas dan di bawah blog. Saya coba untuk mengganti template backup gak bisa juga tapi tetap ada dua postingan di halaman utama blog. Saya coba ganti pake template bawaan dari blogspot hasil nya sama saja.

Saya coba tanya sama om google , di kasih jawaban untuk menghapus  <b:widget id='Blog2' locked='no' type='Blog'> di template. Jumpa dengan script <b:widget id='Blog2' locked='false' type='Blog'>
beda dengan syntax yang dicari. Slidik punya slidik akibat sudah tukar template maka syntax nya berubah  locked="no" menjadi locked="false".

Saya coba hapus <b:widget id='Blog2' locked='false' type='Blog'>, kemudian save. Malah pesan error muncul dan tidak bisa di simpan hasil editan HTML nya. Saya coba lagi tetap sama saja.

Kemudian saya coba untuk mengedit html melalui antarmuka (dashboard) lawas atau klasik.
Kemudian saya masuk ke Template>>EditHTML saya cari kembali

1. Expand widget
2. cari <b:widget id='Blog2' locked='false' type='Blog'> terus di hapus.
3. Save
4. muncul pesan error bahwa widget ini tidak cocok atau tidak di dukung.
5. maka ada pilihan pertahankan widget atau menghapus widget
6. pilih hapus widget dan save template.

Maka masalah double post atau 2 dua postingan di halaman utama blog, kembali normal.

Yamaha Writting Competition Butuh NPWP

Yang pengen ikut SEO Yamaha Writting Competition, harus mengurus NPWP dahulu. Yang sudah siap2 curi start bakalan banyak yang mentok di persyaratan bagian NPWP. Perlu usul nih sama panitia nya syarat untuk NPWP di ganti no.KTP aja. :)


Jadi yang ingin ikut kompetisi silakan urus dahulu NPWP anda. Kalo tidak maka sia-sa perjuangan nya peace. ^_^.

Ralat. peraturan telah di rubah.