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

 اليوم في موضوع جديد وحصري حبيت اقدم لكم اضافة اداة عرض اخر المواضيع لقسم معين لمدونات بلوجر طبعاً الاضافة اكثر من رائعة والتي الكثير من المدونين يبحث عنها والتي تستخدم في المدونات الاخبارية والتقنية وجميع انواع المدونات مصممة بتصميم رائع وتضيف لمسة من الجمال لمدونتك وتمكنك من عرض مواضيع قسم معين من اقسام مدونتك داخل اداة على الصفحة الرئيسية  لاطيل عليكم نتطرق الى طريقة التركيب

مشاهدة صورة للأضافة

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

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/AVvXsEilyd1qmvjk7RWADg8upS9-Qwr8jrP-HN8wDBuKHRavaRuwtUWRpPwzFFKkegPk6F3zo6EygAJIm-42MN_V-A_l33_ZAEe3vQje__6JUgT0hcLqxBrewDZRK_ECvZWjynL2dx6uWYZJtn-V/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> 

والان قم بتغير كلمة تعاون الى اسم القسم المراد عرض مواضيعه في الاداة

اي استفسار حول الموضوع لاتتردد ضعه في تعليق وسوف يتم الرد علية انشاء الله

دمتم في رعاية الله وحفظه