Cara Membuat Artikel Terkait/Related Post Dibawah Artikel Yang SEO Frindly Pada Blog

Cara Membuat Artikel Terkait/Related Post Dibawah Artikel Yang SEO Frindly - Artikel terkait merupakan sebuah widget yang saya bisa bilang sangat perlu ada pada blog anda, Kenapa saya bisa bilang seperti itu. Hal ini dikarenakan dengan mempergunakan widget artikel terkait pada blog milik kita maka pengunjung kita dapat melihat artikel apa saja yang sama dan sesuai dengan artikel yang di baca.

Dengan kita mempergunakan widget artikel terkait yang SEO frindly sudah kita dapat menampilkan artikel apa saja yang ada pada blog kita yang sesuai dengan kriteria yang pengunjung blog kita cari pada artikel yang pengunjung blog kita baca. Widget artikel terkait ini juga dapat kita pergunkaan pada blog kita dan dapat mengurangi boucerate yang tinggi yang terdapat pada blog kita.

Pada saat ini saya yang pada blog saya yaitu newbie code news ingin membagikan sebuah trik dan tip bagaimana cara membuat widget artkel tarkait yang mudah dan simple dan yang pasti sudah seo frindly. Widget artikel terkait ini begitu ringan sehingga tidak membuat loading blog anda menjadi berat dan yang pasti dapat memudahkan pengunjung blog kita.

Berikut ini merupakan langkah-langkah yang harus kita lakukan untuk membuat widget artikel terkait dibawah artikel blog milik kita. 

Silahkan masuk dan login ke blog anda

Silahkan masuk ke template blog anda 

Pilih Edit HTML

Lalu cari kode dibawah ini dengan menekan tombol crtl + f

</head>

Selanjutnya silahkan masukkan kode dibawah ini diatas kode </head> tadi

 <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>

Nah tahap selanjutnya silahkan cari kode dibawah ini dengan menekan tombol crtl + f, cari kode ke dua dari kode dibawah ini

<data:post.body/>

Tempatkan kode dibawah ini dibawah kode yang kita cari diatas tadi

<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>Artikel Terkait</h4>

<script type="text/javascript">

removeRelatedDuplicates();

printRelatedLabels();

</script>

</b:if> 

<right><a href="http://goo.gl/zAnmTu"><font style='font-size: 9px; color: #CECECE; float: right; margin: 5px;'>relatedpost widget</font></a></right><br/>

Nah setelah kita berhasil memasang kode diatas maka tahap selanjutnya kita dapat menyimpan template kita tersebut dengan menekan tombol save atau simpan dan anda dapat melihat hasilnya akan muncul pada setiap postingan dari artikel pada blog yang telah kita buat ini.

Sekian dulu artikel saya yang berjudul Cara Membuat Artikel Terkait/Related Post Dibawah Artikel Yang SEO Frindly Pada Blog. Semoga artikel saya ini dapat membantu dan dapat membuat blog yang anda buat dapat terlihat keren dan bagus. terimakasih salam newbie code news

Share this post