Tuesday, June 18, 2019

Cara Mudah Membuat Artikel Terkait atau Related Posts di Blog

Tuesday, June 18, 2019

Cara Mudah Membuat Artikel Terkait atau Related Posts di Blog





Apa tujuan nya memasang Artikel Terkait di blog?. Artikel Terkait adalah list judul postingan artikel terdahulu yang masih ada hubungan keterkaitannya dengan postingan artikel yang di baca para pengunjung dari pengguna internet, blogger lainya termasuk pengelola blog dalam melakukan aktifitas membaca pada setiap tab halaman postingan sebuah situsblog tersebut.

Artikel terkait juga bisa disebut dengan julukan Related Posts. semua pemilik situs web maupun blog terdahulu memasang fitur ini apa lagi kita yang masih baru sehingga memudahkan ber navigasi semua pengunjung yang ingin membaca postingan artikel yang berhubungan langsung dengan artikel yang sedang dibaca.

Apakah Manfaat dari Artikel Terkait atau Related Posts?. Artikel Terkait atau Related Posts ini adalah Jika sudah Mempunyai jumlah artikel yang cukup banyak pada sebuah blog maka akan meningkatkan perview dari halaman blog tersebut dari hasil kunjungan pengunjung dan pembaca. Artinya banyaknya page view pada posting artikel blog dan menjadi peranan penting bagi situs blog tersebut di mata mesin penelusur google.

Memasang Fitur Artikel Terkait pada blog bisa di tempat kan di mana saja pada artikel postingan maupun di bawah postingan situs blog yang masuk dalam kategori terkait ataupun related posts artikel yang masih ada hubungan dengan artikel-artikel dalam satu label atau kategori blog milik kita.

Oke, pada kesempatan kali ini saya akan berbagi cara mudah membuat artikel terkait atau related post di blog. Dengan bantuan kode CSS HTML yang akan di paparkan dibawah sebagai berikut;

Perhatikan caranya dan langkah-langkahnya di bawah ini:



  • 1. Masuk ke Dasbor Blogger
  • 2. Edit HTML Template.
  • 3 Caranya pilih tab menu Tema, kemudian pilih Edit HTML
  • 4. Copy paste kode berikut ini di atas kode </head>


<b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> /* Related Post */ #related_posts{margin-top:15px} #related_posts h4{color:#000;background:#f0f0f0;padding:10px;margin:0 0 5px;font-size:120%;} #related_img{margin:0;padding:0;} #related_img:hover{background:0} #related_img ul{list-style-type:none;margin:0;padding:0} #related_img li{min-height:62px;border-bottom:1px solid #f1f1f1;list-style:none;margin:0 0 5px;padding:5px;} #related_img li a{color:#2672a0;} #related_img li a:hover{text-decoration:underline} #related_img .news-title{display:block;font-weight:bold!important;margin-bottom:5px;font-size:14px;} #related_img .news-text{display:block;text-align:justify;font-weight:normal;text-transform:none;color:#333;font-size:12px;} #related_img img{float:left;margin-right:7px;border:1px solid #ccc;padding:2px;width:60px;height:60px;max-width:100%;background:#fff} </style> <script type='text/javascript'>/*<![CDATA[*/var relnum=0;var relmaxposts=5;var numchars=135;var morelink=" ";function saringtags(r,l){for(var e=r.split("<"),n=0;n<e.length;n++)-1!=e[n].indexOf(">")&&(e[n]=e[n].substring(e[n].indexOf(">")+1,e[n].length));return e=e.join(""),e=e.substring(0,l-1)}function relpostimgthum(r){for(var l=0;l<r.feed.entry.length;l++){var e=r.feed.entry[l];reljudul[relnum]=e.title.$t,postcontent="","content"in e?postcontent=e.content.$t:"summary"in e&&(postcontent=e.summary.$t),relcuplikan[relnum]=saringtags(postcontent,numchars),postimg="media$thumbnail"in e?e.media$thumbnail.url:"http://lh3.ggpht.com/_xcD4JK_dIjU/SnamIh0KTCI/AAAAAAAADMA/hLjqmEbdtkw/d/noimagethumb.gif",relgambar[relnum]=postimg;for(var n=0;n<e.link.length;n++)if("alternate"==e.link[n].rel){relurls[relnum]=e.link[n].href;break}relnum++}}function contains(r,l){for(var e=0;e<r.length;e++)if(r[e]==l)return!0;return!1}function relatpost(){for(var r=new Array(0),l=new Array(0),e=new Array(0),n=new Array(0),t=0;t<relurls.length;t++)contains(r,relurls[t])||(r.length+=1,r[r.length-1]=relurls[t],l.length+=1,l[l.length-1]=reljudul[t],e.length+=1,e[e.length-1]=relcuplikan[t],n.length+=1,n[n.length-1]=relgambar[t]);reljudul=l,relurls=r,relcuplikan=e,relgambar=n;for(var t=0;t<reljudul.length;t++){var a=Math.floor((reljudul.length-1)*Math.random()),u=reljudul[t],s=relurls[t],i=relcuplikan[t],o=relgambar[t];reljudul[t]=reljudul[a],relurls[t]=relurls[a],relcuplikan[t]=relcuplikan[a],relgambar[t]=relgambar[a],reljudul[a]=u,relurls[a]=s,relcuplikan[a]=i,relgambar[a]=o}for(var g,m=0,h=Math.floor((reljudul.length-1)*Math.random()),c=h,d=document.URL;m<relmaxposts&&(relurls[h]==d||(g="<li class='news-title clearfix'>",g+="<a href='"+relurls[h]+"' rel='nofollow' target='_top' title='"+reljudul[h]+"'><img src='"+relgambar[h]+"' /></a>",g+="<a href='"+relurls[h]+"' target='_top'>"+reljudul[h]+"</a>",g+="<span class='news-text'>"+relcuplikan[h]+" ... <a href='"+relurls[h]+"' target='_top'>"+morelink+"</a><span class='news-text'>",g+="</li>",document.write(g),m++,m!=relmaxposts))&&(h<reljudul.length-1?h++:h=0,h!=c););}var reljudul=new Array,relurls=new Array,relcuplikan=new Array,relgambar=new Array;/*]]>*/</script> </b:if> 

  • 5. Copy paste kode berikut ini di bawah kode <data:post-body/> yang kedua atau di atas kode <div class='post-footer'> 

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='clear:both;'/> <div id='related_posts'> <h4>Related Posts :</h4> <b:loop values='data:post.labels' var='label'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgthum&amp;max-results=50&quot;' type='text/javascript'/> </b:loop> <ul id='related_img'> <script type='text/javascript'>relatpost();</script> </ul> </div> </b:if>

  • 6. Save atau Simpan Temanya!



Demikian sudah cara mudah membuat artikel terkait atau related post di blog. Jika tidak berhasil silahkan sampaikan di kolom komentar di bawah, ya. Nanti bisa di bantu sampai bisa. Cara ini sudah dicoba dan sukses seperti yang saya terapkan pula di blog ini.

Show comments
Hide comments