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

فى احدى الدروس السابقة من قسم دروس بلوجر وضعت لكم اضافة اخر المشاركات مع مصغرات الصور عبر العنوان التالى : اضافة اخر المشاركات من اقسام مدونة بلوجر بشكل مرقم - اضافات بلوجر وكانت الاضافة اكثر من رائعة وتستحق التركيب فى المدونة .

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

صورة من اضافة عناوين اخر المواضيع 

وكما تلاحظون شكل الاضافة اعتقد تصميم بسيط وبشكل احترافى وبدون ان تسبب اى ثقل للمدونة فأذا اعجبتك هذه الاضافة وتريد تركيبها الى مدونتك فعليك بمتابعة طريقة التركيب .
طريقة تركيباضافة عناوين اخر المواضيع في بلوجر
فى البداية اذهب الى لوحة تحكم مدونة بلوجر ثم من صفحة التخطيط اختار اضافة اداة

ومنها اختار اضافة HTML/JavaScript :

بالاخير ضع هذا الكود :

<div class="recentpoststyle">
<script type="text/javascript">
function showlatestposts(e){for(var t=0;t<posts_no;t++){var r,s=e.feed.entry[t],n=s.title.$t;if(t==e.feed.entry.length)break;for(var a=0;a<s.link.length;a++)if("alternate"==s.link[a].rel){r=s.link[a].href;break}n=n.link(r);var i="... اكمل القراءة";i=i.link(r);var l=s.published.$t,o=l.substring(0,4),u=l.substring(5,7),c=l.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in s)var d=s.content.$t;else if("summary"in s)var d=s.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<li class="recent-post-title">'),document.write(n),document.write('</li><div class="recent-post-summ">'),1==post_summary)if(d.length<summary_chars)document.write(d);else{d=d.substring(0,summary_chars);var f=d.lastIndexOf(" ");d=d.substring(0,f),document.write(d+" "+i)}document.write("</div>"),1==posts_date&&document.write('<div class="post-date">'+m[parseInt(u,10)]+" "+c+" "+o+"</div>")}}
</script>
<script type="text/javascript">
var posts_no = 3;var posts_date = false;var post_summary = true;var summary_chars = 80;</script>
<script src="/feeds/posts/default/-/مقالات?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts">
</script>
<noscript>Your browser does not support JavaScript!</noscript>

<style type="text/css">
.recentpoststyle {counter-reset: countposts;list-style-type: none;}
.recentpoststyle a {text-decoration: none;color: #B60202;font-family:Droid Arabic kufi,Arial,Helvetica,Sans-serif;font-size:10px;line-height: 30px;font-weight:normal;}
.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 1;position:relative;font-size: 15px;font-weight: bold;color:#fff;background:#B60202; margin:13px 5px 0px -6px;line-height:30px;width:30px;height:30px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}li.recent-post-title{margin-bottom: 5px;padding: 0;}
.recent-post-title a {color: #444;text-decoration: none;font: bold 13px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.post-date {font-size: 11px;color: #999;margin:5px 0px 15px 32px;}
.recent-post-summ {border-left:1px solid #B60202; color: #777; padding: 0px 5px 0px 20px; margin-left: 10px; font-family:Droid Arabic kufi,Arial,Helvetica,Sans-serif;font-size:10px;line-height: 30px;font-weight:normal;}
</style></div> 

قبل الحفظ قم بعمل هذه التغييرات :

• رقم 3 المحدد باللون الازرق خاص بأظهار عدد المواضيع 
• رقم 80 المحدد باللون الاخضر خاص بعدد مقتطفات الموضوع
• كلمة مقالات المحددة باللون الاحمر قم بتغييرها الى القسم الذى يناسبك 

فى الاخير قم بالضغط على حفظ

اتمنى بأن موضوع اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر نال على اعجابكم وان شاء الله فى القريب العاجل سأضع لكم بعض الاضافات المميزة واى استفسار قم بوضع تعليق .