Banyak Cara Membuat Recent Post di Bawah Postingan dan saya sudah mencobanya. Tapi menurut saya inilah yang paling keren karena ada label terkait dan artikel terkait. Misal judul artikel saya Re Edit Artikel Agar Bisa di Halaman pertama Maka yang akan tampil adalah laber Artikel beserta beberapa artikel dengan label artikel, label artikel original dan label pertama google beserta beberapa artikel dengan label tersebut, dan di lengkapi dengan scroll yang membuatnya lebih menarik, lihat contoh nya di bawah artkel ini.
Keuntungan memasang recent post adalah menambah trafik blog, misal ada pengunjung membaca artikel ini sampai selesai dan melihat recent post yang membuat penasaran maka dia akan membukanya.
Tertarik dan ingin membuat recent post seperti yang ada di blog ini ? Berikut langkah langkah yang harus anda lakukan.
1. Login ke akun blog anda
2. Klik template, lalu Edit HTML
3. Kemudian anda cari kode <data:post.body/>
4. Copy dan paste kode di berikut bawah kode <data:post.body/>
b:if cond='data:blog.pageType == "item"'>
<p style='font-style:bold;'>ARTIKEL TERKAIT:</p>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:150px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 15;
maxNumberOfPostsPerLabel = 50;
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('albri').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>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>
5. Selanjutnya cari kode ]]></b:skin> dan copy paster kode berikut tepat di atas
]]></b:skin>
Sekarang anda sudah bisa punya recent post dibawah postingan keren seperti blog ini.
Post Comment
Posting Komentar
Posting Komentar