Tutorial Related Post MagzEvo Version

on Selasa, Jun 05, 2012

Assalamualaikum,
Salam Sejahtera, Salam 1 Dunia.

Pada yang bertanyakan tentang Related Post seperti imej di bawah, aku sediakan tutorial untuk dikongsikan di sini, juga untuk panduan padaku sendiri di masa depan.


Sebelum anda memulakan sesi menggodek blog, suka untuk aku tegaskan di sini bahawa tutorial yang aku sedikan ini khusus untuk blog yang menggunakan Template Thesis. Lain dari template tu, aku tak pasti jadi atau tidak kerana aku tidak pernah mencubanya di template dari blogger.com atau lain-lain template yang seangkatan dengannya. Nak tau lebih lanjut, boleh bertanya terus dengan pemilik blog Sembang Siber.

Ikuti langkah-langkah berikut:
1. Login dashboard > template > Edit HTML > Procced  dan tick kotak Expand Widget Templates.
2. Tekan Ctrl + F untuk cari code </head> 
3. Copy dan paste kan code di bawah ini sebelum code di atas

<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style>
#main-wrapper {width: 610px;}
.post {border-bottom: 1px solid #ddd;}
  }
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related_posts{}
#related_posts h4{ border-top:1px solid #333;  border-bottom:1px solid #333;  color:#333;  font-size:14px;  letter-spacing:0;  line-height:20px;  margin:0 0 5px;  padding:5px 10px; background:#03C}
#relpost_img_sum{/* height:320px; overflow:auto; */margin:0; padding:0px; 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 #ccc; background:#fff; margin:0 0 5px; padding:5px; height:65px; list-style:none}
#relpost_img_sum .news-title{display:block; font-weight:bold !important}
#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:5px; padding:4px; border:solid 1px #ccc; width:50px; height:50px; background:#fff}
</style>
<script type='text/javascript'>//<![CDATA[
var relnum = 0;
var relmaxposts = 5;
var numchars = 200;
var morelink = "readmore";
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|relnum|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|relmaxposts|li|span|text|split|join|relpostimgthum|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|relatpost|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{}))
//]]></script>
</b:if>
4.  Cari code  <span class='st_sharethis_hcount' displayText='ShareThis'/></div></div> 
5. Copy dan paste code di bawah ini selepas code </div> dan sebelum code </b:if>

<div id='related_posts' style='margin-top:35px;'>  
<h4 style='color:#fff; text-shadow:none; border-radius:5px;  border:2px solid #ddd;  background:#000;'>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='relpost_img_sum'>  
<script type='text/javascript'>relatpost();</script>  
</ul>  
</div> 
* Code berwarna di atas boleh diedit mengikut kehendak anda.

6. Jangan lupa preview dan save jika tiada error.




Kredit: Sembang Siber

Jika artikel ini bermanfaat, sila kongsikan, terima kasih.

Ranking: 5

16 comments

5 Jun 2012 12:54 PTG

Apa pun sebelum mengubah kod perlu buat backup kalau tidak naya. :-)

5 Jun 2012 4:42 PTG

oh tisak sy guna theme lain huhu...rasa kesat air mata ni huhu...

5 Jun 2012 4:44 PTG

terkadang mmg sllu lupa mmg bagus d kongsikan dan juga elok utk diri sndri nnti nak rujuka mudah.

5 Jun 2012 4:50 PTG

Pengguna platform blogger boleh jadikan alternatif kepada LinkWithin ni :D

5 Jun 2012 8:40 PTG

@Encik Anif

btul..linkwithin lebih senang rasanya.. :)

5 Jun 2012 9:02 PTG

@jebengotai
Setuju!
Yang ni rumit sikit.

5 Jun 2012 9:02 PTG

@suri
Jangan la bersedih... :)

5 Jun 2012 9:33 PTG

KM sebelum nie pakai plugin all related post, selalu timbul masalah error 403 Forbidden. kemudian blogger Cikgu Hairul suggest guna nrelate.

5 Jun 2012 10:59 PTG

buat masa ni masih menggunakan Linkwithin yang masih terasa relevan lagi penggunaannya..

6 Jun 2012 2:40 PG

ilmu bagus ni
ada masa nanti kita godek2 kod
hehe
tq

6 Jun 2012 6:07 PTG

Nice tuto for blogger user... :)

8 Jun 2012 12:37 PTG

Tgk sajelah dulu...hehe

Terima kasih Iza kongsikan tips ni. Akan dicuba jugak satu hari nanti :D

8 Jun 2012 2:52 PTG

@Kamal Mustafa
Kalau bermasalah memang kena tukar segera la..

8 Jun 2012 2:53 PTG

@pipoq
Ya, Linkwithin masih popular

8 Jun 2012 2:54 PTG

@hafizmd
sama2. :)

Catat Ulasan

Terima kasih kerana mengunjungi Teratak Usang serta meninggalkan komen di sini

 
© TERATAK USANG All Rights Reserved