23 فبراير 2015

مدون محترف اضافات بلوجر إضافة قائمة فوق الفوتر

إضافة قائمة فوق الفوتر

إضافة قائمة احترافية فوق الفوتر

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

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


  1. ادخل إلى لوحة تحكم المدونة
  2. انقر على قالب ثم تحرير HTML

الان ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه
/* -- Menu bottompic -- */
.menubottompic {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWY4Ec2uLVZdT4OCWF_OOYVbFxeth7h_1E8mYoietUUSctx15cU12Lam5KaKFBxQ8tap8Coo7lLFmkfwg1j5Z-eRZ-aBA1ZqUkuyQIPOAgbLWDbSvWCesu8X_nwZOcgYx4_JHZshIK3PI/s1600/mudwnp-footer.png")
repeat-x    scroll left top transparent;width: 100%;height: 62px;margin: 30px auto -40px;position: relative;z-index: 9999;}
#menubottom-container {width:950px;margin:0px auto;padding:0px;}
.menubottom{float:left; margin:0 auto;padding:15px 0}
.menubottom ul{padding-left:0;color:#fff;text-transform:none;list-style-type:none;font:normal 12px droid arabic kufi,sans-serif;margin:0}
.menubottom li{display:inline;margin:0}
.menubottom li a{border-right:1px solid #333; float:left;display:block;text-decoration:none;color:#ddd;line-height:1.5em;padding:0px 12px; font-weight:bold;}
.menubottom li a:hover{text-decoration:underline; color:#fff;}


التنسيق

الان لتغيير خلفية القائمة و لونها ابحث عن الصور التي باللون الاحمر
لتغيير عرض و طول القائمة ابحث عن الاكواد التي باللون الازرق

الان كيفية إضافة الاقسام 

تستطيع إضافتها في اي مكان مثلا لو اردت إضافتها اعلى الفوتر ابحث في مدونتك عن كلمة Footer-Wrapper واضف الكود التالي فوقه
<!-- Menu Bottom -->
<div class='menubottompic'>
<div id='menubottom-container'>
<div class='menubottom'>
<ul>
<li><a href='/p/sitemap.html'>الفهرس</a></li>
<li><a href='/p/c.html'>راسلنا</a></li>
<li><a href='/p/something-about-me.html'>من نحن</a></li>
<li><a href='/p/terms-of-use.html'>شروط الاستخدام</a></li>
<li><a href='/p/privacy-policy.html'>سياسة الخصوصية</a></li>
</ul>
</div>
</div>
</div>

اي سؤال او استفسار لا تترد بوضعه في تعليق

مواضيع ذات صلة
إضافة قائمة فوق الفوتر
4 / 5
بواسطة

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

  1. ممكن قالب مدونتك الحالى اذا اردت

    ردحذف
    الردود
    1. اهلا اخي الكريم صراحة قالب المدونة خاص بنا

      شكرا لمرورك =r

      حذف
  2. العفو شكرا لمرورك =r

    ردحذف
  3. شكرا على الموضوع الرائع

    ردحذف
  4. انت راجل برنس بس انا عاوز اعرف تخفيض ترتيبك في اليكسا ازاي كدا ؟

    ردحذف
    الردود
    1. شكرا لك يا غالي انت البرنس
      بالنسبة لترتيبنا في اليكسا هذا بسبب الزوار ففي مدون محترف يأتينا 5000 إلى 6000 الاف زائر يوميا و احيانا نتخطى الـ 9000 زائر في اليوم
      و الزيارات كلها شرعية و امنة على المدونة يعني ليس عن طريق مواقع تبادل او اي برامج
      و هذا احد اسررار مدونتنا =f

      شكرا لتعليقك

      حذف
  5. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. اهلا بك اخي الكريم
      تم زيارة المدونة و التعليق بعا
      و شكرا لتعليقك ولكن لا ننشر روابط إشهار

      حذف
  6. لم يتم الاضافة اخي الكريم

    ردحذف
    الردود
    1. هناك احتمالين إما ان يكون قالبك غير متوافق مع القائمة
      او قد تكون اضفت الاكواد بشكل خاطيء

      حذف
  7. اخي الجزء الخاص باضافة الاقسام اعلي المدونة انا لم افهمه
    فأين اضيف الكود بالظبط؟
    ولو ستقول لي ابحث عن Footer-Wrapper فلقد بحثت ولم أجدها
    =x

    ردحذف
  8. اهلا صديقي
    قد يكون معرف الفوتر عندك مختلف عن الموجود فوق
    ابحث عن معرف الفوتر في مدونتك و اضف كود الاقسام فوقه

    ردحذف
  9. السلام عليكم ورحمة الله وبركاتة
    جزاك الله خيرا على هذة الاضافة ولكن الاضافة تظهر عندى من جهة الشمال شوف الصورة
    http://prntscr.com/9c8wf5
    انا عوزها تظهر من اليمين مثل قائمتك

    ردحذف
    الردود
    1. انا تظهر عندي في الشمال ايضاً وليس اليمين

      حذف
    2. أزال أحد مشرفي المدونة هذا التعليق.

      حذف
    3. يجب ان تقوم بتغيير الـ left إلى right
      و ان تغير الـ right إلى left
      وتغير ارقام الpadding , margin
      واعتذر لمسح التعليق بسبب الرابط

      حذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود. اولا تضع الـ = بعدها الحرف الخاص بالإبتسامة
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r