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='"http://furl.net/storeIt.jsp?t=" + data:post.title + "&u=" + data:post.url' target='_blank' title='Furl'><img alt='Furl' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuCjv-ysQCmWOU1XrZQQLOdVut190Zwm0zZtqBKCdv3RHRfW15ZiOpR3ZtZrQ4OWwXQQiyoGgDGqeYGWG8hcotnQ5aogDSJlzj7CwwwA0vZYEFueWJnmhS2pnaXdz5dnP8q-yvJqUD9J-6/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 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
Kemudian tinggal save dan lihat hasilnya
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='"http://furl.net/storeIt.jsp?t=" + data:post.title + "&u=" + data:post.url' target='_blank' title='Furl'><img alt='Furl' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuCjv-ysQCmWOU1XrZQQLOdVut190Zwm0zZtqBKCdv3RHRfW15ZiOpR3ZtZrQ4OWwXQQiyoGgDGqeYGWG8hcotnQ5aogDSJlzj7CwwwA0vZYEFueWJnmhS2pnaXdz5dnP8q-yvJqUD9J-6/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 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
Kemudian tinggal save dan lihat hasilnya
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...
ReplyDeletesekali lagi makasih mas...ntar saya kabari lagi hasilnya...
Ok dah mas.. saya coba bantu sebisa saya lo.hehehe
ReplyDeletemas, template WPBoxedtech itu yang gimana???
ReplyDeletehalah 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
ReplyDeleteMas, sudah saya pasang script diatas...dah muncul sih...tapi kok related post malah tempatnya diatas posting ya...
ReplyDeletegimana ini mas?...maaf mas dh ngerepotin
dah aku revisi mas ma'af kemarin keliru gak saya perhatiin dengan jelas
ReplyDeleteoiya kode yang kemarin di hapus aja mas
ReplyDeleteoke mas...sudah oke...maaf nih mau ngerepotin lgi bisa kah tulisan relate post atau artikel terkait itu berada diluar box share?
ReplyDeletebiar kliatan rapi gitu...gimana caranya ya mas?makasih sbelumnya...
hemm ok juga tu mas tinggal dikasih tambahan
ReplyDelete<div class='separator'/>
sebelum kode related postnya
ok bro...sudah dilaksakan dengan baik..tenk yu...
ReplyDeletesama sama mas...
ReplyDeleteTemplate yag bagus bro..saya juga ganti temmpalte yg lebih simpel bro..dgn saya poles dikit...
ReplyDeleteyg saya mo nanyakan nih bisa ga ngerubah warna link serta read more yg ada di blog sya itu bro..
makasih seblumnnya