Cara Membuat Artikel Terkait dibawah posting

Membuat artikel terkait, baik yang ditaruh dibawah posting maupun yang berupa related post widget yang diletakkan pada sidebar ini bukan hanya merupakan pemanis belaka, tapi juga merupakan hal yang sangat bermanfaat. selain dapat meningkatkan page views, related post ini sangat membantu apabila ada beberapa posting lama kita yang belum terindeks oleh mesin pencari. Related Post adalah daftar link posting yang berhubungan. dihubungkan oleh kategori atau label yang sama.

Berikut ini adalah langkah2 untuk membuat link artikel yang berhubungan atau membuat related post dibawah posting :

• Login ke account blogger yang anda punya,
• Pada dasbor, pilih rancangan --> edit HTML
• Centang Expand widget template
• Cari kode seperti dibawah ini, lebih mudah bila anda menggunakan Ctrl+F

    <data:post.body/>

• Lalu sisipkan kode berikut dibawah kode tadi

<b:if cond=data:blog.pageType == &quot;item&quot;>
<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 = 100;
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>

• Simpan perubahan
• Selesai

Begitulah Tutorial Artikel Terkait dibawah pos. Ini akan membantu meningkatkan page view blog anda. Semoga bermanfaat.

Untuk membuat artikel terkait di sidebar caranya klik disini !!

[Continue reading...]

Menu Navigasi diatas Posting Breadcrumb pada Blogger

Menu navigasi berurutan di atas posting atau istilahnya disebut breadcrumb, merupakan cara efektif untuk memberikan kemudahan pengunjung dalam melihat label atau kategori posting suatu blog, disamping itu dari segi SEO Google sudah support / mendukung breadcrumb ini. Membuatnya kita bisa menggunakan script ciptaan hoctro di hoctro.blogspot.com

Langkah Cara Membuat Breadcrumb Pada Blogger, silahkan ikuti langkah-langkah berikut :

• Pastikan anda sudah membuat label/kategori
• Login ke Blogger.
• Pilih Rancangan.
• Pilih Edit HTML
• Beri tanda centang pada Expand Template Widget.

Cari kode berikut ini.

<b:includable id=main var=top>

Letakkan breadcrumb script berikut diatasnya.

<b:includable id=breadcrumbs var=post>

<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
  <b:if cond=data:blog.pageType == "item">
      <p class=breadcrumbs>
      <span class=post-labels>
        <b:if cond=data:post.labels>

          Browse: 
          <a expr:href=data:blog.homepageUrl rel=tag>Home</a>  &gt;
          <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>
          <b:if cond=data:post.title>
&gt;  <b><data:post.title/></b>
          </b:if>

        </b:if>
      </span>
      </p>
  </b:if>
<!-- End of Breadcrums Hack -->
</b:includable>

Cari lagi kode berikut.

<b:if cond=data:post.dateHeader>

Letakkan kode berikut diatasnya.

<b:include data=post name=breadcrumbs/>

Selanjutnya cari kode ]]></b:skin>, dan letakkan barisan kode cssbreadcrumb dibawah ini tepat diatasnya.

.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

Klik tombol simpan template, selesai
Kalau anda tertarik silakan dicoba....

[Continue reading...]