إضافة أداة المشاركات الشائعة بشكل مميز وأحترافي

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

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

لمشاهدة الإضافة

- طريقة التركيب :

1- ادخل المدونتك | ثم أختر تحرير قالب .

2- إبحث عن الوسم :  ]]></b:skin>

3- ضع الكود التالي فوقه .

/* Popular Posts Widget customized by homeblog7.blogspot.com */
.PopularPosts .item-thumbnail { display: block; height: 190px; margin: 0; overflow: hidden; position: relative; width: 100%; }
.PopularPosts .item-title { position: relative; }
.PopularPosts img { display: block; height: auto; position: absolute; width:auto; transition: all 1s ease 0s; }
.item-title a { background:rgba(0, 0, 0, 0.35); color: #FFFFFF; font-family: Impact; font-size: 17px; font-weight: 100; padding: 10px 0; position: absolute; left: 0; text-align: center; top: 30px; width: 100%; }
.item-snippet { background:rgba(0, 0, 0, 0.35); color: #FFFFFF; font-weight: 900; right: 12%; padding: 10px; position: absolute; text-align: center; top: 95px; width: 70%; }
.item-content:hover img {transform: rotate(10deg) scale(1.2);}
.item-content { position: relative; }

4- بعد ذلك إبحث عن الوسم : </body>

5- ضع الكود التالي فوقه .

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/><script type='text/javascript'>
 $(document).ready(function() {$(&#39;.PopularPosts img&#39;).attr(&#39;src&#39;, function(i, src) {return src.replace( &#39;s72-c&#39;, &#39;s400&#39; );});});
</script>
    <script type='text/javascript'>
    //<![CDATA[
    // Popular Posts customization by homeblog7.blogspot.com
    // Trim Code by MS-potilas 2012
    $('.popular-posts ul li .item-snippet').each(function(){
     var txt=$(this).text().substr(0,120);
      var j=txt.lastIndexOf(' ');
      if(j>10)
         $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
    });
    //]]>
    </script>

- ملاحظة إذا الكود الملون باللون الأحمر متوفر في مدونتك فلا داعي له .

6- إحفظ القالب .

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