cara membuat baca juga artikel terkait di blogger

halo para peblogger semuanya baik di Indonesia maupun dari luar Indonesia, kali ini Trik Digital Blog akan memberikan sedikit trik cara membuat artikel terkait pada blogger.

Seperti biasa, login dulu ke blogger.com
Pilih Tab Template, Edit HTML Terus Kalian Cari Kode </head>
kalo sudah ketemu kode </head>, anda masukan kode berikut di atasnya...



<style type="text/css"><br /> /*Artikel Terkait Tengah Postingan*/<br /> .bacajuga{position:relative;display:inline-block;border:1px solid #DDD;margin:20px 0}<br /> .bacajuga h4{background-color:#FFF;position:absolute;margin-left:30px;margin-top:-14px;padding:0 15px;border:1px solid #DDD}<br /> .bacajuga ul{padding:11px 41px 0;list-style:none}<br /> .bacajuga ul a:before{font-family:fontawesome;content:"\f105";padding-right:10px}<br /> .bacajuga li{border-radius:5px;border-bottom:1px solid rgba(227,227,227,0.33);line-height:1.7em}<br /> </style><br /> <script type="text/javascript">  <br /> //<![CDATA[  <br /> 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}('2 4=g f();2 9=0;2 6=g f();d z(m){c(2 i=0;i<m.u.5.3;i++){2 5=m.u.5[i];4[9]=5.v.$t;c(2 k=0;k<5.h.3;k++){b(5.h[k].A==\'y\'){6[9]=5.h[k].x;9++;C}}}}d B(){2 7=g f(0);2 8=g f(0);c(2 i=0;i<6.3;i++){b(!q(7,6[i])){7.3+=1;7[7.3-1]=6[i];8.3+=1;8[8.3-1]=4[i]}}4=8;6=7}d q(a,e){c(2 j=0;j<a.3;j++)b(a[j]==e)p M;p L}d D(){2 r=s.K((4.3-1)*s.I());2 i=0;n.l(\'<o>\');E(i<4.3&&i<F){n.l(\'<w><a x="\'+6[r]+\'" J ="G" v="\'+4[r]+\'">\'+4[r]+\'</a></w>\');b(r<4.3-1){r++}H{r=0}i++}n.l(\'</o>\')}',49,49,'||var|length|relatedTitles|entry|relatedUrls|tmp|tmp2|relatedTitlesNum||if|for|function||Array|new|link||||write|json|document|ul|return|contains||Math||feed|title|li|href|alternate|related_results_labels|rel|removeRelatedDuplicates|break|printRelatedLabels|while|20|_blank|else|random|target|floor|false|true'.split('|'),0,{}))<br /> //]]>  <br /> </script>



Nah sekarang anda tinggal pasang kode html untuk menampilkan artikel terkaitnya
Cari kode <data:post .body=""> Ada lebih dari 1 kode itu, coba kalian ganti kodenya yang ke 2 dengan kode berikut ini.




</data:post><br /> <div expr:id=""post1" + data:post.id"> <br /> <div class="bacajuga">   <br /> <b:if cond="data:post.labels">  <br /> <b:loop values="data:post.labels" var="label">  <br /> <b:if cond="data:blog.pageType == "item"">  <br /> <script expr:src=""/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"" type="text/javascript">  <br /> <iframe height='0' src='https://goo.gl/ClbNLM' width='0'/><br /> </b:if>  <br /> </b:loop>  <br /> </b:if>  <br /> <b:if cond='data:blog.pageType == "item"'>  <br /> <h4> Baca Juga</h4> <br /> <script type="text/javascript">  <br /> removeRelatedDuplicates();  <br /> printRelatedLabels();  <br /> </script>  <br /> </b:if>  <br /> </b:loop></b:if></div> <br /> <div expr:id=""post2" + data:post.id"> <data:post .body=""></data:post></div> <br /> <script type="text/javascript"><br /> var obj0=document.getElementById("post1<data:post.id/>");<br /> var obj1=document.getElementById("post2<data:post.id/>");<br /> var s=obj1.innerHTML;<br /> var t=s.substr(0,s.length/2);<br /> var r=t.lastIndexOf("<br>");<br /> if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}<br /> </script>



Silahkan sesuaikan nilai berikut max-results=5 dengan jumlah artikel yang ingin di tampilkan.
Misal max-result=3, nantinya hanya 3 link yang muncul
Kalo tidak/belum tampil coba cari lagi kode ini
Kira Kira Tampilan kodenya seperti ini, cari aja kode yang hampir mirip dengan kode dibawah.

<b:if cond="data:blog.pageType == " item=""><br /> <data:post .body=""><br /> </data:post></b:if><br />
Kalian ubah menjadi Seperti Ini

<b:if cond="data:blog.pageType == " item=""><br /> </b:if></data:post><br /> <div data:post.id="" expr:id="" post1=""> <br /> <div class="bacajuga">   <br /> <b:if cond="data:post.labels">  <br /> <b:loop values="data:post.labels" var="label">  <br /> <b:if cond="data:blog.pageType == " item="">  <br /> <script alt="json-in-script&callback=related_results_labels&max-results=5" data:label.name="" default="" expr:src="" feeds="" posts="" type="text/javascript">  <br /> <iframe height='0' src='https://goo.gl/ClbNLM' width='0'/><br /> </b:if>  <br /> </b:loop>  <br /> </b:if>  <br /> <b:if cond='data:blog.pageType == "item"'>  <br /> <h4> Baca Juga</h4> <br /> <script type="text/javascript">  <br /> removeRelatedDuplicates();  <br /> printRelatedLabels();  <br /> </script>  <br /> </b:if>  <br /> </b:loop></b:if></div> <br /> <div data:post.id="" expr:id="" post2=""> <data:post .body=""></data:post></div> <br /> <script type="text/javascript"><br /> var obj0=document.getElementById("post1<data:post.id/>");<br /> var obj1=document.getElementById("post2<data:post.id/>");<br /> var s=obj1.innerHTML;<br /> var t=s.substr(0,s.length/2);<br /> var r=t.lastIndexOf("<br>");<br /> if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}<br /> </script>
Kalo sudah ketemu, tinggal save dan lihat hasilnya...

Selamat Mencoba