25‏/03‏/2014

2014-03-25T15:04:00+03:00
25‏/03‏/2014

إضافة سلايد شو اتوماتيكي يعرض أخر المشاركات في القائمة الجانبيه

سلايد شو اوتوماتيكي
سلايد شو اوتوماتيكي

 بسم الله الرحمن الرحيم
والصلاة والسلام على خير خلق الله سيدنا محمد عله الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته .

إضافة سلايد شو اتوماتيكي يعرض أخر المشاركات في القائمة الجانبيه

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

على العموم نبداء .

صورة من الأداة :

إضافة سلايد شو اتوماتيكي يعرض أخر المشاركات في القائمة الجانبيه
إضافة سلايد شو اتوماتيكي يعرض أخر المشاركات في القائمة الجانبيه


طريقة تركيب السلايد شو : 

  • ادخل مدونتك .
  • اتجه الى التخطيط . 
  • اضف اداة جديدة عبارة عن HTML/javascript.
  • انسخ والصق هذا الكود :
  <!-- Edit By http://blog.7lolblogger.com/ -->
<style>.slider-rotator h4{text-align:right !important;}.slider-rotator p{text-align:right !important;}.slider-rotator-nav{background:#DDD !important;border:1px solid #CCC !important;border-radius:5px !important;margin:2px 12px !important;}.slider-rotator-nav a{background-color:#FFF !important;color:#777 !important;border:1px solid #CCC !important;border-radius:4px !important;}.slider-rotator-nav a:hover{background-color:#FFFDD8 !important;}.slider-rotator-nav a.current{background-color:#BDB6AA !important;border:1px solid #999 !important;color:#FFF !important;}.slider-rotator{border-radius:5px !important;}</style>
<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
    url: "http://blog.7lolblogger.com/" // Add your blog URL
});
</script>

الاحمر : ليس بالضرورة ان تضعه اذا كان موجود بالفعل بمدونتك .
الاصفر : استبدله برابط مدونتك



عبدالله الحربي - من السعوديه مهتم في مجال التدوين بشكل عام وفي بلوجر بشكل خاص , اهوى تصميم القوالب وتكويدها , انشر المحتوى المفيد لي ولزوار مدونتي واعضائها , انتهى.
لا تنسى متابعتي :

عند نقلك للموضوع او نسخه , حاول ان تذكر المصدر لينتفع الزائر في حال اراد المزيد من المساعده , وايضاَ احتراما وتقديراَ للجهود المبذولة في المواضيع.

معلومات عن التدوينة
صورة التدوينة
ملخص التدوينة:

سلايد شو اوتوماتيكي  بسم الله الرحمن الرحيم والصلاة والسلام على خير خلق الله سيدنا محمد عله الصلاة واتم التسليم السلام عليكم ورحمة ال...

الساعه : 2014-03-25T15:04:00+03:00
تاريخ : 25‏/03‏/2014
التعليقات : 12
    انشرها :
تاق :

هناك 12 تعليقًا:

  1. جميل جداً ولكن هل يمكنني تخصيصه لأحد الأقسام . ؟!

    ردحذف
    الردود
    1. لا أعتقد بأننا نستطيع .

      حذف
  2. :( لآ بآس , لكن أخي أريد صندوق إضافة جانبية يقوم بعرض صور من تصنيف محدد بشكل أنيق هل لديك شي معين ؟!

    ردحذف
    الردود
    1. اذا وجدته سأقوم بطرحه اخي .

      حذف
  3. اخي لم تعمل معي في القائمة الجانبية مع العلم انها تعمل فوق المشاركات

    ردحذف
    الردود
    1. يمكن المساحة في القائمة الجانبيه صغيرة , لذالك لم تعمل ؟!

      حذف
    2. المساحة هي 310 اضن هناك مشكل في قالبي المرجو المساعدة .جربتها على قالب اخر جيدة جدا

      حذف
    3. دخلت هل المدونة ووجدته يعمل . ؟ http://www.wawfun.com/

      حذف
  4. اخي شكرا على الاضافة و لكن لا يظهر الصورة ولكن يظهر النص في الاسفل ؟
    هذا هو المشكلة
    http://postimg.org/image/5w5ifnobd/

    ردحذف
  5. فقط توظيح للمشكلتي عندما اضعها بدون تعديل يظهر الصور مشاركات مدونتك و لكن عندما ابدل رابط مدونتك برابط مدونتي يختفي الصور
    انا اضع هذا الرابط http://devsoftar.blogspot.com/

    ردحذف
    الردود
    1. يمكن لان مدونتي رابط خلاصتها مع الفيد بنر .

      حذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ولا ننشر تعليق يخص مدونات تخالف الشريعة الإسلامية , اما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولا بمحول الأكواد , واحب ان انبهك انه عند تعليقك تستطيع متابعة التعليق من خلال " إعلامي " الموجودة اسفل يسار صندوق التعليقات.

يمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود :
ت1 ت2 ت3 ت4 ت5 ت6 ت7 ت8 ت9 ج1 ج2 ج3 ج4 ج5 ج6 ج7 ج8 ج9 د1 د2

قالب حلول بلوجر النسخة الثالثه

قالب حلول بلوجر النسخة الثالثه متاح للتحميل , قالب يتميز بالاحترافيه والخفة والسرعه اضافة الى الارشقة الممتازة.

أقرأ الموضوع

الاشتراك في القائمة البريدية

هنا تستطيع الإشتراك في قائمتنا البريدية ضع إيملك بالأسفل وأضغط إشتراك ولا تنسي تأكيد إشتراكك من خلال بريدك الإلكتروني

الاسم

بريد إلكتروني

رسالة