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>6. Klik Save atau simpan template dan lihat hasilnya.
Sekarang anda sudah bisa punya recent post dibawah postingan keren seperti blog ini.
Artikel keren lainnya:
Belum ada tanggapan untuk "Cara Membuat Recent Post di Bawah Postingan"
Post a Comment