Related Post by Label, tanpa mengubah Template. Simple!!



TutorialMixs - dalam kesempatan ini aku mau coba share lagi, terkait menambahkan RELATED POST BY CATAGORI / LABEL, tanpa harus otak-atik template agan..

ku rasa tutorial ini sangatlah simple dan praktis dengan tampilan defauldnya juga elegan.. agan bisa menambahkan di sidebar-sidebar yang di rasa oke untuk di tampilkan, termasuk juga kalau mau menambahkan di bawah artikel post agan

agan bisa kunjungi contoh dari related post by label ini di youtube-most-wanted,
karena ke semua tutrorial yang aku share minimal udah aku coba dan di jamin work 1000%,  jika ada kendala silahkan share kendalanya apa..

oke langsung aja ke topik:

1. langkah pertama silahkan masuk ke blogger agan dan ke template
2. klik tambahkan widget di sidebar template agan (terserah)
3. lalu klik HTML/JavaSriptnya ya

kalau bingung silahkan lihat tutorial image berikut



dan jangan lupa masukkan Title di sidebar yang ingin di kasihkan code scriptnya (optional) boleh di isi boleh tidak. lalu masukkan kode sript berikut yah:

<style>
img.recent_thumb {padding:1px;width:72px;height:72px;border:0; float:left;margin:0 10px 5px 1px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 72px;margin: 5px 10px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:72px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;} </style>
<script>
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)
{
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl=d;} else thumburl='http://lh4.ggpht.com/_IjrRiI_bVb0/TOCYn1fMjII/AAAAAAAAF24/5Fvv-HJqh74/loading-2.gif';
}
var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write('<li class="clearfix">');
if(showpostthumbnails==true)
document.write('<img class="recent_thumb" src="'+thumburl+'"/>');
document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>');
    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    var re = /<\S[^>]*>/g;
    postcontent = postcontent.replace(re, "");
if (showpostsummary == true) {
      if (postcontent.length < numchars) {
          document.write('<i>');
         document.write(postcontent);
          document.write('</i>');}
      else {
          document.write('<i>');
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + '...');
          document.write('</i>');}
}
var towrite='';var flag=0;
document.write('<br><strong>');
if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='1 Comments') commenttext='1 Comment';
if(commenttext=='0 Comments') commenttext='No Comments';
commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}
if(displaymore==true)
{
if (flag==1) towrite=towrite+' | ';
towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Read more&#187;&#187;</a>';
flag=1;
;
}
document.write(towrite);
document.write('</strong></li>');
if(displayseparator==false)
if (i!=(numposts-1))
document.write('<hr color="#d9f1fa" size=0.5>');
}document.write('</ul>');
}
</script>
<script>
var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 150;
</script><script src="http://youtube-most-wanted.blogspot.com/feeds/posts/default/-/Trailer%20Movie?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">
</script><div class="clear"/></div>
<a href="http://youtube-most-wanted.blogspot.com/search/label/Trailer%20Movie?&max-results=12"><span style="font-weight:bold; color:red;">ReadMore>></span></a>

petunjuk : untuk yang saya warni hijau silahkan ganti alamat blog sobat, dan yang saya kasih warna pink, ubah sesuai dengan katagori/label yang ingin agan tampilkan. ingat, untuk label yang mempunyai lebih dari 1 kata, jangan lupa di sisipkan perintah %20, seperti contoh yang saya kasih warna pink. oke ku rasa itu saja dulu, semoga bermanfaa yah..

happy blogger
Wassalammu'alaikum, Wr.Wb





Sebenarnya artikel ini aku buat hanya untuk referensi, catatan/archieve aku pribadi terkait hal2 yang paling penting dalam pembuatan, penyusunan, memperbaiki, mempercantik web/blog serta cara/Panduan Hal lain. Jika artikel ini secara tidak langsung mempunyai manfaat buat anda, kurasa mungkin itu, secara kebetulan saja..

Share this

Related Posts

Previous
Next Post »
Related Posts Plugin for WordPress, Blogger...