Cara membuat Artikel Terkait dibawah Post

Berbicara masalah Artikel terkait atau Artikel yang berhubungan atau apalah namanya yang pada bahasa Blogger dikenal dengan nama Related post, dibuat dengan jalan menambahkan kode  pada Template. :D

Artikel terkait banyak model yang dipakai para Blogger, dan yang lazim seperti : 

  1. Artikel Terkait dibawah Posting
  2. Artikel Terkait yang berisi Image / Gambar
  3. Artikel Terkait di- sidebar 
  4. Artikel Terkait Plus dibawah Posting
Dari sekian Artikel terkait yang saya ketahui dan saya sebutkan, saya akan membahasnya satu-persatu pada Blog Creation :z  
Cara membuatnya sebagai berikut :
  • Masuk ke account google dengan ID kawan.
  • Pada Dasbor pilih Rancangan 
  • Pada Perancang Template pilih Edit HTML
  • Beri tanda disamping Expand Template Widgets .
  • Cari kode  :  <data:post.body/>
  • Jika Blog kawan menggunakan Read more, pakai yang pertama
  • Copas kode berikut setelah atau dibawah <data:post.body/> 
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Ingin membaca Artikel Terkait :</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 7;

maxNumberOfPostsPerLabel = 7;
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;data2007&#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>
</div>
</b:if>
  • Tulisan Ingin membaca Artikel lainnya dan angka 4, 7, 3 silahkan kawan menyesuaikan.
  • Save/ simpan  Template kawan.

Description: Cara membuat Artikel Terkait dibawah Post - Rating: 4.5

Reviewer: Putu BlogBego - Itemreviewed: Cara membuat Artikel Terkait dibawah Post


Kawan sedang berada pada Artikel
» Cara membuat Artikel Terkait dibawah Post
di Blog ini dibolehkan COPY-PASTE untuk disebar-luaskan
asal kawan menyertakan Link / Sumber Artikelnya

Artikel Menarik Lainnya :


0 komentar

Post a Comment