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


السلام عليكم ورحمة الله تعالى وبركاته اعضاء وزوار مدونة محمد عماد في تدوينة جديدة واضافة جديدة لمدونات بلوجر وهي اضافة اخر المواضيع لقسم معين في بلوجر اضافة جميلة وجذاب وهذه الاضافة تستخدم في الكثير من المدونات الاخبارية والتقنية
نأتي لطريقة التركيب
اذهب الى لوحة تحكم مدونتك , قالب , تحرير HTML
قم بالبحث عن الكود التالي

]]></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}

الان قم بالبحث عن الكود </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/AVvXsEg-czK27uairrAw4ehTocPzeuABLU8AYTlaZY4_Ro4Pk2S5rGlk31VdZCyr_0tpsY2eVxqQD5r2LeDNSvJsNtWDHWAIx0LXOErCGOe-pd1Y15wUNhsW-__MWzat-oqTzwcT5WvvytppMNsx/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>

والان اضغط على حفظ القالب ونذهب الى التخطيط ثم اضافة اداة جديدة HTML/Javascript ونضع الكود التالي داخل الاداة


<script> document.write("<script src=\"/feeds/posts/default/-/بلوجر?orderby=updated&alt=json-in-script&callback=rcentbytag\"><\/script>"); </script>

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

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

جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).