الأحد, أغسطس 05, 2012

تغيير حجم صور المصغرات فى إضافة المشاركات الشائعه والتحكم فيها على بلوجر

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

الاضافه المتاحه من بلوجر بها بعض الخيارات القليله , وسنمكنك اليوم من التحكم بها بشكل أكبر عن طريق التحكم فى حجم الصور المصغره - التى تظهر بجانب رابط التدوينه - ومقاساتها .

كل ما عليك هو أن تقوم بالبحث عن الكود التالى
</head>
ثم ضع قبله الكود التالى
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'></script>
ثم إبحث عن الكود التالى
</body>
ثم ضع قبله الكود التالى
    <script type='text/javascript'>
    //<![CDATA[
    // Change Blogger popular post thumbnail size using jQuery / MS-potilas 2012
    // Put this code in a html/javascript gadget (after popular posts gadget), or before </body>.
    // See http://yabtb.blogspot.fi/2012/07/resize-popular-post-thumbnail.html
    var newSize = 100;  // this is the new thumbnail size, you can change this
    $(".popular-posts .item-thumbnail img").each(function() {
        var oldSize = $(this).attr("width");
        $(this).attr("width", newSize); $(this).attr("height", newSize);
        $(this).attr("src", $(this).attr("src").replace("/s"+oldSize+"-c/", "/s"+newSize+"-c/"));
    });
    //]]>
    </script>
ثم قم بحفظ القالب

تستطيع التحكم فى مقاسات وحجم الصور من هذا السطر
var newSize = 100;
الرقم 100 تستطيع تغييره لأى رقم تريده أنت .

إستمتع بها ولا تحرمنا من تعليقاتك .
من فضلك اضغظ لايك لمشاهدة لينك التحميل

7 تَعْلِيق:

  1. شكرا على هذه النصائح بارك الله فيك

    ردحذف
  2. والله انت عبقري ومدونتك جميله جدا

    تحيا مصر

    ردحذف
    الردود
    1. والله انت اللى كلامك جميل ......... شكرا ياحمد ربنا يخليك يارب .......

      حذف
    2. بس انا بعت لك رساله وانت ما رديت علي في (اتصل بنا )

      حذف
    3. رديت حالا يا باشا لانها لسه واصله .... نورت ...

      حذف
  3. الله ينور عليك والله العظيم برنس
    http://seyana-online.blogspot.com/

    ردحذف