Membuat RelatedPost dalam Template WPBoxedTech

Revisi
salah seorang teman blogger ada yang kesulitan membuat related post dalam templatenya. setelah saya lihat teman tersebut menggunakan template WPBoxedTech setelah saya coba dengan template tersebut akhirnya beres sudah.hehehe

LIVE DEMONYA DOWNLOAD

cara membuat related post di template WPBoxedTech sebagai berikut

1. Login ke blog anda

2. Masuk menu 'Layout-->Edit HTML'

3. Centang kotak 'Expand Widgets Template'

4. Cari kode seperti dibawah ini
<a expr:href='&quot;http://furl.net/storeIt.jsp?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.url' target='_blank' title='Furl'><img alt='Furl' height='48' src='http://3.bp.blogspot.com/_lxBSX0YJV58/SwQiPG9Y6xI/AAAAAAAAAhk/YzmjQUPdnrg/s1600/furl.png' width='48'/></a>
</div>


atau tekan CTRL + F dan ketik /YzmjQUPdnrg/s1600/furl.png' width='48'/></a>

5. Tepat di bawah kode /YzmjQUPdnrg/s1600/furl.png' width='48'/></a>
</div>

copy script dibawah ini di bawah kode tersebut
< <b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<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;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>

Kemudian tinggal save dan lihat hasilnya

Mobil Keluarga Ideal Terbaik Indonesia

Comments

  1. Makasih mas, ntar saya coba terapkan di blog saya..karena kebetulan akses internet saya lagi lemot banget..mungkin ntar saya mencobanya pas di kantor saja...

    sekali lagi makasih mas...ntar saya kabari lagi hasilnya...

    ReplyDelete
  2. Ok dah mas.. saya coba bantu sebisa saya lo.hehehe

    ReplyDelete
  3. mas, template WPBoxedtech itu yang gimana???

    ReplyDelete
  4. halah umar ni gayanya gak ngerti... kalo gak salah template wp boxed tech itu dah otomatis readmore. emang lebih jelas aku kasih gambar. itu dah aku kasih gambarnya

    ReplyDelete
  5. Mas, sudah saya pasang script diatas...dah muncul sih...tapi kok related post malah tempatnya diatas posting ya...

    gimana ini mas?...maaf mas dh ngerepotin

    ReplyDelete
  6. dah aku revisi mas ma'af kemarin keliru gak saya perhatiin dengan jelas

    ReplyDelete
  7. oiya kode yang kemarin di hapus aja mas

    ReplyDelete
  8. oke mas...sudah oke...maaf nih mau ngerepotin lgi bisa kah tulisan relate post atau artikel terkait itu berada diluar box share?

    biar kliatan rapi gitu...gimana caranya ya mas?makasih sbelumnya...

    ReplyDelete
  9. hemm ok juga tu mas tinggal dikasih tambahan
    <div class='separator'/>
    sebelum kode related postnya

    ReplyDelete
  10. ok bro...sudah dilaksakan dengan baik..tenk yu...

    ReplyDelete
  11. Template yag bagus bro..saya juga ganti temmpalte yg lebih simpel bro..dgn saya poles dikit...

    yg saya mo nanyakan nih bisa ga ngerubah warna link serta read more yg ada di blog sya itu bro..

    makasih seblumnnya

    ReplyDelete

Post a Comment

Silahkan Berkomentar......