الجمعة، 22 سبتمبر، 2017

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

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

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

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

اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر
وكما تلاحظون شكل الاضافة اعتقد تصميم بسيط وبشكل احترافى وبدون ان تسبب اى ثقل للمدونة فأذا اعجبتك هذه الاضافة وتريد تركيبها الى مدونتك فعليك بمتابعة طريقة التركيب .
طريقة تركيباضافة عناوين اخر المواضيع في بلوجر
فى البداية اذهب الى لوحة تحكم مدونة بلوجر ثم من صفحة التخطيط اختار اضافة اداة
اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر
ومنها اختار اضافة 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 المحدد باللون الاخضر خاص بعدد مقتطفات الموضوع
  • كلمة مقالات المحددة باللون الاحمر قم بتغييرها الى القسم الذى يناسبك 
فى الاخير قم بالضغط على حفظ

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



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

إرسال تعليق

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الموافقة على نشر التعليقات

موقع كينج نت يسمح لك بإضافة رابط موقعك عبر التعليقات ولكن فى اطار مضمون المشاركات وان يكون صلة مباشرة بالمقال حتى يتم الموافقة على نشر التعليقات ولمن يضع روابط عشوائية بدون اضافة تعليق ليس له اى صلة بمحتوى الموضوع سيتم نقلة الى الرسائل الغير مرغوب فيها حتى تتم عملية الحذف .