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

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

الشرح بسيط جدا

تسجيل الدخول إلى Blogger، انتقل إلى "تخطيط"  "إضافة أداة"  من القائمة اختر

"HTML / جافا سكريبت "

 ثم نسخ الكود الموجود / لصقه في مربع الاداة ثم انقر على "حفظ"


1 - عرض المشاركات الأخيرة في مدونتك

الشكل الاول

    <div id="hlrpsb">    <script style="text/javascript" src="https://zoomarabic-bloggercode.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>    <script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>    <script src="http://zoomarabic.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>    <div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://zoomarabic.blogspot.com/2012/06/recent-posts-with-titles-for-blogger.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="zoomarabic.blogspot.com" title="Recent Posts Widget">zoomarabic</a></div>    <style type=text/css>    #hlrpsb a {color: #c0c0c0; font-size: 11px;} #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSd759gp_Mbmta3BX2hpipXKDIzsQHiP8hamFWwmTcltc4TmjSvo6UQGaET7oRiiutx0AWrbN_hl6Z2A3ORpVqBk-xlkdEdd5-Dq4IHeltZxoAwCGcCUskbff6yG3xMaLFP6TzZiYwP1KW/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}    #rpdr, #rpdr a {color:#808080;}    .bbrecpost2 {    padding-top:6px;    padding-bottom:6px;    border-bottom: 1px #cccccc dotted; }    </style> 

الشكل الثاني

<link href="https://dl.dropboxusercontent.com/u/137869302/style.css" type="text/css" rel="stylesheet" /><script src="https://dl.dropboxusercontent.com/u/137869302/json.js"></script>  <script type='text/javascript'>var numposts = 3;var showpostthumbnails = false;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script>  <script type="text/javascript" src="http://zoomarabic.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs"></script> 

2 - عرض المشاركات الأخيرة مع مصغرات في مدونتك

<link href="https://dl.dropboxusercontent.com/u/137869302/style.css" type="text/css" rel="stylesheet" /> <script src="https://dl.dropboxusercontent.com/u/137869302/json.js"></script>   <script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 150;</script>  <script type="text/javascript" src="http://zoomarabic.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs"></script> 

  src="http://zoomarabic.blogspot.com/feeds/posts/default?orderby

يجب عليك  تغيير مع عنوان الموقع الخاص بك.

.الى هنا انتهينا من الشرح شاركونا بأفكاركم و ارائكم و لا تنسوا الردود

للحصول على الاكواد : Recent posts widget with titles for blogger