افضل اضافتين من المشاركات الاخيرة للمواضيع 2016/2017

السلام عليكم ورحمة الله وبركاتة

اليوم وفي هذا الدرس الجميل ولانيق ارت ان اشارككم اضافة جميلة وهي افضل اضافتين من المشاركات الاخيرة للمواضيع 2016/2017 للمدونين اللي يحبون التغير دائما ويبحثون علي كل ما هو جديد في عالم التدوين اليكم هذا الاضافة الرائعة ٬ اضافة المشاركات الأخيرة للمدونة هي بصراحة اضافة لا تقدر بثمن. تعمل علي احدث المواضيع في المدونة .وايضا تلفت نظر الزائر وتجلة يتصفح مواضيع المدونة ويقضي اطول فترة ممكنا في المدونة

صورة من الاضافة

ولتركيب الاضافة اتبع

الخطوة 1: اذهب إلى لوحة تحكم مدونتك واضغط علي التخطيط
     الخطوة 2: انقر على "إضافة أداة"
     الخطوة 3: من النافذة المنبثقة، اختر JavaScript
     الخطوة 4: نسخ والصق الكود في المربع

أكتب <script style="text/javascript" src="https://helplogger.googlecode.com/svn/trunk/helplogger/recentposts2.js"></script>
<script style="text/javascript">
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs" rel="nofollow"></script>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://hh5050.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Lobster|Gloria+Hallelujah' rel='stylesheet' type='text/css' />
<style type="text/css">
img.recent-post-thumb {width:50px;height:50px;float:right;margin: -4px -35px 0px 0px; border: 4px solid #FCD6CB; border-radius: 100%;}
.recent-posts-container {font-family: 'Gloria Hallelujah', cursive;  float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none; background: #fff; }
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: -20px; font-size: 16px;color: #616662;background: #FCD6CB;padding: 9px 14px; border-radius: 100%; margin-top: 15px;}
ul.recent-posts-container li {position:relative;padding:5px 0px;min-height:50px; list-style-type: none; margin: -2px 5px 5px 5px;  border-top: 2px solid #FCD6CB;}
ul.recent-posts-container {border: 2px solid #FCD6CB; }
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover { color: #222;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 14px;color: #616662;}
.recent-post-title {padding: 6px 0px;}
.recent-posts-details a{ color: #888;}
.recent-posts-details {padding-bottom: 5px;}
a.readmorelink {color: #4DACE3;}
</style>

ثم بعد ذالك غير هذا الرابط ب رابط مدونتك http://hh5050.blogspot.com

وايضا صورة من الاضافة التالية