Cara membuat related post di bawah postingan blog

Trik blog

Hal yang pertama yang ada di pikiran anda adalah "apa itu related post?" dan "apa gunanya related post di blog?"
Saya jelaskan sedikit,

Related post adalah sekumpulan link untuk memudahkan para pembaca untuk menemukan atau mencari artikel atau konten yang hampir sama dengan judul atau konten yang di ketik atau di cari di blog tersebut.

Apa fungsi related post ?
Memang sebagian orang sepele terhadap related post, tetapi tidak sedikit yang menganggap bahwa related post adalah suatu cara untuk membuat konten di blog gampang ter search di google, atau bisa di sebut SEO.

Berikut adalah fungsi related post :

1. Memudahkan pengunjung untuk mencari konten yang hampir sama dengan hasil pencarian yang di klik, sehingga postingan gampang di search di google.
2. Membuat page view suatu blog menjadi bertambah, karena pengunjung mengklik konten yang sama yang pengunjung cari.


Sudah tau kan apa itu related post dan  fungsinya ?
Ok langsung saja  Cara membuat related post di bawah potingan blog

1. Login ke blogger
2. Masuk ke menu edit template, kemudian cari kode </head> atau tekan ctrl+f untuk memudah kan mencari kode di template blogger.
3. Kemudian Copy kode di bawah ini, tepat di atas kode </head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>

4. Setelah selesai langkah ketiga selesai, kemudian anda cari lagi kode  <data:post.body/>
5. Kemudian anda copy kode di bawah ini dan letakkan tepat di bawah kode  <data:post.body/>,

Perhatian :"biasanya akan ada bebrapa kode  <data:post.body/> di template anda, maka dari itu anda coba gunakan kode  <data:post.body/>, satu persatu untuk mem paste kode berikut,
ingat, hanya salah satu kode  <data:post.body/> saja.

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Related Post</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();</script>
</b:if>

6. Kemudian save dan lihat hasilnya, bila tidak muncul related post di bawah postingan anda, kemungkinan anda meletakkannya salah, maka dari itu silahkan coba letakkan kode tersebut di bawah salah satu kode <data:post.body/>. biasanya ada 3 kode <data:post.body/> di template anda.


Selamat mencoba !

Bagikan

Jangan lewatkan

Cara membuat related post di bawah postingan blog

4/ 5

Oleh Vald Blog

Vald Blog 6:25 AM 17 Komentar