Thursday, September 29, 2011

cara membuat artikel terkait pada blog

Add caption
 Pada dasarnya Artikel terkait bisa di taruh di sidebar dan dimana pun anda menginginkannya .
akan tetapi cara penempatan artikel terkait pada postingan yang lebih banyak di lihat oleh pengunjung blog adalah tepat di bawah postingan ,
      ini karena setiap pembaca yang telah membaca suatu postingan pasti akan membaca postingan yang tidak jauh dengan apa yang telah baru mereka baca .oleh karena membuat artikel pada postingan blog bisa di bilang sangat penting , selain dapat menahan pengunjung blog betah di blog yang sedang mereka baca , membuat artikel terkait juga dapat memperkuat artikel kita dapat terindeks oleh mesin pencari google.

  pemberian artikel terkait pada postingan blog , sama dengan memberi label pada akhir postingan ,mengapa bisa demikian ?????
   karena inti dari memberikan artikel terkait pada postingan adalah yaa ...memberikan label .
sebagai contoh jika anda bingung , lihat pada akhir postingan yang saya buat ini ..
nanti hasil nya akan seperti itu ..
 adapun cara-cara untuk membuat artikel terkait pada postingan (label) sbb :

1. Login ke Blogger dengan akun gmail kamu

2. Klik Tata Letak

3. Klik tab Edit HTML

4. Klik Expand Template Widgets

5. Kemudian Cari kode yang seperti ini :

<data:post.body/>

atau tekan Ctrl + F untuk pencarian cepat :

<data:post.body/>

6. copy/paste kode di bawah ini tepat setelah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<strong>Artikel Terkait di Bawah posting</strong>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='ardi33'/>
<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;ardi33&#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>

7.kemudian save template ..

8.selesai sudah membuat artikel terkait pada postingan blog (label) sekali lagi .. contoh nya ada di bawah postingan ini ... terimakasih ..

No comments:

Post a Comment