close

Cara Membuat Banyak Artikel Terkait (Related Post) di Tengah Postingan

Cara Membuat Banyak Artikel Terkait (Related Post) di Tengah Postingan – Memiliki banyak pengunjung merupakan hal yang sangat diinginkan oleh pemilik website. Akan tetapi, terkadang pemilik sebuah website mengalami kebingungan tentang bagaimana cara agar pengunjung betah untuk tinggal di websitenya. Selain artikel yang menarik dan bermanfaat, ternyata ada satu lagi faktor yang mempengaruhi. Faktor lain yang mempengaruhi yaitu adanya related post atau artikel terkait di tengah-tengah postingan.

Cara Membuat Banyak Artikel Terkait (Related Post) di Tengah Postingan
Cara Membuat Banyak Artikel Terkait (Related Post) di Tengah Postingan

 

Apa itu artikel terkait (Related Post)?

Artikel terkait atau related post adalah sebuah rujukan atau rekomendasi artikel yang diberikan oleh suatu website kepada pengunjung yang masih terkait dengan artikel yang sedang visitor baca saat itu juga. Dalam artian artikel tersebut masih satu tema dengan artikel yang visitor baca. Hal tersebut tentu akan membuat penasaran pembaca dan akan membuat pemaca berlama-lama mengunjungi website anda.

Mungkin kalian sudah sering melihat “Baca Juga” ditengah-tengah postingan sebuah website. Baca juga itulah yang disebut related post atau artikel terkait. Lalu bagaimana cara membuat banyak artikel terkait (Related Post) ditengah postingan?

Baca Juga :  Cara Membuat Widget Recent Post Berdasarkan Label di Blogger

Cara membuat banyak artikel terkait (related post) ditengah postingan

Setelah membaca informasi diatas, anda pasti sudah mengetahui bahwa ada banyak sekali manfaat yang diperoleh dengan memasang artikel terkait ditengah postingan. Akan tetapi kalian masih bingung bagaimana cara memasangnya? Caranya cukup mudah kok.

1. Pertama, kalian masuk ke dashboard blog anda.
2. Setelah itu masuk ke tema/template kemudian Edit HTML.
3. Cari kode <data:post.body/> dengan cara menekakn tombol CTRL + F. Kemudian pastekan kode ini tepat dibawah kode <data:post.body/>.

Jika terdapat lebih dari 1 kode silahkan dicoba satu per satu. Karena pada dasarnya letak kode tersebut dimasing-masing template berbeda.

 

<b:if cond='data:view.isPost'>
  <script> //<![CDATA[
  // Multiple Related Posts by igniel.com
  (function() {
    var jumlah = 4;
    eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c])}}return p}('Z i=["\J\v\l\s\j\E\t\l\q\x\w\t\n\14\w\J\v\l\s\j\E\t\l\q\x\w\v","\X\F\h\n\x\D\h\k\h\A\j\l\n\T\k\k","\k\h\m\B\j\U","\G\n\l\u","\q\o\L","\A\n\h\r\j\h\K\k\h\u\h\m\j","\A\k\r\s\s\z\r\u\h","\o\B\m\o\h\k\M\F\k\j\o\O\h\k\r\j\h\q","\m\l\q\h\z\r\u\h","\P","\o\m\s\h\n\j\R\h\G\l\n\h","\v\r\n\h\m\j\z\l\q\h","\m\h\N\j\D\o\t\k\o\m\B"];y p=I[i[1]](i[0]),a=C+1,b=p[i[2]]/a;c=V[i[3]]({W:C},(15,H)=>H+1);Y(y d=0;d<c[i[2]];d++){y e=c[d],f=13((b*e)),g=I[i[5]](i[4]);g[i[6]]=i[7];S(p[f][i[8]]==i[9]){p[f][i[11]][i[10]](g,p[f])}Q{p[f][i[11]][i[10]](g,p[f][i[12]])}}',62,68,'|||||||||||||||||x65|_0xe7e5|x74|x6C|x6F|x6E|x72|x69|post|x64|x61|x73|x62|x6D|x70|x20|x79|let|x4E|x63|x67|jumlah|x53|x2D|x75|x66|_0x67aex5|document|x2E|x45|x76|x4D|x78|x52|x50|else|x42|if|x41|x68|Array|length|x71|for|var||||parseInt|x2C|_0x67aex4'.split('|'),0,{}));
  })();
  eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c])}}return p}('a 9=["\i\c\l\L\d\C","\c\l\d\k\H","\x\c\c\K","\F\d","\d\w\d\i\c","\i\w\l\M","\k\c\i","\z\i\d\c\k\l\z\d\c","\C\k\c\x"];a n=o p();a m=0;a f=o p();t E(u){r(a b=0;b<u[9[2]][9[1]][9[0]];b++){a j=u[9[2]][9[1]][b];n[m]=j[9[4]][9[3]];r(a h=0;h<j[9[5]][9[0]];h++){s(j[9[5]][h][9[6]]==9[7]){f[m]=j[9[5]][h][9[8]];m++;I}}}}t G(){a e=o p(0);a g=o p(0);r(a b=0;b<f[9[0]];b++){s(!B(e,f[b])){e[9[0]]+=1;e[e[9[0]]-1]=f[b];g[9[0]]+=1;g[g[9[0]]-1]=n[b]}};n=g;f=e}t B(v,y){r(a q=0;q<v[9[0]];q++){s(v[q]==y){A D}};A J}',49,49,'|||||||||_0x6cd8|var|_0x941ax6|x65|x74|_0x941axa|relatedUrls|_0x941axb|_0x941ax8|x6C|_0x941ax7|x72|x6E|relatedTitlesNum|relatedTitles|new|Array|_0x941axf|for|if|function|_0x941ax5|_0x941axd|x69|x66|_0x941axe|x61|return|contains|x68|true|related_results_labels|x24|removeRelatedDuplicates|x79|break|false|x64|x67|x6B'.split('|'),0,{}));
  //]]> </script>
  <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
      <b:if cond='data:view.isPost'>
        <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=100&quot;'/>
      </b:if>
    </b:loop>
  </b:if>
  <script> //<![CDATA[
    // Multiple Related Posts by igniel.com
    (function ignielMultiRelated() {
      var text = 'BACA JUGA:';
      eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c])}}return p}('P b=["\e\f\c\B\h\E","\o\d\c\z\q\N","\A\e\q\q\o","\S\n\B\c\n\f\e\C\y\e\h\n\T\f\e\d\h\f\z","\M\y\f\o\G\H\f\e\f\p\h\q\o\L\e\e","\n\c\c\f\o\F\V\C\I","\k\g\m\d\c\s\p\e\d\g\g\u\j\p\q\c\h\f\c\h\j\l\k\g\m\d\c\s\p\e\d\g\g\u\j\h\f\K\h\j\l","\k\w\g\m\d\c\l\k\d\s\E\o\f\A\u\j","\j\s\h\n\h\e\f\u\j","\j\l","\k\w\d\l\k\w\g\m\d\c\l\k\g\m\d\c\s\p\e\d\g\g\u\j\n\p\q\c\j\l\k\w\g\m\d\c\l"];v r=D[b[2]]((t[b[0]]-1)*D[b[1]]());v i=0;v x=O[b[4]](b[3]);Q(i<t[b[0]]&&i<x[b[0]]){R(v a=0;a<x[b[0]];a++){x[a][b[5]]=b[6]+W+b[7]+Y[r]+b[8]+t[r]+b[9]+t[r]+b[U];J(r<t[b[0]]-1){r++}X{r=0};i++}}',61,61,'|||||||||||_0x2867|x6E|x61|x6C|x65|x73|x74||x22|x3C|x3E|x70|x69|x72|x63|x6F||x20|relatedTitles|x3D|let|x2F|jumlah|x75|x64|x66|x67|x4D|Math|x68|x48|x79|x53|x4C|if|x78|x41|x71|x6D|document|var|while|for|x2E|x52|10|x54|text|else|relatedUrls'.split('|'),0,{}));
    })();
  //]]> </script>
</b:if>

 

Keterangan :
-var jumlah : adalah jumlah artikel terkait yang ingin ditampilkan
-var text : adalah tulisan baca juga

4. Setelah itu, Cari kode ]]></b:skin> dengan cara menekakn tombol CTRL + F. Kemudian pastekan kode ini tepat diatas kode ]]></b:skin> Jika kode ]]></b:skin> tidak ada, Silahkan cari kode </style>


/* Multiple Related Posts by igniel.com */
.ignielMultiRelated {background-color:#C0392B; color:#fff; margin:10px 0px; display:-webkit-box;
display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; transition:all .3s ease;}
.ignielMultiRelated:hover {background-color:#252525;}
.ignielMultiRelated .content {padding:10px 15px;}
.ignielMultiRelated .content .text {margin-right:10px; text-decoration:underline;}
.ignielMultiRelated .content a {color:#fff; text-decoration:none; line-height:1.5em;}
.ignielMultiRelated .icon{height:auto; min-width:50px; background:#E74C3C url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%23fff'/%3E%3C/svg%3E") center / 40px no-repeat; transition:all .3s ease;}
.ignielMultiRelated:hover .icon {background-color:#000;}

5. Setelah itu klik Simpan Tema. Silahkan cek blog anda. Apabila anda melakukan dengan benar maka hasilnya akan seperti ini.

Baca Juga :  Ciri-Ciri Artikel Blog yang Baik dan Berkualitas (SEO Friendly)
Cara Membuat Banyak Artikel Terkait (Related Post) di Tengah Postingan
Hasilnya akan menjadi seperti ini

 

Yak, kira-kira seperti itulah cara membuat banyak artikel terkait dengan postingan blog. Dengan memasang artikel terkait ditengah postingan blog, pengunjung akan tertarik untuk membaca artikel terkait tersebut sehingga pengunjung tidak akan langsung keluar setelah membaca suatu artikel. Dengan begitu, bounce rate blog anda akan menurun. Hal itu tentu sangat baik bagi seo blog anda.

Jika anda tertarik dengan tutorial mengenai blogger lainnya, jangan lupa untuk membaca artikel saya yang berjudul cara cek struktur data (schema mark up) blog agar lebih seo. Semoga artikel saya kali ini bermanfaat bagi anda. Terimakasih telah berkunjung di www.bloggerkoplo.com. Salam koplo.

Baca Juga :  Kenapa Kode Head, Body, dan Style Tidak Ada di Template?

8 pemikiran pada “Cara Membuat Banyak Artikel Terkait (Related Post) di Tengah Postingan”

Tinggalkan komentar