TutorNesia ~ Source Related Posts ini saya ambil dari blog mas adhy yang beralamat www.kompiajaib.com, seperti penjelasan mas adhy kalau tutorial ini adalah buatan dari blog modification-blog. Tapi sayang sekali blog modification telah dihapus oleh pihak google beberapa waktu yang lalu entah dengan alasan apa.
Terus terang, saya tidak suka membagikan sesuatu yang sama tanpa dimodifikasi ulang. Alasannya cukup gampang kok, kalau kita membagikan dari hasil kereaksi orang mengapa kita tidak bagikan saja sumber buatannya, kan lebih gampang dan tidak perlu menjawab pertanyaan orang lain.
Karena saya menggunakan font Oswald dan PT Sans Narrow, maka anda harus pastikan blog anda sudah terpasang font dibawah ini, jika blog anda sudah terpasang font ini silahkan abaikan langkah ini.
01. Simpan kode font ini pas dibawah <head>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'/>02. Simpan kode ini di atas ]]></b:skin> atau </style>
#terkait_artikel{font:23px Oswald;color:#5F2E7C;text-transform:uppercase;border-bottom:3px solid #6E5A03}
#relpost_img_sum{line-height:16px;margin-top:5px;padding:0}
#relpost_img_sum:hover{background:none}
#relpost_img_sum ul{list-style-type:none;margin:0;padding:0}
#relpost_img_sum li{height:60px;list-style:none;margin:0;padding:5px;border-bottom:1px solid #ddd}
#relpost_img_sum li:hover{background-color:none;}
#relpost_img_sum a{font: 14px Oswald;color:#111;text-transform:uppercase}
#relpost_img_sum a:hover{text-shadow:none}
#relpost_img_sum .news-title{font: 13px PT Sans Narrow !important;margin-bottom:0px}
#relpost_img_sum .news-text{display:block;color:#333}
#relpost_img_sum img{float:left;margin-right:8px;width:100px;height:55px;border:5px solid #fff;box-shadow: 4px 4px 2px -2px rgba(0,0,0,0.5);}03. Simpan JavaScript ini diatas </head>
<script type='text/javascript'>
//<![CDATA[
var relnojudul = 0;
var relmaxtampil = 5;
var numchars = 150;
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\' A=\'"+4[r]+"\'>"+4[r]+"</a>";h+="<17 G=\'H-18\'>"+9[r]+" ... <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>Keterangan:
var relnojudul = 0;
var relmaxtampil = 5; /Jumlah Pos yang mau ditampilkan/
var numchars = 150; /Jumlah Cuplikan Karatek/
var morelink = "readmore";04. Simpan HTML ini dibawah postingan, biasanya kode
<div class='post-footer'> yang kedua. Atau kode seperti ini.<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>
<div style='clear: both;'/>
<!-- clear for photos floats -->
</div>Jika sudah temukan silahkan simpan kode HTML bawah ini pas dibawah kode yang saya kasih contoh diatas.
<b:if cond='data:blog.pageType == "item"'>
<div id='related_posts'>
<div id='terkait_artikel'>Berita Populer Lainnya</div>
<div class='related_posts_title'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=50"' type='text/javascript'/>
</b:loop>
<div id='relpost_img_sum'>
<script type='text/javascript'>artikelterkait();</script>
</div>
</div>
</div>
</b:if>Jika langkah diatas anda terapkan dengan benar maka sudah dapat dipastikan telah berhasil, jika ada pertanyaan silahkan tuliskan pada kolom komentar dibawah ini.
Baca Juga Artikel Terkait Lainnya
Silahkan bertanya sesuai dengan artikel yang telah anda baca diatas.
Link aktif otomatis terseleksi ke SPAMMER.
Alasan komentar anda tidak terjawab adalah OOT atau diluar kemampuan Admin.