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

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

اضافة اخر المشاركات من قسم محدد بشكل مرقم واكثر من رائع مع مميزات عديدة .

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

الاضافة كاملة والكمال لله وحدة بمعنى لايوجد ملفات جافا سكربت مرفوعة على سيرفر اخر بل جميع محتوى الاضافة ستكون متواجدة فى مدونتك وملكا لك .

مميزات اضافة اخر المشاركات من قسم محدد

• صورة مصغرة
• عنوان المشاركة
• عدد التعليقات
• عرض التاريخ
• اقراءة المزيد
• عدد المواضيع

صورة اضافة اخر المشاركات من اقسام المدونة

وكما تلاحظون شكل الاضافة اعتقد بأنها اضافة مميزة ومن اهم اضافات بلوجر 

شرح تركيب اضافة اخر المشاركات فى مدونة بلوجر

فى البداية اذهب الى لوحة تحكم مدونة بلوجر ثم من صفحة التخطيط اختار اضافة اداة

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

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

<script type="text/javascript">

function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=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),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOVbnwAj-ornc99EOC0kqM4_6j2BZQXejWgR9SHpwkroWT-n_KoTfPHlKfxNimln9bXfdE6LejrwkJXMQcwuLCA45zHpk7ONGPwKr7pRWPHK9onVu7ZGG5GSQeZF3wNxnhqgaC4LeK52ea/s1600/no-thumb.png"}var p=n.published.$t,f=p.substring(0,4),g=p.substring(5,7),v=p.substring(8,10),w=new Array;if(w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]="Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]="Dec",document.write('<li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>"),"content"in n)var A=n.content.$t;else if("summary"in n)var A=n.summary.$t;else var A="";var k=/<\S[^>]*>/g;if(A=A.replace(k,""),1==post_summary)if(A.length<summary_chars)document.write(A);else{A=A.substring(0,summary_chars);var y=A.lastIndexOf(" ");A=A.substring(0,y),document.write(A+"...")}var _="",$=0;document.write('<br><div class="recent-posts-details">'),1==posts_date&&(_=_+w[parseInt(g,10)]+" "+v+" "+f,$=1),1==readmorelink&&(1==$&&(_+=" | "),_=_+'<a href="'+r+'" class="url" target ="_top">Read more</a>',$=1),1==showcommentslink&&(1==$&&(_+=" <br> "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",_+=l,$=1),document.write(_),document.write("</div>"),document.write("</li>")}document.write("</ul>")}

</script>

<script type="text/javascript">

var posts_no = 4;

var showpoststhumbs = true;

var readmorelink = false;

var showcommentslink = false;

var posts_date = false;

var post_summary = false;

var summary_chars = 40;</script>

<script src="/feeds/posts/default/-/الربح من الانترنت?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>

<noscript>Your browser does not support JavaScript!</noscript>

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

<style type="text/css">

img.recent-post-thumb{padding:2px;width:65px;height:65px;float:left;margin:0px 10px 10px;border: 1px solid #B60202;}

.recent-posts-container {font-family:'Oswald', sans-serif;font-size:12px;}

ul.recent-posts-container li{list-style-type: none; margin-bottom: 10px;font-size:12px;float:left;width:100%}

ul.recent-posts-container {counter-reset: countposts;list-style-type:none;padding:0;}

ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 1;position:absolute; left: 0px; font-size: 13px;font-weight: bold;color: #fff;background: #B60202;line-height:25px;height:25px;width:25px;text-align:center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}

.recent-posts-container a{text-decoration:none;}

.recent-post-title {margin-bottom:5px;}

.recent-post-title a {font-family:Droid Arabic kufi,Arial,Helvetica,Sans-serif;font-size:11px;line-height: 30px;font-weight:normal; text-transform: uppercase; color: #336699;}

.recent-posts-details {margin: 5px 0px 0px 92px;font-size:11px;}

.recent-posts-details a{color: #777;}

</style>

<div id="thumb" class="thumb"></div>

قبل عملية الحفظ عليك بمعرفة محتوى الكود لكى تعرف كيفية اظهار التعليقات ومقتطف من الموضوع والتاريخ وكلمة اقراءة المزيد وعدد التعليقات .............

• رقم 4 المحدد باللون الاحمر عدد المواضيع .
• كلمة true اظهار وكلمة false اخفاء بمعنى اذا كنت تريد اظهار خاصية عدد التعليقات مثلا عليك بوضع كلمة true واذا كنت تريد مثلا اخفاء كلمة اقراءة المزيد بالطبع سنضع كلمة false تابع معى التحكم :

showpoststhumbs المحدد باللون الاخضر خاص باظهار الصورة 

readmorelink المحدد باللون الازرق خاص بأظهار كلمة اقراءة المزيد

showcommentslink المحدد باللون الاورنج خاص بأظهار عدد التعليقات

posts_date  المحدد باللون الروز خاص بأظهارتاريخ المشاركة

post_summary المحدد باللون السماوى خاص بأظهار مقتطف من الموضوع

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

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

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