Cara Membuat dan Memasang Artikel Terkait

Halo , Kembali lagi bersama Blog Ayo Kita Belajar, Kali ini Blog Ayo Kita Belajar Akan memberitahu cara membuat dan Memasang Artikel Terkait Atau Yang Biasa Disebut dengan Related Posts, Kira Kira Tampilannya Seperti Ini , Ingin Tahu Cara Memasang Dan Membuatnya, Ayo Kita Pelajari Caranya

1. Masuk Ke Akun Blogger Kalian
2. Pergi Ke Templates > Edit HTML
3.Cari Kode </head>
4. Copy kode dibawah ini Diatas Kode  </head>
<b:if cond='data:blog.pageType == "item"'><br /> <style> #related_posts h4 { background: none repeat scroll 0 0 #333; color: #FFF; font-family: Arial,Tahoma,Verdana; font-size: 11px; font-weight: bold; margin: 0; padding: 2px 5px 1px 8px; text-shadow: 1px 1px #000000; text-transform: uppercase; } #relpost_img_sum { /* height: 320px; overflow: auto; */ margin: 0; padding: 4px; line-height: 16px; } #relpost_img_sum:hover { background: none; } #relpost_img_sum ul { list-style-type: none; margin: 0; padding: 0; } #relpost_img_sum li { border: 1px solid #DDD; margin: 0; padding: 5px; height: 65px; list-style: none; } #relpost_img_sum li:hover { background-color: #E6E6E6; } #relpost_img_sum a { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); } #relpost_img_sum .news-title { display: block; font-weight: bold !important; margin-bottom: 4px; } #relpost_img_sum .news-text { display: block; text-align: justify; font-weight: normal; text-transform: none; color: #333; } #relpost_img_sum img { float: left; margin-right: 14px; padding: 4px; border: solid 1px #DDD; width: 55px; height: 55px; } </style><br /> <script type='text/javascript'>//<![CDATA[ var relnojudul = 0; var relmaxtampil = 10; var numchars = 200; var morelink = "readmore"; /* Related Post with Thumbnail & Summary 1.0 (May 02, 2011) copyright (c) 2011 Hendriono from http://modification-blog.blogspot.com/ */ eval(function(p,a,c,k,e,r){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--)r[e(c)]=k[c]||e(c);k=[function(e){return r[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=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2 k=0;k<6.E.3;k++){8(6.E[k].U==\'1o\'){5[n]=6.E[k].v;F}}n++}}s V(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G=\'H-A 1u\'>";h+="<a v=\'"+5[r]+"\' U=\'1v\' I=\'J\' A=\'"+4[r]+"\'><1w 1x=\'"+b[r]+"\' /></a>";h+="<a v=\'"+5[r]+"\' I=\'J\'>"+4[r]+"</a>";h+="<17 G=\'H-18\'>"+9[r]+" ... [<a v=\'"+5[r]+"\' I=\'J\'>"+1y+"</a>]<17 G=\'H-18\'>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}}',62,98,'||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnojudul|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxtampil|li|span|text|split|join|relpostimgcuplik|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|artikelterkait|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{})) //]]></script><br /> </b:if>
5. Kemudian Cari Kode  <div class='post-footer'>
6. Lalu Copy Kode dibawah ini DIBAWAH Kode <div class='post-footer'>
<b:if cond='data:blog.pageType == "item"'><div style='overflow:auto;width:90%;height:150px;padding:20px;margin-bottom:10px'><div class='similiar'><div class='widget-content'><h3>Artikel yang berkaitan</h3><div id='data2007'/><br/><br /> <br/><br /> <script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) {var ul = document.createElement('ul');var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i < maxPosts; i++) {var entry = json.feed.entry[i];var alturl; for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {alturl = entry.link[k].href;break;}}var li = document.createElement('li');var a = document.createElement('a');a.href = alturl; if(a.href!=location.href) {var txt = document.createTextNode(entry.title.$t);a.appendChild(txt);li.appendChild(a);ul.appendChild(li);}}for (var l = 0; l < json.feed.link.length; l++) {if (json.feed.link[l].rel == 'alternate') {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+13);var k;for (k=0; k<20; k++) label = label.replace("%20", " ");var txt = document.createTextNode(label);var h = document.createElement('b');h.appendChild(txt);var div1 = document.createElement('div');div1.appendChild(h);div1.appendChild(ul);document.getElementById('data2007').appendChild(div1);}}}function search10(query, label) { var script = document.createElement('script');script.setAttribute('src', query + 'feeds/posts/default/-/'+ label +'?alt=json-in-script&callback=listEntries10');script.setAttribute('type', 'text/javascript');document.documentElement.firstChild.appendChild(script);} var labelArray = new Array();var numLabel = 0; <b:loop values='data:posts' var='post'><b:loop values='data:post.labels' var='label'>textLabel = "<data:label.name/>"; var test = 0;for (var i = 0; i < labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length <= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel < maxLabels) {search10(homeUrl3, textLabel);numLabel++;}} </b:loop> </b:loop> </script><br /> </div></div></div><!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --><a href="http://pelajari-selengkapnya.blogspot.com/2012/03/cara-membuat-dan-memasang-artikel.html" target="_blank">Get This</a></b:if>
6. Simpan Sudah Templates Anda

Selamat Berkreasi