Cara Membuat Artikel Terkait / Related Post di Blog


Cara Membuat Artikel Terkait / Related Post di Blog. Ada banyak cara supaya semua postingan yang sudah kita buat ni bisa terbaca oleh semua pembaca kita lo teman dan salah satunya adalah membuat widget artikel terkait / related post sebab adanya widget artikel terkait / related post ini akan sangat membantu pembaca kita untuk mendapatkan info tentang artikel kita lainnya yang berhubungan dengan artikel yang mereka baca.
Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog

Mau tahu ni gimana cara membuat dan memasang artikel terkait / related post di blog kita. Langsung aja deh kita bahas dalam posting blog ini...

Cara Membuat Artikel Terkait / Related Post di Blog

Seperti biasa ketika ingin mengedit template blogspot, pertama masuk di akun blogger.com dan pilihlah opsi template
Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog


Menuju di halaman berikutnya, pilih tombol Edit HTML

Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog


Selanjutnya ada peringatan semacam ini, langsung saja klik tombol Lanjutkan

Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog


Sebelum mengedit template blogspot, jangan lupa centang kotak Expand Template Widget,

Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog
Agar artikel terkait / related post ini muncul di bawah setiap posting blog teman, letakkanlah script artikel terkait / related post tepat dibawah <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div style='border: 0px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 300px; background-color: #fcf7f7;'>
<div class='widget-content'>
<h3>Artikel Terkait Lainnya :</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>
</div>
</b:if>
Terakhir yang harus dilakukan adalah menyimpan hasil editan ini, klik tombol Simpan Template dan Tutup.

Kalo teman semua kepengen membuat artikel terkait / related post yang ada gambar logo blog, ni cara-nya ada dalam posting Cara Membuat Dan Memasang Artikel Terkait / Related Post Disertai Logo. Silakan dibaca tutorial-nya teman..
Dalam membuat artikel terkait / related post ternyata tidak sulit ya. Selamat mencoba teman dan semoga berjalan baik :)


0 Responses to Cara Membuat Artikel Terkait / Related Post di Blog

Poskan Komentar

 
Return to top of page Copyright © 2010 | Bloggers - Meet Millions of Bloggers