اضافة اداة عرض اخر المواضيع لقسم معين لمدونات بلوجر

 

                             


طريقة تركيب اداة عرض اخر المواضيع لمدونتك

1- من لوحة التحكم >> قالب >> تحرير HTML
2- خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير
3- قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F)
4- قم بالبحث عن الكود ]]></b:skin> واضف فوقه مباشراً الكود التالي


 /*Recent Post By tag*/
img.rct-thumb{float:right;margin-left:10px;height:72px;width:72px;}
.recent-by-tag{width:100%;margin:0;padding:0}
ul.recent-by-tag li{padding:10px 0;margin-bottom:0;border-bottom:1px solid #ddd}
.recent-by-tag li{font-size:13px;list-style:none;padding-left:0;margin:0;padding:0;overflow:hidden}
.recent-by-tag a{font-size:16px;font-weight:normal;margin:0;}
.recent-by-tag strong{padding-left:0}
span.showdates{font-size:16px;margin:10px 0 0}
5- الان قم بالبحث عن الكود </head> واضف فوقه الكود التالي
  <script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var showpostdate = true;</script>
<script type='text/javascript'>
//<![CDATA[
// Recent Post By Tag
// Recent Post By Tag For Blogger by Kang Mousir
// http://gplus.to/mousir - http://kang-mousir.blogspot.com
function rcentbytag(e){document.write('<ul class="recent-by-tag">');for(var t=0;t<numposts;t++){var n=e.feed.entry[t];var r=n.title.$t;var i;if(t==e.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if(n.link[o].rel=="replies"&&n.link[o].type=="text/html"){var u=n.link[o].title;var f=n.link[o].href}if(n.link[o].rel=="alternate"){i=n.link[o].href;break}}var l;try{l=n.media$thumbnail.url}catch(h){s=n.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!=""){l=d}else l="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVIQWlI54SryVHZc_OzJIWYxfYtooInkLuNq2i68j9hL-xOSuQOTc9x8OW8xs1ZJt6inNAeWJF2Giirjko8MG-WgQW6XRwp9vy81vJJqjIoZrPwYhYQM9skzzr4QqEoFlbcKtDfXqkNdIn/s70-c/KM+Icon.png"}var p=n.published.$t;var v=p.substring(0,4);var m=p.substring(5,7);var g=p.substring(8,10);var y=new Array;y[1]="Januari";y[2]="Februari";y[3]="Maret";y[4]="April";y[5]="Mei";y[6]="Juni";y[7]="Juli";y[8]="Agustus";y[9]="September";y[10]="Oktober";y[11]="November";y[12]="Desember";document.write('<li class="clear">');if(showpostthumbnails==true)document.write('<a href="'+i+'" target ="_blank" title="'+r+'"><img class="rct-thumb" alt="'+r+'" src="'+l+'"/></a>');document.write('<strong><a href="'+i+'" target ="_blank" title="'+r+'" rel="nofollow">'+r+'</a></strong>');document.write('<br>');var x="";var T=0;if(showpostdate==true){x='<span class="showdates">'+x+g+" "+y[parseInt(m,10)]+" "+v+"</span>";T=1}document.write(x);document.write("</li>");if(t!=numposts-1)document.write("")}document.write("</ul>")}
//]]>
</script>
 6- والان اضغط على حفظ القالب ونذهب الى التخطيط ثم اضافة اداة جديدة HTML/Javascript ونضع الكود التالي داخل الاداة
 <script>
document.write("<script src=\"/feeds/posts/default/-/تعاون?orderby=updated&alt=json-in-script&callback=rcentbytag\"><\/script>");
</script> 
والان قم بتغير كلمة تعاون الى اسم القسم المراد عرض مواضيعه في الاداة
اي استفسار حول الموضوع لاتتردد ضعه في تعليق وسوف يتم الرد علية انشاء الله
دمتم في رعاية الله وحفظه


Reviewed by SamiraSwing on 1:59 م Rating: 5

ليست هناك تعليقات:

يتم التشغيل بواسطة Blogger.