لغة الشات (اللغة المستهجنة )

بسم الله الرحمن الرحيم 

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

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

هذه صورة نموذج المشاركات الشائعة

 1-  ادخل الى لوحة التحكم الخاصة بمدونتك > تصميم 

واضغط  على زر إضافة  الاداة 

2-إضغط على زر المشاركات الشائعة

3- إتبع التعليمات الموجودة على الصورة ادناه 

       كل ماعليك ان تخصص أكثر من اربعة مشاركات وهذا مهم جدا

4 - ثم نرجع ونذهب الىى عناصر الصفحة >> تصميم >> إضافة أداة
ومن ثم نضغط على 

اضغط على زر HTML-JavaScirpt وبعد ذلك نضع الكود التالي  ونقوم بالحفظ

<style type="text/css" media="screen">

#PopularPosts1 {
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:400px;

}

#PopularPosts1 ul {
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}

#PopularPosts1 li {
 width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#PopularPosts1 li .item-title {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}

#PopularPosts1 li .item-title a {
 text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#PopularPosts1 li img {
 float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}

#PopularPosts1 li .item-snippet {
  overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
    color:#3E4548;
    text-decoration: none;
}

#PopularPosts1 .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}

#PopularPosts1 {
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}

.tags span,
.tags a {
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
}

a img {
    border: 0;
}

-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

• 5 - نقوم بنقل زر إضافة أداة  الذي وضعت فية الكود اعلاه الى أسفل 
•     رسائل المدونة الالكترونية كما هو موضح بالصورة أدناه

 6 - قم بالحفظ ثم اذهب إلى مدونتك لتشاهد النتيجة التي أضافت جمالأ على المدونة 

         وإذا كان لديك قائمة المشاركات الشائعة من قبل قم بتجاوز التعليمات بند 1+2

وإن شاء الله أن اكون قد وفقت في هذا الموضوع

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