Thursday 9 August 2012

Cara Membuat Artikel Terkait/ Related Post di Blog

0 comments

Dengan menggunakan artikel terkait ini, memudahkan para pengunjung untuk melihat posting atau artikel lain yang berkaitan dengan artikel yang sedang dibaca, dalam hal ini artikel yang berkaitan sesuai dengan label atau kategori.

Berikut Screenshotnya


Dan berikut Cara Membuat Artikel Terkait/ Related Post di Blog :
  1. Masuk ke akun Blogger Anda.
  2. Klik Rancangan > Edit HTML.
  3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template ke seperti semula.
  4. Cari kode ]]><b/:skin> (Gunakan tombol Ctrl+F pada keyboard untuk melakukan pencarian cepat. Copy kode dibawah ini, lalu paste DI ATAS kode ]]><b/:skin> berikut kodenya :

.rbbox{-moz-box-shadow: inset 0 0 20px #aaff00;
-webkit-box-shadow: inset 0 0 20px #aaff00;
box-shadow: inset 0 0 20px #aaff00;
.rbbox:hover{background-color:#000000);}

Keterangan : Code yg bertuliskan hijau (#aaff00) bisa kalian ganti sesuai warna yg kalian suka. ini adalah warna shadow line kotak artikel terkait ini.

dan cari kode <data:post.body/> , Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya. Jika Anda sudah menggunakan fungsi Read More, maka terdapat 2 kode <data:post.body/> pilih yang kedua. Lalu copy kode di bawah ini dan paste di bawah kode <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 = 10;
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>

Selanjut nya, Simpan Template dan lihat hasilnya. Semoga bermanfaat :)

English French Spain Italian Dutch Russian Brazil Japanese Korean Arabic German Chinese Simplified
Share on :

Artikel Terkait:

Leave a Reply