طريقة اضافة عرض مواضيع المدونة بتقنية jquery في مدونات بلوجر جديد سما بلوجر

    • طريقة اضافة عرض مواضيع المدونة بتقنية jquery في مدونات بلوجر جديد سما بلوجر

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

      لتركيب الاضافة تابع الشرح ....





      [B]الخطوة الاولى[/B]

      من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم
      [B]الخطوة الثانية[/B]

      1- ابحث عن :
      [INDENT]
      [/INDENT]



      2- واضف فوقها مباشر هذا الكود :
      [INDENT]



      ul.slideshow {
      list-style:none;
      width:600px;
      height:200px;
      overflow:hidden;
      position:relative;
      margin:0;
      padding:0;
      }
      ul.slideshow li {
      position:absolute;
      right:0;
      left:0;
      }
      ul.slideshow li.show {
      z-index:500;
      }
      ul img {
      border:none;
      }
      #slideshow-caption {
      width:600px;
      height:65px;
      position:absolute;
      bottom:0;
      right:0;
      color:#fff;
      background:#055373;
      z-index:500;
      }
      #slideshow-caption .slideshow-caption-container {
      padding:5px 10px;
      z-index:1000;
      }
      #slideshow-caption h3 {
      margin:0;
      padding:0;
      font-size:14px;
      font-weight:bold;
      font-align: center;
      font-family:tahoma;
      }
      #slideshow-caption p {
      font-size:11px;
      margin:5px 0 0 0;
      padding:0;
      font-family:tahoma;
      }

      [/INDENT]

      3- احفظ القالب ،،،
      4- اذهب الى عناصر الصفحة - ثم اختر اضف اداة من اي مكان - اختر HTML/JavaScript - ثم انسخ الكود التالي والصقه داخله :
      [INDENT]












      [/INDENT]


      5- احفظ الاداة وقم بنقلها الى اعلى رسائل المدونة الالكترونية بهذا الشكل واحفظ من جديد :






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

      8 - اضف رابط الموضوع المختار - الوصف الخاص بالرابط - رابط الصور - العنوان
      هذا هو كما في مدونتي :
      [INDENT]














      [/INDENT]



      9- احفظ القالب ومبروك عليك الاضافة .
      وبالتوفيق دوما ادعو لي ولكم








      المصدر سما بلوجر


      ¨°o.O ( على كف القدر نمشي ولا ندري عن المكتوب ) O.o°¨
      ---
      أتمنى لكم إقامة طيبة في الساحة العمانية
      وأدعوكم للإستفادة بمقالات متقدمة في مجال التقنية والأمن الإلكتروني
       رابط مباشر للمقالات هنا. ومن لديه الرغبة بتعلم البرمجة بلغات مختلفة أعرض لكم بعض
       المشاريع التي برمجتها مفتوحة المصدر ومجانا للجميع من هنا. تجدون أيضا بعض البرامج المجانية التي قمت بتطويرها بذات الموقع ..
       والكثير من أسرار التقنية في عالمي الثاني       Eagle Eye Digital Solutions